solid-panes 4.2.4-test.5 → 4.2.4-test.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/solid-panes.js +84 -81
  2. package/dist/solid-panes.js.map +1 -1
  3. package/dist/solid-panes.min.js +1 -1
  4. package/dist/solid-panes.min.js.map +1 -1
  5. package/dist/versionInfo.js +16 -10
  6. package/package.json +4 -4
package/dist/solid-panes.min.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("UI"),require("SolidLogic"),require("rdflib")):"function"==typeof define&&define.amd?define(["UI","SolidLogic","rdflib"],n):"object"==typeof exports?exports.SolidPanes=n(require("UI"),require("SolidLogic"),require("rdflib")):e.SolidPanes=n(e.UI,e.SolidLogic,e.rdflib)}(this,(e,n,t)=>(()=>{var a={6305(e){e.exports&&(e.exports=function(e,n){if(void 0===t)var t=n.dom;var a=t.querySelectorAll(e),i={init:function(e,n){this.counter=0,this.el=e,this.$items=e.querySelectorAll("figure"),this.numItems=this.$items.length,(n=n||{}).auto=n.auto||!1,this.opts={auto:void 0!==n.auto&&n.auto,speed:void 0===n.auto.speed?1500:n.auto.speed,pauseOnHover:void 0!==n.auto.pauseOnHover&&n.auto.pauseOnHover,fullScreen:void 0!==n.fullScreen&&n.fullScreen,swipe:void 0!==n.swipe&&n.swipe},this.$items[0].classList.add("bss-show"),this.injectControls(e),this.addEventListeners(e),this.opts.auto&&this.autoCycle(this.el,this.opts.speed,this.opts.pauseOnHover),this.opts.fullScreen&&this.addFullScreen(this.el),this.opts.swipe&&this.addSwipe(this.el)},showCurrent:function(e){this.counter=e>0?this.counter+1===this.numItems?0:this.counter+1:this.counter-1<0?this.numItems-1:this.counter-1,[].forEach.call(this.$items,function(e){e.classList.remove("bss-show")}),this.$items[this.counter].classList.add("bss-show")},injectControls:function(e){var n=t.createElement("span"),a=t.createElement("span"),i=t.createDocumentFragment();n.classList.add("bss-prev"),a.classList.add("bss-next"),n.innerHTML="&laquo;",a.innerHTML="&raquo;",i.appendChild(n),i.appendChild(a),e.appendChild(i)},addEventListeners:function(e){var n=this;e.querySelector(".bss-next").addEventListener("click",function(){n.showCurrent(1)},!1),e.querySelector(".bss-prev").addEventListener("click",function(){n.showCurrent(-1)},!1),e.onkeydown=function(e){37===(e=e||window.event).keyCode?n.showCurrent(-1):39===e.keyCode&&n.showCurrent(1)}},autoCycle:function(e,n,t){var a=this,i=window.setInterval(function(){a.showCurrent(1)},n);t&&(e.addEventListener("mouseover",function(){i=clearInterval(i)},!1),e.addEventListener("mouseout",function(){i=window.setInterval(function(){a.showCurrent(1)},n)},!1))},addFullScreen:function(e){var n=this,a=t.createElement("span");a.classList.add("bss-fullscreen"),e.appendChild(a),e.querySelector(".bss-fullscreen").addEventListener("click",function(){n.toggleFullScreen(e)},!1)},addSwipe:function(e){var n=this,t=new Hammer(e);t.on("swiperight",function(e){n.showCurrent(-1)}),t.on("swipeleft",function(e){n.showCurrent(1)})},toggleFullScreen:function(e){t.fullscreenElement||t.mozFullScreenElement||t.webkitFullscreenElement||t.msFullscreenElement?t.exitFullscreen?t.exitFullscreen():t.msExitFullscreen?t.msExitFullscreen():t.mozCancelFullScreen?t.mozCancelFullScreen():t.webkitExitFullscreen&&t.webkitExitFullscreen():t.documentElement.requestFullscreen?e.requestFullscreen():t.documentElement.msRequestFullscreen?e.msRequestFullscreen():t.documentElement.mozRequestFullScreen?e.mozRequestFullScreen():t.documentElement.webkitRequestFullscreen&&e.webkitRequestFullscreen(e.ALLOW_KEYBOARD_INPUT)}};[].forEach.call(a,function(e){Object.create(i).init(e,n)})})},701(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.findChat=s,n.getChat=async function(e,n=!0){const{me:t,chatContainer:l,exists:c}=await s(e);if(c)return new o.NamedNode(l.value+r.longChatPane.CHAT_LOCATION_IN_CONTAINER);if(n){const n=await async function(e,n){const t=await r.longChatPane.mintNew({session:{store:i.store}},{me:n,newBase:e.value});return t.newInstance}(l,t);return await async function(e,n){await i.store.fetcher.load(e.doc());const t=i.store.any(e,a.ns.ldp("inbox"),void 0,e.doc());if(!t)throw new Error(`Invitee inbox not found! ${e.value}`);const o=`\n<> a <http://www.w3.org/ns/pim/meeting#LongChatInvite> ;\n${a.ns.rdf("seeAlso")} <${n.value}> . \n `,r=await i.store.fetcher.webOperation("POST",t.value,{data:o,contentType:"text/turtle"});if(!r.headers.get("location"))throw new Error(`Invite sending returned a ${r.status}`)}(e,n),await async function(e,n,t){await i.store.fetcher.load(e);const a=i.store.any(e,new o.NamedNode("http://www.iana.org/assignments/link-relations/acl"));if(!a)throw new Error("Chat ACL doc not found!");const r=`\n@prefix acl: <http://www.w3.org/ns/auth/acl#>.\n<#owner>\n a acl:Authorization;\n acl:agent <${n.value}>;\n acl:accessTo <.>;\n acl:default <.>;\n acl:mode\n acl:Read, acl:Write, acl:Control.\n<#invitee>\n a acl:Authorization;\n acl:agent <${t.value}>;\n acl:accessTo <.>;\n acl:default <.>;\n acl:mode\n acl:Read, acl:Append.\n`;await i.store.fetcher.webOperation("PUT",a.value,{data:r,contentType:"text/turtle"})}(l,t,e),await async function(e,n){const t=i.store.any(n,a.ns.solid("privateTypeIndex"));if(!t)throw new Error("Private type index not found!");await i.store.fetcher.load(t);const r=a.widgets.newThing(t),s=[(0,o.st)(r,a.ns.rdf("type"),a.ns.solid("TypeRegistration"),t.doc()),(0,o.st)(r,a.ns.solid("forClass"),a.ns.meeting("LongChat"),t.doc()),(0,o.st)(r,a.ns.solid("instance"),e,t.doc())];await new Promise((e,n)=>{i.store.updater.update([],s,function(t,a,i){a?e():n(new Error(i))})})}(n,t),n}throw new Error("Chat does not exist and createIfMissing is false")};var a=t(9426),i=t(5663),o=t(5491),r=t(8055);async function s(e){const n=await async function(){const e=i.authn.currentUser();if(null===e)throw new Error("Current user not found! Not logged in?");return await i.store.fetcher.load(e.doc()),e}(),t=await async function(e){const n=i.store.any(e,a.ns.space("storage"),void 0,e.doc());if(!n)throw new Error("Current user pod root not found!");return n}(n),s=function(e,n){const t=new URL(`IndividualChats/${new URL(e.value).host}/`,n.value).toString();return new o.NamedNode(t)}(e,t);let l=!0;try{await i.store.fetcher.load(new o.NamedNode(s.value+r.longChatPane.CHAT_LOCATION_IN_CONTAINER))}catch(e){l=!1}return{me:n,chatContainer:s,exists:l}}},8055(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.longChatPane=void 0;var a=t(5663),i=r(t(9426)),o=r(t(5491));function r(e,n){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(r=function(e,n){if(!n&&e&&e.__esModule)return e;var i,o,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(i=n?a:t){if(i.has(e))return i.get(e);i.set(e,r)}for(const n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,n))&&(o.get||o.set)?i(r,n,o):r[n]=e[n]);return r})(e,n)}const s=i.ns,l=s.meeting("LongChat"),c="index.ttl#this",u=i.style.sidebarComponentStyle||" padding: 0.5em; width: 100%;",d=i.style.sidebarStyle||"overflow-x: auto; overflow-y: auto; border-radius: 1em; border: 0.1em solid white;";n.longChatPane={CHAT_LOCATION_IN_CONTAINER:c,icon:i.icons.iconBase+"noun_1689339.svg",name:"long chat",label:function(e,n){const t=n.session.store;return t.holds(e,s.rdf("type"),s.meeting("LongChat"))?"Chat channnel":t.holds(e,s.rdf("type"),s.sioc("Thread"))?"Thread":t.any(e,s.sioc("content"))&&t.any(e,s.dct("created"))?"message":null},mintClass:l,mintNew:function(e,n){const t=e.session.store,a=t.updater;if(n.me&&!n.me.uri)throw new Error("chat mintNew: Invalid userid "+n.me);const i=n.newInstance=n.newInstance||t.sym(n.newBase+c),o=i.doc();t.add(i,s.rdf("type"),s.meeting("LongChat"),o),t.add(i,s.dc("title"),"Chat channel",o),t.add(i,s.dc("created"),new Date,o),n.me&&t.add(i,s.dc("author"),n.me,o);const r=(e,n,t)=>`\n @prefix : <#>.\n @prefix acl: <http://www.w3.org/ns/auth/acl#>.\n @prefix foaf: <http://xmlns.com/foaf/0.1/>.\n @prefix lon: <./${n}>.\n\n :ControlReadWrite\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agent <${e.uri}>;\n acl:default lon:;\n acl:mode acl:Control, acl:Read, acl:Write.\n :Read\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agentClass foaf:Agent;\n acl:default lon:;\n acl:mode acl:Read.\n :Read${t}\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agentClass acl:AuthenticatedAgent;\n acl:default lon:;\n acl:mode acl:Read, acl:${t}.`;return new Promise(function(e,i){a.put(o,t.statementsMatching(void 0,void 0,void 0,o),"text/turtle",function(t,a,o){a?e(n):i(new Error("FAILED to save new chat channel at: "+t+" : "+o))}).then(e=>new Promise((e,a)=>{n.me&&(t.fetcher.webOperation("PUT",n.newBase+".acl",{data:r(n.me,"","Append"),contentType:"text/turtle"}),t.fetcher.webOperation("PUT",n.newBase+"index.ttl.acl",{data:r(n.me,"index.ttl","Write"),contentType:"text/turtle"})),e(n)}))})},render:function(e,n,t){const r=n.dom,c=n.session.store,p=c.sym("https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this"),f=p.doc();c.holds(void 0,void 0,void 0,f)||o.parse('\n @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n @prefix ui: <http://www.w3.org/ns/ui#>.\n @prefix : <#>.\n\n :this\n <http://purl.org/dc/elements/1.1/title> "Chat preferences" ;\n a ui:Form ;\n ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms\n :shiftEnterSendsMessage :authorDateOnLeft :showDeletedMessages).\n\n :colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n ui:label "Color user input by user".\n\n :expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n ui:label "Expand image URLs inline".\n\n :newestFirst a ui:TristateField; ui:property solid:newestFirst;\n ui:label "Newest messages at the top".\n\n :inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n ui:label "Inline image height (lines)".\n\n :shiftEnterSendsMessage a ui:TristateField; ui:property solid:shiftEnterSendsMessage;\n ui:label "Shift-Enter sends message".\n\n :authorDateOnLeft a ui:TristateField; ui:property solid:authorDateOnLeft;\n ui:label "Author & date of message on left".\n\n :showDeletedMessages a ui:TristateField; ui:property solid:showDeletedMessages;\n ui:label "Show placeholders for deleted messages".\n',c,f.uri,"text/turtle");const m=c.statementsMatching(null,s.ui.property,null,f).map(e=>e.object);function h(e){const t=i.widgets.button(n.dom,i.icons.iconBase+"noun_1180156.svg","close",function(){e.parentNode.removeChild(e)});return t.style.float="right",t.style.margin="0.7em",delete t.style.backgroundColor,t}function g(e,t){const o=r.createElement("div"),s=a.authn.currentUser(),l={div:o,dom:r,noun:t,statusArea:o,me:s,refreshTarget:e},c=[n.session.paneRegistry.byName("chat")];return i.create.newThingUI(l,n,c),o}let b,v=null;let A=e,y=null,w=null;if(c.holds(e,s.rdf("type"),s.meeting("LongChat")))console.log("@@@ Chat channnel");else if(c.holds(e,s.rdf("type"),s.sioc("Thread"))){console.log("Thread is subject "+e.uri),w=e;const n=c.the(null,s.sioc("has_reply"),w,w.doc());if(!n)throw new Error("Thread has no root message "+w);if(A=c.any(null,s.wf("message"),n),!A)throw new Error("Thread root has no link to chatChannel")}else if(c.any(e,s.sioc("content"))&&c.any(e,s.dct("created"))&&(console.log("message is subject "+e.uri),y=e,A=c.any(null,s.wf("message"),y),!A))throw new Error("Message has no link to chatChannel");const x=r.createElement("div"),C="20cm",E=x.appendChild(r.createElement("table"));E.style.maxHeight='12"';const k=E.appendChild(r.createElement("tr")),B=k.appendChild(r.createElement("td")),S=k.appendChild(r.createElement("td")),T=k.appendChild(r.createElement("td")),P=k.appendChild(r.createElement("td")),F=E.appendChild(r.createElement("tr"));B.style=d,B.style.paddingRight="1em",T.style=d,T.style.paddingLeft="1em",P.style=d,P.style.paddingLeft="1em",F.appendChild(r.createElement("td"));const N=F.appendChild(r.createElement("td"));F.appendChild(r.createElement("td"));const L=i.widgets.button(r,i.icons.iconBase+"noun_339237.svg","participants ...");N.appendChild(L),L.addEventListener("click",function(e){if(!b){b=r.createElement("div"),b.style=u,b.style.maxHeight=C,b.appendChild(h(b));const e=a.authn.currentUser();e||alert("Should be logeed in for partipants panel"),i.pad.manageParticipation(r,b,A.doc(),A,e,{})}B.contains(b)?(b.parentNode.removeChild(b),b=null):B.appendChild(b)});const I=i.widgets.button(r,i.icons.iconBase+"noun_1689339.svg","List of other chats ...");N.appendChild(I),I.addEventListener("click",async function(e){v||(v=r.createElement("div"),v.style=u,v.style.maxHeight=C,v.appendChild(h(v)),v.appendChild(await async function(e,n){const t=r.createElement("div"),a={dom:r,div:t,noun:n};return await i.login.registrationList(a,{public:!0,private:!0,type:e}),t.appendChild(g(t,n)),t}(s.meeting("LongChat"),"chat"))),B.contains(v)?v.parentNode.removeChild(v):B.appendChild(v)});let _=null;const O=i.widgets.button(r,i.icons.iconBase+"noun_344563.svg","Setting ...");N.appendChild(O),O.style.float="right",O.addEventListener("click",async function(e){_||(_=await async function(e){const{dom:n,noun:t}=e,o=n.createElement("div");o.appendChild(h(o)),o.style=u,o.style.minWidth="25em",o.style.maxHeight=C;const r=o.appendChild(n.createElement("table")),s=r.appendChild(n.createElement("tr")),d=r.appendChild(n.createElement("tr")),f=a.authn.currentUser();return f&&(await i.login.registrationControl({noun:t,me:f,statusArea:d,dom:n,div:s},A,l),console.log("Registration control finsished."),o.appendChild(i.preferences.renderPreferencesForm(A,l,p,{noun:t,me:f,statusArea:d,div:o,dom:n,kb:c}))),o}({dom:r,noun:"chat room"})),P.contains(_)?(_.parentNode.removeChild(_),_=null):P.appendChild(_)}),x.setAttribute("class","chatPane");const R={infinite:!0},D={noun:"chat room",div:x,dom:r};async function M(e,n){console.log("@@@@ showThread thread "+e);const t={};t.thread=e,t.includeRemoveButton=!0,t.authorDateOnLeft=n.authorDateOnLeft,t.newestFirst=n.newestFirst,T.innerHTML="",console.log("Options for showThread message Area",t);const a=await i.infiniteMessageArea(r,c,A,t);a.style.resize="both",a.style.overflow="auto",a.style.maxHeight=C,T.appendChild(a)}return D.me=a.authn.currentUser(),async function(){let e;try{e=await i.preferences.getPreferencesForClass(A,l,m,D)}catch(e){i.widgets.complain(D,e)}for(const n in e)R[n.split("#")[1]]=e[n];y&&(R.selectedMessage=y),t.solo&&(R.solo=!0),w?R.thread=w:R.showThread=M;const n=await i.infiniteMessageArea(r,c,A,R);n.style.resize="both",n.style.overflow="auto",n.style.maxHeight=C,S.appendChild(n)}().then(console.log("async - chat pane built")),x}}},7052(e,n,t){"use strict";Object.defineProperty(n,"Pq",{enumerable:!0,get:function(){return i.longChatPane}}),Object.defineProperty(n,"bz",{enumerable:!0,get:function(){return a.shortChatPane}});var a=t(6303),i=t(8055),o=t(701)},6303(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.shortChatPane=void 0;var a=t(5663),i=function(e,n){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return function(e,n){if(!n&&e&&e.__esModule)return e;var i,o,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(i=n?a:t){if(i.has(e))return i.get(e);i.set(e,r)}for(const n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,n))&&(o.get||o.set)?i(r,n,o):r[n]=e[n]);return r}(e,n)}(t(9426));const o=i.ns;n.shortChatPane={icon:i.icons.iconBase+"noun_346319.svg",name:"chat",audience:[o.solid("PowerUser")],label:function(e,n){const t=n.session.store,a=t.each(e,o.wf("message")).length;return a>0?"Chat ("+a+")":t.holds(e,o.rdf("type"),o.meeting("Chat"))?"Meeting chat":t.holds(void 0,o.rdf("type"),o.foaf("ChatChannel"),e)?"IRC log":null},mintClass:o.meeting("Chat"),mintNew:function(e,n){if(!confirm("short Chat is deprecated in favor of long Chat.\nEmbedded chat for comments and existing short Chats will work.\nYou can report any issues at https://github.com/SolidOS/chat-pane ?\n\nDo you really want to create a new deprecated short Chat?"))return;const t=e.session.store,a=t.updater;if(n.me&&!n.me.uri)throw new Error("chat mintNew: Invalid userid "+n.me);const i=n.newInstance=n.newInstance||t.sym(n.newBase+"index.ttl#this"),r=i.doc();return t.add(i,o.rdf("type"),o.meeting("Chat"),r),t.add(i,o.dc("title"),"Chat",r),t.add(i,o.dc("created"),new Date,r),n.me&&t.add(i,o.dc("author"),n.me,r),new Promise(function(e,i){a.put(r,t.statementsMatching(void 0,void 0,void 0,r),"text/turtle",function(t,a,o){a?e(n):i(new Error("FAILED to save new tool at: "+t+" : "+o))})})},render:function(e,n){const t=n.session.store,r=n.dom,s=r.createElement("div");s.setAttribute("class","chatPane");const l={};let c;if(t.holds(e,o.rdf("type"),o.meeting("Chat")))c=e.doc();else if(t.any(e,i.ns.wf("message")))c=a.store.any(e,i.ns.wf("message")).doc();else if(t.holds(void 0,o.rdf("type"),o.foaf("ChatChannel"),e)||t.holds(e,o.rdf("type"),o.foaf("ChatChannel"))){const n=function(){const e=new $rdf.Query("IRC log entries"),n=[];return["chan","msg","date","list","pred","creator","content"].forEach(function(t){e.vars.push(n[t]=$rdf.variable(t))}),e.pat.add(n.chan,o.foaf("chatEventList"),n.list),e.pat.add(n.list,n.pred,n.msg),e.pat.add(n.msg,o.dc("date"),n.date),e.pat.add(n.msg,o.dc("creator"),n.creator),e.pat.add(n.msg,o.dc("description"),n.content),e};c=e.doc(),l.query=n()}else!function(e,n){const t=r.createElement("pre");t.setAttribute("style","background-color: "+n||0),s.appendChild(t),t.appendChild(r.createTextNode(e))}("Unknown chat type");return s.appendChild(i.messageArea(r,t,e,c,l)),t.updater.addDownstreamChangeListener(c,function(){i.widgets.refreshTree(s)}),s}}},3955(e,n,t){var a;globalThis,a=(e,n,t)=>(()=>{"use strict";var a={903(e,n,t){t.d(n,{A:()=>p});var a=t(354),i=t.n(a),o=t(314),r=t.n(o),s=t(417),l=t.n(s),c=new URL(t(102),t.b),u=r()(i()),d=l()(c);u.push([e.id,`/* Focus indicator for keyboard navigation */\n.contactPane table tr[tabindex="0"]:focus {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n background: var(--color-info-bg);\n}\n/* contactsPane styles — extracted from inline styles in contactsPane.js */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Layout: Three-column browser ────────────────────────────── */\n\n.contactPane .peopleSection .selected {\n background-color: var(--color-info-bg) !important;\n}\n\n.contactPane .detailSection {\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 300px;\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n min-height: 200px;\n padding: var(--spacing-lg);\n max-width: 900px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 900px;\n}\n\n.contactPane .cardFooter {\n display: flex;\n flex-wrap: nowrap; /* keep buttons inline */\n align-items: center; /* vertical centering if varied heights */\n gap: var(--spacing-xs);\n padding-top: var(--spacing-md);\n margin-top: var(--spacing-md);\n}\n\n.contactPane .detailsSectionContent {\n margin: 0;\n}\n\n/* ── Contact type chooser ───────────────────────────────────── */\n\n.contactPane .contactTypeChooser {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n max-width: 360px;\n}\n\n.contactPane .contactTypeChooser h3 {\n margin: 0 0 var(--spacing-xs) 0;\n font-size: var(--font-size-lg);\n}\n\n.contactPane .contactTypeSelect {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm);\n font-size: var(--font-size-sm);\n background: var(--color-section-bg);\n}\n\n/* ── Search ──────────────────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n border-radius: var(--border-radius-full) !important;\n /* existing styles */\n}\n/* wrapper to position clear icon/button */\n.contactPane .searchDiv {\n position: relative;\n}\n\n.contactPane .searchInput {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n background-color: var(--color-section-bg);\n background-image: url(${d});\n background-repeat: no-repeat;\n background-position: 8px center;\n background-size: 20px 20px;\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 34px;\n font-size: var(--font-size-base);\n width: 100%;\n box-sizing: border-box;\n}\n\n/* clear button inside search input */\n.contactPane .searchClearButton {\n position: absolute;\n right: var(--spacing-sm);\n top: 50%;\n transform: translateY(-50%);\n border: none;\n background: transparent;\n font-size: var(--font-size-base);\n line-height: 1;\n padding: 0;\n cursor: pointer;\n color: var(--color-text-muted);\n /* visibility is controlled via the generic \`.hidden\` utility class */\n display: block;\n}\n.contactPane .searchClearButton.hidden {\n display: none;\n}\n.contactPane .searchClearButton:hover {\n color: var(--color-text);\n}\n\n/* ── Contact toolbar (top-right link + delete) ──────────────── */\n\n.contactPane .contact-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* ── "All" groups button ─────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n margin-left: var(--spacing-md);\n font-size: var(--font-size-base);\n}\n\n.contactPane .allGroupsButton--loading {\n background-color: var(--color-primary);\n}\n\n.contactPane .allGroupsButton--active {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n.contactPane .allGroupsButton--loaded {\n background-color: var(--color-primary);\n}\n\n/* ── Selection & visibility states ───────────────────────────── */\n\n.contactPane .group-loading {\n}\n\n.contactPane .hidden {\n display: none;\n}\n\n/* ── Mint new address book ───────────────────────────────────── */\n\n.contactPane .claimSuccess {\n font-size: var(--font-size-xl);\n}\n\n.contactPane {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 50%;\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: auto; /* allow horizontal scroll if needed */\n}\n\n.contactPane .addressBookSection {\n flex: 1 1 350px;\n max-width: 485px;\n box-sizing: border-box;\n}\n\n@media ((min-width: 500px) and (max-width: 900px)) {\n .contactPane .addressBookSection {\n max-width: 900px;\n }\n .contactPane .addressBookSection section {\n max-width: 485px;\n }\n}\n\n@media (max-width: 500px) {\n .contactPane .addressBookSection {\n max-width: 485px;\n }\n}\n\n/* Card Section Background */\n.contactPane .section-bg {\n background: var(--color-section-bg);\n padding: var(--spacing-md);\n box-sizing: border-box;\n border: none !important;\n border-radius: 0 !important;\n}\n\n/* Primary Button */\n.contactPane .btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: var(--color-background);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.contactPane .btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n\n/* Secondary button */\n.contactPane .btn-secondary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: var(--border-width-thin) solid var(--color-secondary);\n border-radius: var(--border-radius-base);\n background: var(--color-secondary);\n color: var(--color-background);\n font-weight: var(--font-weight-bold);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.contactPane .btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.contactPane .action-button-focus:focus,\n.contactPane .action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\n.contactPane .buttonSection {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: var(--spacing-sm);\n padding-bottom: 0;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n margin-bottom: 0;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar {\n height: 6px;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-thumb {\n background: var(--color-border-pale);\n border-radius: var(--border-radius-base);\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.contactPane .buttonSection .selected {\n background: vnone !important;\n}\n\n.contactPane .groupButtonsList {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--spacing-xs);\n list-style: none;\n}\n\n.contactPane .buttonSection .groupButtonsList {\n margin-left: var(--spacing-xs);\n margin-right: var(--spacing-xs);\n padding-left: 0;\n}\n\n.contactPane .groupButtonsList li {\n flex-shrink: 0;\n}\n\n.contactPane .groupButtonsList button {\n white-space: nowrap;\n flex-shrink: 0;\n min-width: max-content;\n margin-left: 0;\n}\n\n/* Groups list in details section — flexible 2-column grid */\n.contactPane .detailsSectionContent .groupButtonsList {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li {\n width: 100%;\n aspect-ratio: 1 / 1;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n@media (max-width: 599px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n }\n\n .contactPane .detailsSectionContent .groupButtonsList button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.contactPane .detailsSectionContent .newGroupBtn {\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane .detailsSectionContent h3 {\n font-size: var(--font-size-xl);\n margin-bottom: var(--spacing-sm);\n padding-left: 0;\n}\n\n/* Delete confirmation POPUP — centered overlay in details section */\n.contactPane .detailSection {\n position: relative;\n}\n\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"],\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"],\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"],\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1000;\n}\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n z-index: 1001;\n}\n\n/* Selected state for All contacts button */\n.contactPane .allGroupsButton--selected {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n/* ── Header section ──────────────────────────────────────────── */\n\n.contactPane .headerSection {\n background: var(--color-background);\n padding: var(--spacing-sm);\n border-top-left-radius: var(--border-radius-full);\n border-top-right-radius: var(--border-radius-full);\n margin-bottom: 0;\n}\n\n.contactPane .headerSection header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0;\n}\n\n.contactPane .headerSection h2 {\n margin-bottom: 0;\n}\n\n/* ── Dotted horizontal rule ─────────────────────────────────── */\n\n.contactPane .dottedHr {\n border: none;\n border-top: 1px dotted var(--color-text-muted);\n margin: 0;\n}\n\n/* ── Search section ─────────────────────────────────────────── */\n\n.contactPane .searchSection {\n padding: var(--spacing-sm);\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n/* ── People list section ────────────────────────────────────── */\n\n.contactPane .peopleSection {\n display: flex;\n background: var(--color-background);\n border-top: 1px dotted var(--color-text-muted);\n margin-bottom: 0;\n}\n\n.contactPane .peopleSection ul {\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 70vh;\n overflow-y: auto;\n}\n\n.contactPane .peopleSection li {\n border-top: 1px solid var(--color-border-pale);\n padding: var(--spacing-xs);\n}\n\n/* ── Person list item (addressBookPresenter) ─────────────────── */\n\n.contactPane .personLi-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.contactPane .personLi-avatar {\n width: 45px;\n height: 45px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar .avatar-placeholder {\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.contactPane .personLi-info {\n flex: 1;\n margin-left: var(--spacing-sm);\n overflow: hidden;\n}\n\n.contactPane .personLi-name {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.contactPane .personLi-arrow {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n\n.contactPane .personLi--error {\n opacity: 0.5;\n}`,"",{version:3,sources:["webpack://./src/styles/contactsPane.css"],names:[],mappings:"AAAA,4CAA4C;AAC5C;EACE,2DAA2D;EAC3D,mBAAmB;EACnB,gCAAgC;AAClC;AACA,0EAA0E;AAC1E,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,iDAAiD;AACnD;;AAEA;EACE,WAAW,EAAE,wCAAwC;EACrD,gBAAgB;EAChB,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;EACE,iBAAiB;EACjB,0BAA0B;EAC1B,gBAAgB;EAChB,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,iBAAiB,EAAE,wBAAwB;EAC3C,mBAAmB,EAAE,yCAAyC;EAC9D,sBAAsB;EACtB,8BAA8B;EAC9B,6BAA6B;AAC/B;;AAEA;EACE,SAAS;AACX;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA;EACE,+BAA+B;EAC/B,0CAA0C;EAC1C,wCAAwC;EACxC,4BAA4B;EAC5B,8BAA8B;EAC9B,mCAAmC;AACrC;;AAEA,mEAAmE;;AAEnE;EACE,mDAAmD;EACnD,oBAAoB;AACtB;AACA,0CAA0C;AAC1C;EACE,kBAAkB;AACpB;;AAEA;EACE,+BAA+B;EAC/B,0CAA0C;EAC1C,yCAAyC;EACzC,yDAAgZ;EAChZ,4BAA4B;EAC5B,+BAA+B;EAC/B,0BAA0B;EAC1B,wCAAwC;EACxC,mCAAmC;EACnC,gCAAgC;EAChC,WAAW;EACX,sBAAsB;AACxB;;AAEA,qCAAqC;AACrC;EACE,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,2BAA2B;EAC3B,YAAY;EACZ,uBAAuB;EACvB,gCAAgC;EAChC,cAAc;EACd,UAAU;EACV,eAAe;EACf,8BAA8B;EAC9B,qEAAqE;EACrE,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,wBAAwB;AAC1B;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,gCAAgC;AAClC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,sCAAsC;EACtC,8BAA8B;AAChC;;AAEA;EACE,sCAAsC;AACxC;;AAEA,mEAAmE;;AAEnE;AACA;;AAEA;EACE,aAAa;AACf;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,iBAAiB,EAAE,+BAA+B;EAClD,OAAO;EACP,cAAc;EACd,oBAAoB;EACpB,WAAW;EACX,sBAAsB;EACtB,gBAAgB,EAAE,sCAAsC;AAC1D;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,sBAAsB;AACxB;;AAEA;EACE;IACE,gBAAgB;EAClB;EACA;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF;;AAEA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA,mBAAmB;AACnB;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gCAAgC;EAChC,8BAA8B;EAC9B,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,eAAe;AACjB;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,6DAA6D;EAC7D,wCAAwC;EACxC,kCAAkC;EAClC,8BAA8B;EAC9B,oCAAoC;EACpC,eAAe;EACf,8CAA8C;EAC9C,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iEAAiE;AACnE;;AAEA;EACE,gCAAgC;EAChC,mBAAmB;AACrB;;AAEA,0DAA0D;AAC1D;;EAEE,kDAAkD;EAClD,8BAA8B;EAC9B,4FAA4F;EAC5F,UAAU;AACZ;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB;EAClB,iCAAiC;EACjC,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,oCAAoC;EACpC,wCAAwC;AAC1C;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,8BAA8B;EAC9B,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,cAAc;EACd,sBAAsB;EACtB,cAAc;AAChB;;AAEA,4DAA4D;AAC5D;EACE,aAAa;EACb,2DAA2D;EAC3D,sBAAsB;EACtB,gBAAgB;EAChB,UAAU;EACV,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;AAC3B;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;EACxB;;EAEA;IACE,8BAA8B;IAC9B,wCAAwC;EAC1C;AACF;;AAEA;EACE;IACE,qCAAqC;EACvC;AACF;;AAEA;EACE,WAAW;EACX,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,8BAA8B;EAC9B,gCAAgC;EAChC,eAAe;AACjB;;AAEA,oEAAoE;AACpE;EACE,kBAAkB;AACpB;;AAEA;;;;EAIE,6BAA6B;EAC7B,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,8BAA8B;EAC9B,aAAa;AACf;AACA;;;;EAIE,6BAA6B;EAC7B,oBAAoB;EACpB,mCAAmC;EACnC,wCAAwC;EACxC,0BAA0B;EAC1B,yCAAyC;EACzC,aAAa;AACf;;AAEA,2CAA2C;AAC3C;EACE,sCAAsC;EACtC,8BAA8B;AAChC;;AAEA,mEAAmE;;AAEnE;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,iDAAiD;EACjD,kDAAkD;EAClD,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA,kEAAkE;;AAElE;EACE,YAAY;EACZ,8CAA8C;EAC9C,SAAS;AACX;;AAEA,kEAAkE;;AAElE;EACE,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,mCAAmC;EACnC,8CAA8C;EAC9C,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,WAAW;EACX,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,8CAA8C;EAC9C,0BAA0B;AAC5B;;AAEA,mEAAmE;;AAEnE;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,8BAA8B;EAC9B,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,gCAAgC;EAChC,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,YAAY;AACd",sourcesContent:['/* Focus indicator for keyboard navigation */\n.contactPane table tr[tabindex="0"]:focus {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n background: var(--color-info-bg);\n}\n/* contactsPane styles — extracted from inline styles in contactsPane.js */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Layout: Three-column browser ────────────────────────────── */\n\n.contactPane .peopleSection .selected {\n background-color: var(--color-info-bg) !important;\n}\n\n.contactPane .detailSection {\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 300px;\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n min-height: 200px;\n padding: var(--spacing-lg);\n max-width: 900px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 900px;\n}\n\n.contactPane .cardFooter {\n display: flex;\n flex-wrap: nowrap; /* keep buttons inline */\n align-items: center; /* vertical centering if varied heights */\n gap: var(--spacing-xs);\n padding-top: var(--spacing-md);\n margin-top: var(--spacing-md);\n}\n\n.contactPane .detailsSectionContent {\n margin: 0;\n}\n\n/* ── Contact type chooser ───────────────────────────────────── */\n\n.contactPane .contactTypeChooser {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n max-width: 360px;\n}\n\n.contactPane .contactTypeChooser h3 {\n margin: 0 0 var(--spacing-xs) 0;\n font-size: var(--font-size-lg);\n}\n\n.contactPane .contactTypeSelect {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm);\n font-size: var(--font-size-sm);\n background: var(--color-section-bg);\n}\n\n/* ── Search ──────────────────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n border-radius: var(--border-radius-full) !important;\n /* existing styles */\n}\n/* wrapper to position clear icon/button */\n.contactPane .searchDiv {\n position: relative;\n}\n\n.contactPane .searchInput {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n background-color: var(--color-section-bg);\n background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23999\' viewBox=\'0 0 24 24\' width=\'20\' height=\'20\'%3E%3Cpath d=\'M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99c.41.41 1.09.41 1.5 0s.41-1.09 0-1.5l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\'/%3E%3C/svg%3E");\n background-repeat: no-repeat;\n background-position: 8px center;\n background-size: 20px 20px;\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 34px;\n font-size: var(--font-size-base);\n width: 100%;\n box-sizing: border-box;\n}\n\n/* clear button inside search input */\n.contactPane .searchClearButton {\n position: absolute;\n right: var(--spacing-sm);\n top: 50%;\n transform: translateY(-50%);\n border: none;\n background: transparent;\n font-size: var(--font-size-base);\n line-height: 1;\n padding: 0;\n cursor: pointer;\n color: var(--color-text-muted);\n /* visibility is controlled via the generic `.hidden` utility class */\n display: block;\n}\n.contactPane .searchClearButton.hidden {\n display: none;\n}\n.contactPane .searchClearButton:hover {\n color: var(--color-text);\n}\n\n/* ── Contact toolbar (top-right link + delete) ──────────────── */\n\n.contactPane .contact-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* ── "All" groups button ─────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n margin-left: var(--spacing-md);\n font-size: var(--font-size-base);\n}\n\n.contactPane .allGroupsButton--loading {\n background-color: var(--color-primary);\n}\n\n.contactPane .allGroupsButton--active {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n.contactPane .allGroupsButton--loaded {\n background-color: var(--color-primary);\n}\n\n/* ── Selection & visibility states ───────────────────────────── */\n\n.contactPane .group-loading {\n}\n\n.contactPane .hidden {\n display: none;\n}\n\n/* ── Mint new address book ───────────────────────────────────── */\n\n.contactPane .claimSuccess {\n font-size: var(--font-size-xl);\n}\n\n.contactPane {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 50%;\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: auto; /* allow horizontal scroll if needed */\n}\n\n.contactPane .addressBookSection {\n flex: 1 1 350px;\n max-width: 485px;\n box-sizing: border-box;\n}\n\n@media ((min-width: 500px) and (max-width: 900px)) {\n .contactPane .addressBookSection {\n max-width: 900px;\n }\n .contactPane .addressBookSection section {\n max-width: 485px;\n }\n}\n\n@media (max-width: 500px) {\n .contactPane .addressBookSection {\n max-width: 485px;\n }\n}\n\n/* Card Section Background */\n.contactPane .section-bg {\n background: var(--color-section-bg);\n padding: var(--spacing-md);\n box-sizing: border-box;\n border: none !important;\n border-radius: 0 !important;\n}\n\n/* Primary Button */\n.contactPane .btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: var(--color-background);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.contactPane .btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n\n/* Secondary button */\n.contactPane .btn-secondary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: var(--border-width-thin) solid var(--color-secondary);\n border-radius: var(--border-radius-base);\n background: var(--color-secondary);\n color: var(--color-background);\n font-weight: var(--font-weight-bold);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.contactPane .btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.contactPane .action-button-focus:focus,\n.contactPane .action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\n.contactPane .buttonSection {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: var(--spacing-sm);\n padding-bottom: 0;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n margin-bottom: 0;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar {\n height: 6px;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-thumb {\n background: var(--color-border-pale);\n border-radius: var(--border-radius-base);\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.contactPane .buttonSection .selected {\n background: vnone !important;\n}\n\n.contactPane .groupButtonsList {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--spacing-xs);\n list-style: none;\n}\n\n.contactPane .buttonSection .groupButtonsList {\n margin-left: var(--spacing-xs);\n margin-right: var(--spacing-xs);\n padding-left: 0;\n}\n\n.contactPane .groupButtonsList li {\n flex-shrink: 0;\n}\n\n.contactPane .groupButtonsList button {\n white-space: nowrap;\n flex-shrink: 0;\n min-width: max-content;\n margin-left: 0;\n}\n\n/* Groups list in details section — flexible 2-column grid */\n.contactPane .detailsSectionContent .groupButtonsList {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li {\n width: 100%;\n aspect-ratio: 1 / 1;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n@media (max-width: 599px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n }\n\n .contactPane .detailsSectionContent .groupButtonsList button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.contactPane .detailsSectionContent .newGroupBtn {\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane .detailsSectionContent h3 {\n font-size: var(--font-size-xl);\n margin-bottom: var(--spacing-sm);\n padding-left: 0;\n}\n\n/* Delete confirmation POPUP — centered overlay in details section */\n.contactPane .detailSection {\n position: relative;\n}\n\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"],\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"],\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"],\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1000;\n}\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n z-index: 1001;\n}\n\n/* Selected state for All contacts button */\n.contactPane .allGroupsButton--selected {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n/* ── Header section ──────────────────────────────────────────── */\n\n.contactPane .headerSection {\n background: var(--color-background);\n padding: var(--spacing-sm);\n border-top-left-radius: var(--border-radius-full);\n border-top-right-radius: var(--border-radius-full);\n margin-bottom: 0;\n}\n\n.contactPane .headerSection header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0;\n}\n\n.contactPane .headerSection h2 {\n margin-bottom: 0;\n}\n\n/* ── Dotted horizontal rule ─────────────────────────────────── */\n\n.contactPane .dottedHr {\n border: none;\n border-top: 1px dotted var(--color-text-muted);\n margin: 0;\n}\n\n/* ── Search section ─────────────────────────────────────────── */\n\n.contactPane .searchSection {\n padding: var(--spacing-sm);\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n/* ── People list section ────────────────────────────────────── */\n\n.contactPane .peopleSection {\n display: flex;\n background: var(--color-background);\n border-top: 1px dotted var(--color-text-muted);\n margin-bottom: 0;\n}\n\n.contactPane .peopleSection ul {\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 70vh;\n overflow-y: auto;\n}\n\n.contactPane .peopleSection li {\n border-top: 1px solid var(--color-border-pale);\n padding: var(--spacing-xs);\n}\n\n/* ── Person list item (addressBookPresenter) ─────────────────── */\n\n.contactPane .personLi-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.contactPane .personLi-avatar {\n width: 45px;\n height: 45px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar .avatar-placeholder {\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.contactPane .personLi-info {\n flex: 1;\n margin-left: var(--spacing-sm);\n overflow: hidden;\n}\n\n.contactPane .personLi-name {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.contactPane .personLi-arrow {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n\n.contactPane .personLi--error {\n opacity: 0.5;\n}'],sourceRoot:""}]);const p=u},93(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* ── Group Membership Section ──────────────────────────────── */\n\n.contactPane .group-membership-container {\n padding: var(--spacing-sm) 0;\n}\n\n/* Grid wrapper — matches detailsSectionContent groupButtonsList */\n.contactPane .group-pills-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content;\n}\n\n/* Each group item: button on top, toolbar below */\n.contactPane .group-membership-item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n max-width: 256px;\n}\n\n.contactPane .group-membership-item > button {\n width: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n min-height: var(--min-touch-target);\n}\n\n/* Toolbar with link icon and delete button below each group button */\n.contactPane .group-membership-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n max-width: 100%;\n }\n\n .contactPane .group-membership-item > button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr);\n gap: var(--spacing-sm);\n }\n}\n","",{version:3,sources:["webpack://./src/styles/groupMembership.css"],names:[],mappings:"AAAA,iEAAiE;;AAEjE;EACE,4BAA4B;AAC9B;;AAEA,kEAAkE;AAClE;EACE,aAAa;EACb,2DAA2D;EAC3D,sBAAsB;EACtB,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA,kDAAkD;AAClD;EACE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;EACzB,mCAAmC;AACrC;;AAEA,qEAAqE;AACrE;EACE,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;IACtB,eAAe;EACjB;;EAEA;IACE,8BAA8B;IAC9B,wCAAwC;EAC1C;AACF;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;EACxB;AACF",sourcesContent:["/* ── Group Membership Section ──────────────────────────────── */\n\n.contactPane .group-membership-container {\n padding: var(--spacing-sm) 0;\n}\n\n/* Grid wrapper — matches detailsSectionContent groupButtonsList */\n.contactPane .group-pills-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content;\n}\n\n/* Each group item: button on top, toolbar below */\n.contactPane .group-membership-item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n max-width: 256px;\n}\n\n.contactPane .group-membership-item > button {\n width: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n min-height: var(--min-touch-target);\n}\n\n/* Toolbar with link icon and delete button below each group button */\n.contactPane .group-membership-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n max-width: 100%;\n }\n\n .contactPane .group-membership-item > button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr);\n gap: var(--spacing-sm);\n }\n}\n"],sourceRoot:""}]);const s=r},479(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* individual.js styles — extracted from inline styles */\n\n/* ── Individual pane container ───────────────────────────────── */\n\n.individualPane {\n padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n max-width: 100%;\n}","",{version:3,sources:["webpack://./src/styles/individual.css"],names:[],mappings:"AAAA,wDAAwD;;AAExD,mEAAmE;;AAEnE;EACE,gFAAgF;EAChF,mCAAmC;EACnC,wCAAwC;EACxC,6BAA6B;EAC7B,sBAAsB;EACtB,eAAe;AACjB",sourcesContent:["/* individual.js styles — extracted from inline styles */\n\n/* ── Individual pane container ───────────────────────────────── */\n\n.individualPane {\n padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n max-width: 100%;\n}"],sourceRoot:""}]);const s=r},546(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* CSS for the accessible modal dialogs created by localUtils.js */\n\n/* backdrop / focus trap container */\n.focus-trap {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.focus-trap.hidden {\n display: none;\n}\n\n/* inner dialog box */\n.focus-trap .modal {\n background: var(--color-background);\n padding: var(--spacing-lg);\n border-radius: var(--border-radius-base);\n max-width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n/* button container: center buttons horizontally (uses id in markup) */\n#contacts-modal #modal-buttons {\n margin-top: var(--spacing-md);\n display: flex;\n justify-content: center;\n gap: var(--spacing-sm);\n}\n\n/* buttons themselves use the shared btn-primary rules */\n#contacts-modal .modal button {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button.btn-primary {\n background: var(--color-primary);\n color: var(--color-background);\n}\n\n#contacts-modal .modal button.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n","",{version:3,sources:["webpack://./src/styles/localUtils.css"],names:[],mappings:"AAAA,kEAAkE;;AAElE,oCAAoC;AACpC;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,aAAa;EACb,8BAA8B;EAC9B,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,cAAc;EACd,yCAAyC;AAC3C;;AAEA,sEAAsE;AACtE;EACE,6BAA6B;EAC7B,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA,wDAAwD;AACxD;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,gCAAgC;EAChC,8BAA8B;AAChC;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,eAAe;AACjB",sourcesContent:["/* CSS for the accessible modal dialogs created by localUtils.js */\n\n/* backdrop / focus trap container */\n.focus-trap {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.focus-trap.hidden {\n display: none;\n}\n\n/* inner dialog box */\n.focus-trap .modal {\n background: var(--color-background);\n padding: var(--spacing-lg);\n border-radius: var(--border-radius-base);\n max-width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n/* button container: center buttons horizontally (uses id in markup) */\n#contacts-modal #modal-buttons {\n margin-top: var(--spacing-md);\n display: flex;\n justify-content: center;\n gap: var(--spacing-sm);\n}\n\n/* buttons themselves use the shared btn-primary rules */\n#contacts-modal .modal button {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button.btn-primary {\n background: var(--color-primary);\n color: var(--color-background);\n}\n\n#contacts-modal .modal button.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n"],sourceRoot:""}]);const s=r},715(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* mugshotGallery.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Mugshot image ───────────────────────────────────────────── */\n\n.contactPane .mugshotImage {\n max-height: 10em;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n","",{version:3,sources:["webpack://./src/styles/mugshotGallery.css"],names:[],mappings:"AAAA,4DAA4D;AAC5D,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,gBAAgB;EAChB,wCAAwC;EACxC,yBAAyB;AAC3B",sourcesContent:["/* mugshotGallery.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Mugshot image ───────────────────────────────────────────── */\n\n.contactPane .mugshotImage {\n max-height: 10em;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n"],sourceRoot:""}]);const s=r},434(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,'/* Solid-UI form */\n\n/* Vertically center autocomplete input in .formFieldValue */\n.individualPane .formFieldValue > div[style*="flex-direction: row"],\n.contactPane .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n\n.individualPane .hoverControl:has(> img:first-child),\n.contactPane .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.individualPane .hoverControlHide,\n.contactPane .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.individualPane .hoverControl:has(> img:first-child) > span,\n.contactPane .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img),\n.contactPane div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img) > span,\n.contactPane div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.individualPane button,\n.contactPane button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]),\n.individualPane textarea,\n.contactPane textarea,\n.individualPane select,\n.contactPane select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.individualPane textarea,\n.contactPane textarea {\n border-color: var(--color-border-pale) !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane input[type="date"],\n.contactPane input[type="date"],\n.individualPane input[type="month"],\n.contactPane input[type="month"],\n.individualPane input[type="week"],\n.contactPane input[type="week"],\n.individualPane input[type="time"],\n.contactPane input[type="time"],\n.individualPane input[type="datetime-local"],\n.contactPane input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.individualPane .hoverControl:has(> img:first-child):focus-visible,\n.contactPane .hoverControl:has(> img:first-child):focus-visible,\n.individualPane button:focus-visible,\n.contactPane button:focus-visible,\n.individualPane input:not([type="color"]):focus-visible,\n.contactPane input:not([type="color"]):focus-visible,\n.individualPane textarea:focus-visible,\n.contactPane textarea:focus-visible,\n.individualPane select:focus-visible,\n.contactPane select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.individualPane input[type="url"],\n.contactPane input[type="url"] {\n width: 100%;\n}\n\n.individualPane .formFieldValue,\n.contactPane .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.individualPane .formFieldValue table,\n.contactPane .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane .formFieldValue td,\n.contactPane .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.individualPane .formFieldValue input:not([type="color"]),\n.contactPane .formFieldValue input:not([type="color"]),\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n width: 100%;\n max-width: 100%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 100%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane span select,\n.contactPane span select {\n max-width: 96% !important;\n box-sizing: border-box;\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue span select,\n.contactPane .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.individualPane > div:first-of-type,\n.contactPane > div:first-of-type,\n.individualPane > div:first-of-type > div:first-of-type,\n.contactPane > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.individualPane > div,\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue),\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n align-items: baseline;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.individualPane .choiceBox .classifierBox-label,\n.contactPane .choiceBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.individualPane .classifierBox .classifierBox-label,\n.contactPane .classifierBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox,\n.contactPane .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox select,\n.contactPane .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.individualPane .formFieldValue > span > select,\n.contactPane .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue,\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border-radius: 0.2em !important;\n border: 0.05em solid #88c !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.individualPane div:has(> a) + div:has(textarea),\n.contactPane div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]),\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName,\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: var(--spacing-xs) !important;\n}\n\n.individualPane .formFieldValue:has(input[data-testid="autocomplete-input"]),\n.contactPane .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"],\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane input:disabled,\n.contactPane input:disabled,\n.individualPane textarea:disabled,\n.contactPane textarea:disabled,\n.individualPane select:disabled,\n.contactPane select:disabled,\n.individualPane input[readonly],\n.contactPane input[readonly],\n.individualPane textarea[readonly],\n.contactPane textarea[readonly],\n.individualPane input:read-only,\n.contactPane input:read-only,\n.individualPane textarea:read-only,\n.contactPane textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid var(--color-background) !important;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n padding: var(--spacing-xs) !important;\n}\n\n.contactPane .webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n\n/* ------------------------------------------------------------------ */\n/* inline popup used for small confirmation flows (like the new confirmDialog) */\n/* apply the class `rdf-inline-modal` on the outer wrapper and give the\n inner box the class `popup` instead of using the old inline styles. */\n\n/* selectors that match the old inline-styled markup when no classes can be added */\n\n/* outer container: position relative containing an absolute grid popup */\n.contactPane div[style*="position: relative"] > div[style*="position: absolute"][style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute;\n top: -1em;\n padding: 0.7em !important;\n background: var(--color-background) !important;\n border: 0.1em solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: 0 0.5em 0.9em rgba(0, 0, 0, 0.2) !important;\n display: grid;\n grid-template-columns: auto auto;\n gap: 0.3em;\n z-index: 10;\n}',"",{version:3,sources:["webpack://./src/styles/rdfFormsEnforced.css"],names:[],mappings:"AAAA,kBAAkB;;AAElB,4DAA4D;AAC5D;;EAEE,mBAAmB;EACnB,aAAa;AACf;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,yBAAyB;EACzB,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;;EAEE,uBAAuB;EACvB,wBAAwB;EACxB,cAAc;EACd,wBAAwB;EACxB,yBAAyB;EACzB,0BAA0B;EAC1B,+BAA+B;AACjC;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;;EAEE,kBAAkB;AACpB;;AAEA;;EAEE,wCAAwC;AAC1C;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;;EAEE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;;;;;EAME,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;;EAEE,iDAAiD;EACjD,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;;;;;;;;;EAUE,mCAAmC;AACrC;;AAEA;;;;;;;;;;EAUE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;;EAEE,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;;EAEE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;EAEE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;;EAEE,YAAY;AACd;;AAEA;;;;EAIE,WAAW;EACX,eAAe;AACjB;;AAEA;;EAEE,WAAW;EACX,qBAAqB;EACrB,0BAA0B;AAC5B;;AAEA;;EAEE,WAAW;EACX,cAAc;EACd,sBAAsB;EACtB,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;EAEE,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;;EAEE,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,oFAAoF;AACpF;;;;EAIE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,sEAAsE;AACtE;;EAEE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,8FAA8F;AAC9F;;EAEE,aAAa;EACb,qBAAqB;EACrB,gCAAgC;AAClC;;AAEA,6CAA6C;AAC7C,yDAAyD;AACzD;;EAEE,eAAe;EACf,mBAAmB;AACrB;;AAEA;;EAEE,6BAA6B;AAC/B;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;;EAEE,eAAe;EACf,mBAAmB;EACnB,UAAU;EACV,cAAc;EACd,sBAAsB;AACxB;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,gBAAgB;AAClB;;AAEA;;;;;;;;;;EAUE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;;;;;;;;;;EAUE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;EACtB,OAAO;EACP,YAAY;AACd;;AAEA;;;;EAIE,gBAAgB;EAChB,wBAAwB;EACxB,+BAA+B;EAC/B,oCAAoC;EACpC,WAAW;EACX,sBAAsB;EACtB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,gFAAgF;AAChF;;EAEE,8BAA8B;AAChC;;AAEA,mDAAmD;AACnD;;EAEE,uBAAuB;AACzB;;AAEA;;EAEE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA,2FAA2F;AAC3F;;EAEE,uBAAuB;AACzB;;AAEA;;EAEE,yCAAyC;AAC3C;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;;;EAIE,oBAAoB;AACtB;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;;EAEE,WAAW;EACX,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;;;;;;;;;;;EAcE,oDAAoD;EACpD,mBAAmB;EACnB,aAAa;EACb,uDAAuD;AACzD;;AAEA;;;;EAIE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB;;AAEA,uEAAuE;AACvE,gFAAgF;AAChF;wEACwE;;AAExE,mFAAmF;;AAEnF,yEAAyE;AACzE;EACE,gDAAgD;EAChD,kBAAkB;EAClB,SAAS;EACT,yBAAyB;EACzB,8CAA8C;EAC9C,mDAAmD;EACnD,mDAAmD;EACnD,uDAAuD;EACvD,aAAa;EACb,gCAAgC;EAChC,UAAU;EACV,WAAW;AACb",sourcesContent:['/* Solid-UI form */\n\n/* Vertically center autocomplete input in .formFieldValue */\n.individualPane .formFieldValue > div[style*="flex-direction: row"],\n.contactPane .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n\n.individualPane .hoverControl:has(> img:first-child),\n.contactPane .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.individualPane .hoverControlHide,\n.contactPane .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.individualPane .hoverControl:has(> img:first-child) > span,\n.contactPane .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img),\n.contactPane div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img) > span,\n.contactPane div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.individualPane button,\n.contactPane button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]),\n.individualPane textarea,\n.contactPane textarea,\n.individualPane select,\n.contactPane select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.individualPane textarea,\n.contactPane textarea {\n border-color: var(--color-border-pale) !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane input[type="date"],\n.contactPane input[type="date"],\n.individualPane input[type="month"],\n.contactPane input[type="month"],\n.individualPane input[type="week"],\n.contactPane input[type="week"],\n.individualPane input[type="time"],\n.contactPane input[type="time"],\n.individualPane input[type="datetime-local"],\n.contactPane input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.individualPane .hoverControl:has(> img:first-child):focus-visible,\n.contactPane .hoverControl:has(> img:first-child):focus-visible,\n.individualPane button:focus-visible,\n.contactPane button:focus-visible,\n.individualPane input:not([type="color"]):focus-visible,\n.contactPane input:not([type="color"]):focus-visible,\n.individualPane textarea:focus-visible,\n.contactPane textarea:focus-visible,\n.individualPane select:focus-visible,\n.contactPane select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.individualPane input[type="url"],\n.contactPane input[type="url"] {\n width: 100%;\n}\n\n.individualPane .formFieldValue,\n.contactPane .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.individualPane .formFieldValue table,\n.contactPane .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane .formFieldValue td,\n.contactPane .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.individualPane .formFieldValue input:not([type="color"]),\n.contactPane .formFieldValue input:not([type="color"]),\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n width: 100%;\n max-width: 100%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 100%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane span select,\n.contactPane span select {\n max-width: 96% !important;\n box-sizing: border-box;\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue span select,\n.contactPane .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.individualPane > div:first-of-type,\n.contactPane > div:first-of-type,\n.individualPane > div:first-of-type > div:first-of-type,\n.contactPane > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.individualPane > div,\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue),\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n align-items: baseline;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.individualPane .choiceBox .classifierBox-label,\n.contactPane .choiceBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.individualPane .classifierBox .classifierBox-label,\n.contactPane .classifierBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox,\n.contactPane .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox select,\n.contactPane .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.individualPane .formFieldValue > span > select,\n.contactPane .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue,\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border-radius: 0.2em !important;\n border: 0.05em solid #88c !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.individualPane div:has(> a) + div:has(textarea),\n.contactPane div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]),\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName,\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: var(--spacing-xs) !important;\n}\n\n.individualPane .formFieldValue:has(input[data-testid="autocomplete-input"]),\n.contactPane .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"],\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane input:disabled,\n.contactPane input:disabled,\n.individualPane textarea:disabled,\n.contactPane textarea:disabled,\n.individualPane select:disabled,\n.contactPane select:disabled,\n.individualPane input[readonly],\n.contactPane input[readonly],\n.individualPane textarea[readonly],\n.contactPane textarea[readonly],\n.individualPane input:read-only,\n.contactPane input:read-only,\n.individualPane textarea:read-only,\n.contactPane textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid var(--color-background) !important;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n padding: var(--spacing-xs) !important;\n}\n\n.contactPane .webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n\n/* ------------------------------------------------------------------ */\n/* inline popup used for small confirmation flows (like the new confirmDialog) */\n/* apply the class `rdf-inline-modal` on the outer wrapper and give the\n inner box the class `popup` instead of using the old inline styles. */\n\n/* selectors that match the old inline-styled markup when no classes can be added */\n\n/* outer container: position relative containing an absolute grid popup */\n.contactPane div[style*="position: relative"] > div[style*="position: absolute"][style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute;\n top: -1em;\n padding: 0.7em !important;\n background: var(--color-background) !important;\n border: 0.1em solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: 0 0.5em 0.9em rgba(0, 0, 0, 0.2) !important;\n display: grid;\n grid-template-columns: auto auto;\n gap: 0.3em;\n z-index: 10;\n}'],sourceRoot:""}]);const s=r},295(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* toolsPane.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Tools pane table ────────────────────────────────────────── */\n\n.contactPane .statsLog {\n font-size: var(--font-size-lg);\n margin: var(--spacing-md);\n background-color: var(--color-background);\n}\n\n.contactPane .statsLog pre {\n padding: var(--spacing-md);\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n overflow: hidden;\n max-width: 100%;\n}\n\n/* ── Tools pane layout ────────────────────────────────────────── */\n\n.contactPane .toolsPane {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n}\n\n.contactPane .toolsButtonsContainer {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-xs);\n}\n\n/* ── Load index button states ──────────────────────────────── */\n\n.contactPane .toolsButton--loading {\n}\n\n.contactPane .toolsButton--error {\n background-color: var(--color-error);\n}\n\n.contactPane .toolsButton--success {\n background-color: var(--color-primary);\n}\n","",{version:3,sources:["webpack://./src/styles/toolsPane.css"],names:[],mappings:"AAAA,uDAAuD;AACvD,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,yBAAyB;EACzB,yCAAyC;AAC3C;;AAEA;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,qBAAqB;EACrB,yBAAyB;EACzB,gBAAgB;EAChB,eAAe;AACjB;;AAEA,oEAAoE;;AAEpE;EACE,aAAa;EACb,sBAAsB;EACtB,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,eAAe;EACf,sBAAsB;AACxB;;AAEA,iEAAiE;;AAEjE;AACA;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,sCAAsC;AACxC",sourcesContent:["/* toolsPane.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Tools pane table ────────────────────────────────────────── */\n\n.contactPane .statsLog {\n font-size: var(--font-size-lg);\n margin: var(--spacing-md);\n background-color: var(--color-background);\n}\n\n.contactPane .statsLog pre {\n padding: var(--spacing-md);\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n overflow: hidden;\n max-width: 100%;\n}\n\n/* ── Tools pane layout ────────────────────────────────────────── */\n\n.contactPane .toolsPane {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n}\n\n.contactPane .toolsButtonsContainer {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-xs);\n}\n\n/* ── Load index button states ──────────────────────────────── */\n\n.contactPane .toolsButton--loading {\n}\n\n.contactPane .toolsButton--error {\n background-color: var(--color-error);\n}\n\n.contactPane .toolsButton--success {\n background-color: var(--color-primary);\n}\n"],sourceRoot:""}]);const s=r},886(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: 0.1em solid var(--color-text-muted);\n border-radius: var(--border-radius-base);\n}\n\n/* ── Persona row ─────────────────────────────────────────────── */\n\n.contactPane .personaRow {\n padding: var(--spacing-xs);\n}\n\n.contactPane .personaRow--webid {\n background-color: var(--color-info-bg);\n}\n\n/* ── Full-width elements ─────────────────────────────────────── */\n\n.contactPane .fullWidth {\n width: 100%;\n}\n\n/* ── Open/close profile button ───────────────────────────────── */\n\n.contactPane .personaOpenButton {\n float: right;\n background-color: transparent;\n border: none;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .webidHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\n padding: var(--spacing-xs);\n margin: var(--spacing-sm) 0;\n}\n\n/* ── Prompt text ─────────────────────────────────────────────── */\n\n.contactPane .webidPrompt {\n padding: var(--spacing-sm);\n border: none;\n font-size: var(--font-size-base);\n white-space: pre-wrap;\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .hidden {\n display: none;\n}\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n","",{version:3,sources:["webpack://./src/styles/webidControl.css"],names:[],mappings:"AAAA,mEAAmE;AACnE;EACE,2CAA2C;EAC3C,wCAAwC;AAC1C;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;AAC5B;;AAEA;EACE,sCAAsC;AACxC;;AAEA,mEAAmE;;AAEnE;EACE,WAAW;AACb;;AAEA,mEAAmE;;AAEnE;EACE,YAAY;EACZ,6BAA6B;EAC7B,YAAY;AACd;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,iBAAiB;EACjB,2BAA2B;EAC3B,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;EAC1B,YAAY;EACZ,gCAAgC;EAChC,qBAAqB;AACvB;;AAEA,mEAAmE;;AAEnE;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB",sourcesContent:["/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: 0.1em solid var(--color-text-muted);\n border-radius: var(--border-radius-base);\n}\n\n/* ── Persona row ─────────────────────────────────────────────── */\n\n.contactPane .personaRow {\n padding: var(--spacing-xs);\n}\n\n.contactPane .personaRow--webid {\n background-color: var(--color-info-bg);\n}\n\n/* ── Full-width elements ─────────────────────────────────────── */\n\n.contactPane .fullWidth {\n width: 100%;\n}\n\n/* ── Open/close profile button ───────────────────────────────── */\n\n.contactPane .personaOpenButton {\n float: right;\n background-color: transparent;\n border: none;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .webidHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\n padding: var(--spacing-xs);\n margin: var(--spacing-sm) 0;\n}\n\n/* ── Prompt text ─────────────────────────────────────────────── */\n\n.contactPane .webidPrompt {\n padding: var(--spacing-sm);\n border: none;\n font-size: var(--font-size-base);\n white-space: pre-wrap;\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .hidden {\n display: none;\n}\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n"],sourceRoot:""}]);const s=r},314(e){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(r[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);a&&r[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),n.push(u))}},n}},417(e){e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},354(e){e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(i," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},72(e){var n=[];function t(e){for(var t=-1,a=0;a<n.length;a++)if(n[a].identifier===e){t=a;break}return t}function a(e,a){for(var o={},r=[],s=0;s<e.length;s++){var l=e[s],c=a.base?l[0]+a.base:l[0],u=o[c]||0,d="".concat(c," ").concat(u);o[c]=u+1;var p=t(d),f={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==p)n[p].references++,n[p].updater(f);else{var m=i(f,a);a.byIndex=s,n.splice(s,0,{identifier:d,updater:m,references:1})}r.push(d)}return r}function i(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,i){var o=a(e=e||[],i=i||{});return function(e){e=e||[];for(var r=0;r<o.length;r++){var s=t(o[r]);n[s].references--}for(var l=a(e,i),c=0;c<o.length;c++){var u=t(o[c]);0===n[u].references&&(n[u].updater(),n.splice(u,1))}o=l}}},659(e){var n={};e.exports=function(e,t){var a=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}},540(e){e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},56(e,n,t){e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},825(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var i=void 0!==t.layer;i&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,i&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleTagTransform(a,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},113(e){e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},102(e){e.exports="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27 viewBox=%270 0 24 24%27 width=%2720%27 height=%2720%27%3E%3Cpath d=%27M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99c.41.41 1.09.41 1.5 0s.41-1.09 0-1.5l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%27/%3E%3C/svg%3E"},53(e){e.exports=t},941(n){n.exports=e},104(e){e.exports=n}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={id:e,exports:{}};return a[e](t,t.exports,o),t.exports}o.m=a,o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.b="undefined"!=typeof document&&document.baseURI||self.location.href,o.nc=void 0;var r={};o.d(r,{default:()=>Dn});var s=o(941),l=o(104),c=o(53),u=o(72),d=o.n(u),p=o(825),f=o.n(p),m=o(659),h=o.n(m),g=o(56),b=o.n(g),v=o(540),A=o.n(v),y=o(113),w=o.n(y),x=o(886),C={};function E(...e){console.log(...e)}function k(...e){console.warn(...e)}function B(...e){console.error(...e)}C.styleTagTransform=w(),C.setAttributes=b(),C.insert=h().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=A(),d()(x.A,C),x.A&&x.A.locals&&x.A.locals;const S=l.ns,T=l.widgets,P=l.utils,F=s.store,N=T.publicData.wikidataClasses,L=T.publicData.wikidataParameters,I="WebID",_="WikiData link",O=l.icons.iconBase+"noun_1369241.svg",R=l.icons.iconBase+"noun_1369237.svg";function D(e,n){const t=M(e,n).concat(function(e,n,t){const a=new Set,i=new Set([n.uri]);for(;i.size;){const n=Array.from(i)[0];if(i.delete(n),a.has(n))continue;a.add(n);const o=e.sym(n);e.each(o,S.owl("sameAs"),null,t).concat(e.each(null,S.owl("sameAs"),o,t)).forEach(e=>{E(" OWL sameAs found "+e),i.add(e.uri)}),e.each(o,S.schema("sameAs"),null,t).concat(e.each(null,S.schema("sameAs"),o,t)).forEach(e=>{E(" Schema sameAs found "+e),i.add(e.uri)})}return a.delete(n.uri),Array.from(a).map(n=>e.sym(n))}(e,n,n.doc())),a=[...new Set(t.map(e=>e.value))].map(n=>e.sym(n));return a.sort(),a.filter(e=>!e.sameTerm(n)),a}function M(e,n,t){return e.each(n,S.vcard("url"),null,n.doc()).filter(a=>e.holds(a,S.rdf("type"),t,n.doc())).map(t=>e.any(t,S.vcard("value"),null,n.doc())).filter(e=>!!e)}function j(e){const n=e.doc();return F.holds(e,S.rdf("type"),S.vcard("Organization"),n)||F.holds(e,S.rdf("type"),S.schema("Organization"),n)}async function z(e,n,t){function a(a,o,r){const s=a.createElement("div");s.classList.add("fullWidth");const u=s.appendChild(a.createElement("table"));u.classList.add("fullWidth");const d=u.appendChild(function(n){const o=new c.Literal(n.uri),u=t.urlType.sameTerm(S.vcard("WebID")),d=t.editable?async function(){try{await async function(e,n,t,a){E(`Removing from ${e} their ${I}: ${n}.`);const i=a.each(e,S.vcard("url"),null,e.doc()).filter(n=>a.holds(n,S.rdf("type"),t,e.doc())).filter(t=>a.holds(t,S.vcard("value"),n,e.doc()));if(!i.length)throw new Error(`Person ${e} does not have ${I} ${n}.`);const o=i[0],r=[c.st(e,S.vcard("url"),o,e.doc()),c.st(o,S.rdf("type"),t,e.doc()),c.st(o,S.vcard("value"),n,e.doc())];await a.updater.update(r,[]);const s=a.each(null,S.vcard("hasMember"),a.sym(n));let l=[];const u=[];s.forEach(async t=>{l=l.concat(a.statementsMatching(a.sym(n),S.owl("sameAs"),e,t.doc())),u.push(c.st(t,S.vcard("hasMember"),e,t.doc())),a.statementsMatching(a.sym(n),S.owl("sameAs"),null,t.doc()).length<2&&(l=l.concat(a.statementsMatching(t,S.vcard("hasMember"),a.sym(n),t.doc())))}),await de(l,u)}(e,o,t.urlType,r)}catch(n){B(`Error removing Id ${o} from ${e}: ${n}`),s.appendChild(T.errorMessageBlock(a,"Error removing WebId from profile. If it persists, contact admin."))}await i()}:null,p={deleteFunction:d,draggable:!0};u&&(p.title=n.uri.split("/")[2],p.image=T.faviconOrDefault(a,n.site()));const f=T.personTR(a,l.ns.foaf("knows"),n,p);return u&&(f.children[1].textConent=p.title,f.classList.add("personaRow--webid")),f.classList.add("personaRow"),f}(o));d.classList.add("fullWidth");const p=u.appendChild(a.createElement("tr")).appendChild(a.createElement("td"));let f;p.setAttribute("colspan",3);let m=!0;const h=d.children[2].appendChild(T.button(a,O,"View",function(e){m=!m,f.classList.toggle("collapsed",!m),h.children[0].src=m?R:O,h.setAttribute("aria-expanded",m?"true":"false"),h.setAttribute("aria-label",m?"Collapse profile":"Expand profile")}));h.classList.add("personaOpenButton"),h.setAttribute("aria-expanded","true"),h.setAttribute("aria-label","Collapse profile");const g=(j(e)||j(o),"profile");return T.publicData.loadPublicDataThing(r,e,o).then(e=>{try{f=function(e,n,t,a){const i=a.session.paneRegistry.byName(t).render(n,a);return i.classList.add("namedPane"),i}(0,o,g,n),f.classList.add("fullWidth"),p.appendChild(f)}catch(e){B("Error displaying persona "+o+". Stack: "+e),f=T.errorMessageBlock(a,"Error displaying profile. If it persists, contact admin."),p.appendChild(f)}},e=>{B("Error loading persona "+o+". Stack: "+e),f=T.errorMessageBlock(a,"Error loading profile. If it persists, contact admin."),p.appendChild(f)}),s}async function i(){const n=D(F,e);u.classList.toggle("hidden",n.length>0),P.syncTableToArrayReOrdered(d,n,e=>a(o,e,F))}const{dom:o}=n;(t=t||{}).editable=F.updater.editable(e.doc().uri,F);const r=o.createElement("div");if(r.classList.add("webidControl"),0===D(F,e).length&&!t.editable)return r.classList.add("hidden"),r;const s=r.appendChild(o.createElement("h3"));s.textContent=t.idNoun,s.classList.add("webidHeading");const u=r.appendChild(o.createElement("p"));if(u.classList.add("webidPrompt"),u.textContent=t.longPrompt,r.appendChild(o.createElement("table")).classList.add("fullWidth"),t.editable){const n={editable:t.editable,manualURIEntry:!0,idNoun:t.idNoun,dbLookup:t.dbLookup},a={queryParams:t.queryParams||L,targetClass:t.class};try{r.appendChild(await T.renderAutocompleteControl(o,e,n,a,async function(e,n){try{await async function(e,n,t,a){try{new URL(n)}catch(e){throw new Error(`${I}: ${n} is not a valid url.`)}E(`Adding to ${e} a ${I}: ${n}.`);const i=a.bnode(),o=[c.st(e,S.vcard("url"),i,e.doc()),c.st(i,S.rdf("type"),t,e.doc()),c.st(i,S.vcard("value"),n,e.doc())],r=a.each(null,S.vcard("hasMember"),e);let s=[];r.forEach(t=>{s=s.concat(a.statementsMatching(t,S.vcard("hasMember"),e,t.doc())),o.push(c.st(t,S.vcard("hasMember"),a.sym(n),t.doc())),o.push(c.st(a.sym(n),S.owl("sameAs"),e,t.doc()))});try{await de(s,o)}catch(e){throw new Error(`Could not create webId ${I}: ${n}.`)}}(e,n,t.urlType,F)}catch(t){B("Error adding webId "+n+" to "+e+". Stack: "+t),r.appendChild(T.errorMessageBlock(o,"Error adding WebID to profile. If it persists, contact admin."))}await i()}))}catch(e){B("Render Autocomplete Control failed. Stack:",e),r.appendChild(T.errorMessageBlock(o,"Error rendering autocomplete. If it persists, contact admin."))}}const d=r.appendChild(o.createElement("div"));return await i(),r}var U=o(546),q={};q.styleTagTransform=w(),q.setAttributes=b(),q.insert=h().bind(null,"head"),q.domAPI=f(),q.insertStyleElement=A(),d()(U.A,q),U.A&&U.A.locals&&U.A.locals;const $=s.store,H=l.ns;let V;function G(e){V=e}let W=null,Y=null;function Q(e){Array.from(document.body.children).filter(e=>e!==W).forEach(n=>{e?n.setAttribute("aria-hidden","true"):n.removeAttribute("aria-hidden")})}function X({title:e,message:n,buttons:t}){const a=(W&&document.body.contains(W)||(W=null,W=V.createElement("div"),W.id="contacts-modal",W.className="focus-trap hidden",W.setAttribute("role","presentation"),W.innerHTML='\n <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-desc">\n <h2 id="modal-title"></h2>\n <div id="modal-desc"></div>\n <div id="modal-buttons"></div>\n </div>\n ',document.body.appendChild(W),W.addEventListener("keydown",e=>{if("Escape"===e.key){e.stopPropagation();const n=W.querySelector("button[data-cancel]");n?n.click():K()}else if("Tab"===e.key){const n=Array.from(W.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>!e.hasAttribute("disabled"));if(0===n.length)return;const t=n.indexOf(document.activeElement);e.shiftKey?0===t&&(n[n.length-1].focus(),e.preventDefault()):t===n.length-1&&(n[0].focus(),e.preventDefault())}})),W);Y=document.activeElement,Q(!0),a.classList.remove("hidden"),a.querySelector("#modal-title").textContent=e||"";const i=a.querySelector("#modal-desc");"string"==typeof n?i.textContent=n:(i.innerHTML="",i.appendChild(n));const o=a.querySelector("#modal-buttons");return o.innerHTML="",new Promise(e=>{t.forEach(n=>{const t=V.createElement("button");t.setAttribute("type","button"),t.textContent=n.label,n.primary&&t.classList.add("btn-primary"),n.cancel&&t.setAttribute("data-cancel","true"),t.addEventListener("click",()=>{K(n.value),e(n.value)}),o.appendChild(t)});const n=o.querySelector("button");n&&n.focus()})}function K(e){W&&(W.classList.add("hidden"),Q(!1),Y&&Y.focus&&Y.focus())}function Z(e,n="Information"){return X({title:n,message:e,buttons:[{label:"OK",value:!0,primary:!0}]})}function J(e,n="Confirm"){return X({title:n,message:e,buttons:[{label:"Cancel",value:!1,cancel:!0},{label:"OK",value:!0,primary:!0}]})}function ee(e){return e&&e.endsWith(".ttl")?e+"#this":e}function ne(e,n,t){e.appendChild(l.widgets.errorMessageBlock(n,t,"pink"))}function te(e,n,t){return e.each(n,H.owl("sameAs"),null,t).concat(e.each(null,H.owl("sameAs"),n,t))}function ae(e,n){return new Promise(function(t,a){e.fetcher.load(n).then(function(){const i=e.each(n,H.ldp("contains")).map(n=>e.holds(n,H.rdf("type"),H.ldp("BasicContainer"))?ae(e,n):(E("Recursive delete - we delete file "+n.uri),e.fetcher.webOperation("DELETE",n.uri)));E("Recursive delete - we delete folder "+n.uri),i.push(e.fetcher.webOperation("DELETE",n.uri)),Promise.all(i).then(e=>{t()}).catch(a)}).catch(a)})}async function ie(e){const n=re(e);if(!await J("Really DELETE "+n+"?"))throw new Error("User cancelled contact deletion");E("deleteThingAndDoc - to be deleted "+e);const t=$.statementsMatching(e).concat($.statementsMatching(void 0,void 0,e));try{await $.updater.updateMany(t),await $.fetcher.delete(e.doc()),E("deleteThingAndDoc - deleted")}catch(n){throw B("Error deleting "+e+". Stack: "+n),new Error("An error occured while deleting.")}}function oe(e,n){let t=re(e),a=re(n);if(t&&a){if(t=t.toLowerCase(),a=a.toLowerCase(),t>a)return 1;if(t<a)return-1}return e.uri>n.uri?1:e.uri<n.uri?-1:0}function re(e){const n=$.any(e,H.vcard("fn"))||$.any(e,H.foaf("name"))||$.any(e,H.vcard("organization-name"));return n?n.value:"???"}const se=l.ns,le=l.utils,ce=s.store,ue=ce.updater;async function de(e,n=[]){const t=e.concat(n).map(e=>e.why),a=[];t.forEach(e=>{a.find(n=>n.equals(e))||a.push(e)});const i=a.map(t=>ce.updater.update(e.filter(e=>e.why.sameTerm(t)),n.filter(e=>e.why.sameTerm(t))));return Promise.all(i)}async function pe(e,n){await ce.fetcher.load(e.doc());const t=ce.any(e,se.vcard("groupIndex")),a=function(e){return e.replace(/\W/gu,"_").replace(/_+/g,"_")}(n),i=ce.sym(e.dir().uri+"Group/"+a+".ttl#this"),o=i.doc();try{await ce.fetcher.load(t)}catch(e){throw new Error("Error loading group index!"+t.uri+": "+e)}if(ce.holds(e,se.vcard("includesGroup"),i,t))return i;const r=[c.st(e,se.vcard("includesGroup"),i,t),c.st(i,se.rdf("type"),se.vcard("Group"),t),c.st(i,se.vcard("fn"),n,t)];try{await ue.update([],r)}catch(e){throw new Error("Could not update group index "+e)}const s=[c.st(e,se.vcard("includesGroup"),i,o),c.st(i,se.rdf("type"),se.vcard("Group"),o),c.st(i,se.vcard("fn"),n,o)];try{await ue.update([],s)}catch(e){throw new Error("Could not update group file: "+e)}return i}async function fe(e,n){const t=[e.doc(),n.doc()];try{await ce.fetcher.load(t)}catch(t){throw B("Error adding "+e+" to group "+n+". Stack: "+t),new Error("Error adding to group.")}const a=ce.findTypeURIs(e);if(!(se.vcard("Individual").uri in a)&&!(se.vcard("Organization").uri in a))return k("Thing "+e+" is not an Individual or Organization, but has types: "+Object.keys(a)),void Z("You are trying to add something else than an individual or organization.");let i=ce.any(e,se.vcard("fn"));const o=ce.any(n,se.vcard("fn"));if(!i)return k("Thing "+e+" has no vcard:fn"),void Z("What you are trying to add seems to have no full name.");if(ce.holds(e,se.vcard("fn"),null,n.doc()))return""===i&&(i="Contact"),void Z(i+" already exists in group "+o+".");const r="Add "+i+" to group "+o+"?";if(!await J(r))return;const s=[c.st(e,se.vcard("fn"),i,n.doc())],l=D(ce,e).map(e=>e.value);l.length?l.forEach(t=>{s.push(c.st(ce.sym(t),se.owl("sameAs"),e,n.doc())),s.push(c.st(n,se.vcard("hasMember"),ce.sym(t),n.doc()))}):s.push(c.st(n,se.vcard("hasMember"),e,n.doc()));try{await ue.update([],s),ce.fetcher.unload(n.doc()),await ce.fetcher.load(n.doc())}catch(t){throw B("Error adding "+e+" to group "+n+". Stack: "+t),new Error("Error adding to group.")}return e}function me(e,n){const t=e.each(n,se.vcard("hasMember"),null,n.doc());let a=[];t.forEach(t=>{a=e.any(t,se.vcard("fn"),null,n.doc())?a.concat(t):a.concat(e.each(t,se.owl("sameAs"),null,n.doc()))});const i=new Set(a.map(e=>e.uri));return a=[...i].map(n=>e.sym(n)),a}function he(e,n){const t=e.dir().dir().dir();return n.uri&&n.uri.startsWith(t.uri)}const{setACLUserPublic:ge}=s.solidLogicSingleton.acl;var be=o(715),ve={};ve.styleTagTransform=w(),ve.setAttributes=b(),ve.insert=h().bind(null,"head"),ve.domAPI=f(),ve.insertStyleElement=A(),d()(be.A,ve),be.A&&be.A.locals&&be.A.locals;const Ae={"image/png":"png","image/jpeg":"jpg","image/gif":"gif","image/svg+xml":"svg","image/webp":"webp","image/bmp":"bmp","image/tiff":"tiff","application/pdf":"pdf","text/plain":"txt","text/html":"html","application/json":"json","application/octet-stream":"bin"},ye=Object.fromEntries(Object.entries(Ae).map(([e,n])=>[n,e])),we=e=>Ae[e]||!1,xe=e=>{const n=e.split(".").pop().toLowerCase();return ye[n]||!1},Ce=l.ns,Ee=l.utils,ke=s.store;function Be(e,n){function t(n){g.appendChild(l.widgets.errorMessageBlock(e,n,"pink"))}async function a(e,n,t){const a=[c.st(e,Ce.vcard("hasPhoto"),n,e.doc())];try{t?await ke.updater.update(a,[]):await ke.updater.update([],a)}catch(e){throw B("Writing back image link FAILED "+n+". Stack: "+e),new Error("Writing back image link FAILED")}}function i(e){ke.fetcher.nowOrWhenFetched(e.doc(),function(t,a){if(t){const t=ke.findTypeURIs(e);for(const e in t)E("drop object type includes: "+e);E("Default: assume web page "+e),ke.add(n,Ce.wf("attachment"),e,n.doc())}else B("Error looking up dropped thing "+e+". Stack: "+a)})}function o(e,a,i){const o=we(a);let r,s;a!==xe(e)&&k("MIME TYPE MISMATCH -- adding extension: "+(e+="_."+o));const l=a.startsWith("image");let c,u;for(l?(r="image_",s=Ce.vcard("hasPhoto")):(r="attachment_",s=Ce.wf("attachment")),c=0;u=ke.sym(n.dir().uri+e),ke.holds(n,Ce.vcard("hasPhoto"),u);c++)e=r+c+"."+o;E("Putting "+i.byteLength+" bytes of "+a+" to "+u),ke.fetcher.webOperation("PUT",u.uri,{data:i,contentType:a}).then(function(e){if(!e.ok)return B("Upload of "+u+" failed: "+e.status+" "+e.statusText),void t("Error uploading picture. If the problem persists, contact admin.");E("Upload picture put OK: "+u),ke.add(n,s,u,n.doc()),ke.fetcher.putBack(n.doc(),{contentType:"text/turtle"}).then(function(e){l&&b.refresh()},function(e){B(" Write back image link FAIL "+u+". Stack: "+e)})})}async function r(e){for(const n of e){let e=c.sym(n);if(E("Dropped on mugshot thing "+e),n.startsWith("http")&&n.indexOf("#")<0){n.startsWith("http:")&&(e=c.sym("https:"+n.slice(5)));const t={withCredentials:!1,credentials:"omit"};let a;try{a=await ke.fetcher.webOperation("GET",e.uri,t)}catch(n){return B("Fetch error trying to GET picture "+e+". Stack: "+n),void i(e)}const r=a.headers.get("Content-Type");let s=e.uri.split("/").slice(-1)[0];s=s.split("?")[0];const l=await a.arrayBuffer();return a.ok?void o(s,r,l):(B("Cant download, so will link image. "+e+":"+a.status),void i(e))}t("Not a web document URI, cannot copy "+e+" as picture."),i(e)}}function u(e){for(let n=0;n<e.length;n++){const t=e[n];E(" contacts: Filename: "+t.name+", type: "+(t.type||"n/a")+" size: "+t.size+" bytes, last modified: "+(t.lastModifiedDate?t.lastModifiedDate.toLocaleDateString():"n/a"));const a=new FileReader;a.onload=function(e){return function(n){const t=n.target.result;E(" File read byteLength : "+t.byteLength),o(encodeURIComponent(e.name),e.type,t)}}(t),a.readAsArrayBuffer(t)}}function d(n){const t=e.createElement("img");return t.classList.add("mugshotImage"),t.setAttribute("alt",n?"Contact photo":"Drop photo here"),l.widgets.makeDropTarget(t,r,u),n&&(s.store.fetcher._fetch(n.uri).then(function(e){return e.blob()}).then(function(e){const n=URL.createObjectURL(e);t.setAttribute("src",n)}),l.widgets.makeDraggable(t,n)),t}function p(){let e=ke.each(n,Ce.vcard("hasPhoto"));e.sort(),e=e.slice(0,5),0===e.length?(b.innerHTML="",h&&b.appendChild(v)):Ee.syncTableToArray(b,e,d)}function f(){return ke.sym(n.dir().uri+"Image_"+Date.now()+".png")}async function m(e){e&&(await a(n,e),p())}const h=ke.updater.editable(n.doc().uri,ke),g=e.createElement("div"),b=g.appendChild(e.createElement("div")),v=d();return l.widgets.setImage(v,n),p(),b.refresh=p,h&&g.appendChild(function(){const i=e.createElement("table"),o=i.appendChild(e.createElement("tr")),r=o.appendChild(e.createElement("td")),s=o.appendChild(e.createElement("td")),c=o.appendChild(e.createElement("td"));r.appendChild(l.media.cameraButton(e,ke,f,m));try{s.appendChild(l.widgets.fileUploadButtonDiv(e,u))}catch(e){E("ignore fileUploadButtonDiv error for now",e)}return c.appendChild(function(){const i=l.widgets.button(e,l.icons.iconBase+"noun_925021.svg","Drag here to delete",void 0,{"aria-label":"Delete picture - drag picture here"});return l.widgets.makeDropTarget(i,async function(e){const i=ke.each(n,Ce.vcard("hasPhoto")).map(e=>e.uri);for(const o of e){if(!i.includes(o))return void Z("Only drop pictures onto this trash can.");if(await J("Really DELETE picture?"))try{E("Unlinking image file "+o),await a(n,ke.sym(o),!0),E("Deleting image file "+o),await ke.fetcher.webOperation("DELETE",o)}catch(e){return void t("Error deleting picture. If it persists, contact your admin.")}}p()},null),i}()),i}()),g}var Se=o(93),Te={};Te.styleTagTransform=w(),Te.setAttributes=b(),Te.insert=h().bind(null,"head"),Te.domAPI=f(),Te.insertStyleElement=A(),d()(Se.A,Te),Se.A&&Se.A.locals&&Se.A.locals;const Pe=l.ns,Fe=l.utils,Ne=s.store;let Le,Ie={},_e={},Oe=null,Re=null,De=null,Me=null,je=null,ze=null,Ue=null;function qe(e,n){e.querySelectorAll("button").forEach(e=>{e.classList.remove("btn-primary","allGroupsButton--selected","allGroupsButton--active","allGroupsButton--loaded"),e.classList.add("btn-secondary")}),n&&(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}function $e(e,n,t,a,i,o,r,s,l,c){Le=a,Ie=i||{},o&&(Oe=o),r&&(De=r),s&&(Me=s),l&&(ze=l),c&&(Ue=c),je=e,Re=n;const u=Xe(je,t);Fe.syncTableToArrayReOrdered(Re,u,Ge)}function He(e){const n=Ne.any(e,Pe.vcard("fn")),t=Le.createElement("li");t.setAttribute("role","listitem"),t.setAttribute("aria-label",n?n.value:"Some group"),t.subject=e,l.widgets.makeDraggable(t,e);const a=t.appendChild(Le.createElement("button"));return a.setAttribute("type","button"),a.innerHTML=n?n.value:"Some group",a.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),{groupLi:t,groupButton:a,name:n}}async function Ve(e,n){for(const t of e){let e=Ne.sym(t);try{e=await fe(e,n)}catch(e){Z("Error adding to group. Make sure you are adding a contact URI.")}e&&Ze(Oe)}}function Ge(e){function n(n){if(n.preventDefault(),qe(Re,a),Ue&&Ue(),!n.metaKey)for(const e in Ie)delete Ie[e];Ie[e.uri]=!Ie[e.uri],Ye(Re,Ie),Ne.fetcher.nowOrWhenFetched(e.doc(),void 0,function(n,t){n||B("Cannot load one group: "+e+". Stack: "+t),Ze(Oe,null,!1)})}const{groupLi:t,groupButton:a}=He(e);return a.addEventListener("click",n,!1),l.widgets.makeDropTarget(t,n=>Ve(n,e)),t.addEventListener("click",n,!0),t}function We(e,n,t){function a(a,i){return new Promise((o,r)=>{i.classList.add("group-loading"),i.setAttribute("aria-busy","true"),Ne.fetcher.nowOrWhenFetched(a.doc(),void 0,function(s,l){if(!s){const e="Cannot load group "+a+". Stack: "+l;return B(e),t&&t(!1,e),void r(e)}i.classList.remove("group-loading"),i.setAttribute("aria-busy","false"),i.classList.add("selected"),e[a.uri]=!0,Ye(n,e),Ze(Oe,null),t&&t(!0),o(!0)})})}for(let e=0;e<n.children.length;e++){const i=n.children[e],o=i.subject;o&&a(o,i).catch(e=>{t&&t(!1,e)})}}function Ye(e,n){for(let t=0;t<e.children.length;t++){const a=e.children[t];a.subject&&a.classList.toggle("selected",!!n[a.subject.uri])}}function Qe(e,n,t,a,i,o,r){Le=a,i&&(Ie=i),o&&(Oe=o),r&&(De=r),Re=t;const s=Xe(e,n);s.length>0&&Ge(s[0]),Fe.syncTableToArrayReOrdered(t,s,Ge)}function Xe(e,n){let t=[];if(n.foreignGroup&&t.push(["",Ne.any(n.foreignGroup,Pe.vcard("fn")),n.foreignGroup]),e){const n=Ne.any(e,Pe.vcard("groupIndex")),a=(e?Ne.each(e,Pe.vcard("includesGroup"),null,n):[]).map(function(n){return[e,Ne.any(n,Pe.vcard("fn")),n]});t=t.concat(a),t.sort()}return t.map(e=>e[2])}async function Ke(e){const n=Ne.any(e,Pe.vcard("groupIndex"));if(n){await Ne.fetcher.load(n);const t=e?Ne.each(e,Pe.vcard("includesGroup"),null,n):[];return await Ne.fetcher.load(t),t}return[]}function Ze(e,n,t=!0){const a=e||Oe;if(!a||!a.children||"number"!=typeof a.children.length)return void k("refreshNames called with invalid ulPeople:",a);function i(e,n){function t(e){e.preventDefault(),Je(a,n,Me)}e.addEventListener("click",t),e.addEventListener("keydown",function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t(e))})}let o=[];Object.keys(Ie).map(e=>Ne.sym(e)).forEach(e=>{Ie[e.value]&&(o=o.concat(me(Ne,e)))}),o.sort(oe);for(let e=0;e<o.length-1;)o[e].uri===o[e+1].uri?o.splice(e,1):e++;Fe.syncTableToArrayReOrdered(a,o,e=>function(e){const n=Le.createElement("li");n.setAttribute("role","listitem"),n.setAttribute("tabindex","0"),n.classList.add("personLi"),n.subject=e,l.widgets.makeDraggable(n,e);const t=Le.createElement("div");t.classList.add("personLi-row");const a=Le.createElement("div");a.classList.add("personLi-avatar");const o=Le.createElement("div");o.classList.add("avatar-placeholder"),o.innerHTML='<svg aria-hidden="true" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="18" fill="#e0e0e0"/><text x="50%" y="58%" text-anchor="middle" fill="#595959" font-size="16" font-family="Arial" dy=".3em">?</text></svg>',a.appendChild(o);const r=re(e)||"Unknown Name";function s(){const n=Ne.any(e,Pe.vcard("hasPhoto"));if(n&&n.value){const e=Le.createElement("img");e.src=n.value,e.alt=r+" avatar",a.replaceChild(e,a.firstChild)}}s(),Ne.fetcher.nowOrWhenFetched(e.doc(),void 0,function(t,a){if(!t)return B("Cannot load contact: "+e+". Stack: "+a),void n.classList.add("personLi--error");s()});const c=Le.createElement("div");c.classList.add("personLi-info"),n.setAttribute("aria-label",r);const u=Le.createElement("div");u.classList.add("personLi-name"),u.textContent=r,c.appendChild(u);const d=Le.createElement("div");return d.classList.add("personLi-arrow"),d.innerHTML='<svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L11.25 9L6 13.5" stroke="#595959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',t.appendChild(a),t.appendChild(c),t.appendChild(d),n.appendChild(t),i(n,e),n}(e)),nn(a,t,n||Me)}function Je(e,n,t){if(!t)return;let a;t.parentNode&&t.parentNode.classList.remove("hidden"),t.innerHTML="Loading...",t.setAttribute("aria-busy","true"),t.classList.add("detailsSectionContent--wide"),_e={},_e[n.uri]=!0,nn(e,!1,t);try{a=je?function(e){const n=Ne.allAliases(e),t=je.dir().uri;for(let e=0;e<n.length;e++)if(n[e].uri.slice(0,t.length)===t)return n[e];throw new Error("No local URI for "+e)}(n):n}catch(e){return t.innerHTML="",t.setAttribute("aria-busy","false"),void ne(t,Le,"Cannot load contact: "+e.message)}Ne.fetcher.nowOrWhenFetched(a.doc(),void 0,function(i,o){if(t.innerHTML="",t.setAttribute("aria-busy","false"),!i)return B("Failed to load contact card: "+a+". Stack: "+o),void ne(t,Le,"Failed to load contact. If it persists, contact your admin.");const r=Le.createElement("div");r.classList.add("contact-toolbar");const c=l.widgets.linkIcon(Le,a);c.setAttribute("title","Uri of contact"),r.appendChild(c),s.authn.currentUser()&&l.widgets.deleteButtonWithCheck(Le,r,"contact",async function(){const a=n.dir();E("We are about to delete the contact "+Ne.any(n,Pe.vcard("fn"))),await Ke();const i=Ne.any(je,Pe.vcard("nameEmailIndex"));await Ne.fetcher.load(i);const o=ln(n);let r=[];o.forEach(e=>{te(Ne,n,e.doc()).forEach(n=>{1===te(Ne,n,e.doc()).length&&(r=r.concat(Ne.statementsMatching(e,Pe.vcard("hasMember"),n,e.doc())))})}),await Ne.updater.updateMany(r);try{await ie(n)}catch(e){return void ne(t,Le,"Failed to delete contact. If it persists, contact your admin.")}try{await ae(Ne,a)}catch(e){return void ne(t,Le,"Failed to delete contact. If it persists, contact your admin.")}Ze(e,t),t.innerHTML="Contact data deleted."}).classList.add("deleteButton"),t.appendChild(r),t.classList.add("detailsSectionContent--wide"),t.appendChild(function(e,n){const t=ze.session.paneRegistry.byName(n).render(e,ze);return t.classList.add("renderPane"),t}(a,"contact"))})}function en(e){if(_e={},e)for(let n=0;n<e.children.length;n++)e.children[n].classList.remove("selected")}function nn(e,n,t){let a=0,i=null;for(let n=0;n<e.children.length;n++){const t=e.children[n],o=tn(re(t.subject));o&&(a++,i=t),t.classList.toggle("selected",o&&!!_e[t.subject.uri]),t.classList.toggle("hidden",!o)}1===a&&n&&Je(e,i.subject,t)}function tn(e){const n=De.value.trim().toLowerCase();if(0===n.length)return!0;const t=n.split(" ");for(let n=0;n<t.length;n++){const a=t[n];if(e.toLowerCase().indexOf(a)<0)return!1}return!0}async function an(e,n){const t=await Ke(e);if(t&&t.length>0){const{del:e,ins:a}=await async function(e){const n=[],t=[];return e.forEach(e=>{ce.each(e,se.vcard("hasMember"),null,e.doc()).forEach(a=>{const i=te(ce,a,e.doc());if(i.length&&he(e,a))for(const o of i)if(!he(e,o)){n.push(c.st(e,se.vcard("hasMember"),a,e.doc())),t.push(c.st(e,se.vcard("hasMember"),o,e.doc()));break}})}),{del:n,ins:t}}(t);s.authn.currentUser()&&e.length&&l.widgets.deleteButtonWithCheck(Le,n,"contact",async function(){await Ne.updater.updateMany(e,a),E("Deleted "+e.length+" bad statements from groups")})}}async function on(){const e=function(e){if(e)return e;let n;for(const e in Ie){n=Ne.sym(e);const t=Ne.any(void 0,Pe.vcard("includesGroup"),n);if(t)return t}throw new Error("findBookFromGroups: Cant find address book which this group is part of")}(je);try{await Ne.fetcher.load(e)}catch(n){throw new Error("Book won't load:"+e)}const n=Ne.any(e,Pe.vcard("nameEmailIndex"));if(!n)throw new Error("No nameEmailIndex");await Ne.fetcher.load(n)}const rn=l.ns,sn=s.store;function ln(e){let n=sn.statementsMatching(null,rn.owl("sameAs"),e).map(e=>e.why).concat(sn.each(null,rn.vcard("hasMember"),e));const t=new Set(n.map(e=>ee(e.uri)));return n=[...t].map(e=>sn.sym(e)),n}async function cn(e,n,t){const a=t||null;function i(n){const t=c.any(n,rn.vcard("fn")),i=t?t.value:n.uri,d=r.createElement("li");d.classList.add("group-membership-item");const p=r.createElement("button");p.setAttribute("type","button"),p.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),p.textContent=i,p.title=i,d.appendChild(p);const f=r.createElement("div");f.classList.add("group-membership-toolbar");const m=l.widgets.linkIcon(r,n);return m.setAttribute("title","Link to "+i),f.appendChild(m),s.authn.currentUser()&&l.widgets.deleteButtonWithCheck(r,f,"membership in "+i,async function(){await async function(e,n){const t=c.any(e,rn.vcard("fn")),i=c.any(n,rn.vcard("fn")),s=c.each(null,rn.owl("sameAs"),e,n.doc());let d=[];s.forEach(t=>{c.statementsMatching(t,rn.owl("sameAs"),e,n.doc())&&(d=d.concat(t))}),d=M(c,e).map(e=>e.value);const p=d.map(e=>c.sym(e));let f=[e].concat(p).flatMap(e=>c.each(null,rn.vcard("hasMember"),e));if(f=[...new Set(f.map(e=>e.uri))].map(e=>c.sym(e)),f.length<2)return void Z("Must be a member of at least one group. Add to another group first.");const m="Remove "+t+" from group "+i+"?";if(await J(m)){let s=c.statementsMatching(e,void 0,void 0,n.doc()).concat(c.statementsMatching(void 0,void 0,e,n.doc()));d.forEach(e=>{c.statementsMatching(e,rn.owl("sameAs"),void 0,n.doc()).length<2&&(s=s.concat(c.statementsMatching(void 0,void 0,e,n.doc())))});try{await c.updater.update(s,[])}catch(e){const t="Error removing member from group "+n+": "+e;return void u.appendChild(l.widgets.errorMessageBlock(r,t,"pink"))}E("Removed "+t+" from group "+i),c.fetcher.unload(n.doc()),await c.fetcher.load(n.doc()),o(),Ze(a)}}(e,n)}),d.appendChild(f),d}function o(){const n=ln(e),t=u.querySelector(".group-pills-wrapper");0===n.length?t.innerHTML="<span>Not part of any Address Book group.</span>":t.innerHTML="",n.forEach(e=>{t.appendChild(i(e))})}const{dom:r}=n,c=n.session.store,u=r.createElement("div");u.classList.add("group-membership-container");const d=r.createElement("h3");d.classList.add("group-membership-header"),d.textContent="Part of groups",u.appendChild(d);const p=r.createElement("ul");return p.classList.add("group-pills-wrapper"),u.appendChild(p),await async function(e=null){if(!e&&!(e=c.any(void 0,rn.vcard("includesGroup"))))return;const n=c.any(e,rn.vcard("groupIndex")),t=e?c.each(e,rn.vcard("includesGroup"),null,n):[];await c.fetcher.load(t)}(),u.refresh=o,o(),u}const un='# This turtle file defines the forms used in the contacts management\n#\n# Individuals and orgs are in one file as they both\n# share some forms (address etc) and also interactions (roles)\n\n# Forms documentation: https://solidos.github.io/solid-ui/docs/forms-intro.html\n\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix prov: <http://www.w3.org/ns/prov#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix : <#>.\n\n\n############# For individual:\n:individualForm a ui:Form ;\n dct:title "Contact details for a person" ;\n ui:parts (\n :fullNameField\n :nicknameGroup\n :pronounsGroup\n :roleField\n :orgNameField\n # :addressesComment\n :addresses\n # :emailComment\n :eMails\n # :telephoneComment\n :telephones\n :birthdayField\n # :noteComment\n :noteField \n ) .\n\n :fullNameField\n a ui:SingleLineTextField ;\n ui:label "Name";\n ui:maxLength "128" ;\n ui:property vcard:fn .\n\n # Nickname\n\n :nicknameGroup a ui:Group; ui:weight 0; \n ui:parts (:nicknameField) .\n\n :nicknameField a ui:SingleLineTextField; \n ui:property foaf:nick;\n ui:label "Nickname"@en, "Nom court"@fr.\n\n # Pronouns\n\n :pronounsGroup a ui:Group; ui:weight 0; \n ui:parts ( :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n ui:label "He/she/they" .\n :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n ui:label "Him/her/them" .\n :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n ui:label "His/hers/theirs" .\n \n :roleField\n a ui:SingleLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:maxLength "128" ;\n ui:property vcard:role .\n\n :orgNameField\n a ui:SingleLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:maxLength "128" ;\n ui:property vcard:organization-name .\n\n :addresses a ui:Multiple ;\n dct:title "Address details" ;\n ui:part :oneAddress ;\n ui:property vcard:hasAddress .\n\n :oneAddress a ui:Group ;\n ui:parts ( \n :id1409437207443 :id1409437292400 \n :id1409437421996 :id1409437467649 \n :id1409437569420 ). \n\n :id1409437207443\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:street-address .\n\n :id1409437292400\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:locality .\n\n :id1409437421996\n a ui:SingleLineTextField ;\n ui:maxLength "25" ;\n ui:property vcard:postal-code .\n\n :id1409437467649\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:region .\n\n :id1409437569420\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:country-name .\n\n\n :eMails a ui:Multiple ;\n ui:part :oneEMail ;\n ui:property vcard:hasEmail .\n\n :oneEMail a ui:Group ; # hint: side by side is good\n ui:part :emailValue, :emailType ;\n ui:parts ( :emailType :emailValue ).\n\n :emailValue\n a ui:EmailField ; ui:label "email";\n ui:property vcard:value .\n\n :emailType\n a ui:Classifier ;\n ui:canMintNew "0" ;\n ui:category vcard:Type ;\n ui:from vcard:Type ;\n ui:property rdf:type .\n\n :telephones a ui:Multiple ;\n ui:part :onetelephone ;\n ui:property vcard:hasTelephone .\n\n :onetelephone\n a ui:Group ;\n ui:part :telephoneValue, :telephoneType ;\n ui:parts ( :telephoneType :telephoneValue ).\n\n :telephoneValue\n a ui:PhoneField ;\n ui:property vcard:value .\n\n :telephoneType\n a ui:Classifier ;\n ui:canMintNew "0" ;\n ui:category vcard:TelephoneType ;\n ui:from vcard:Type ;\n ui:property rdf:type .\n\n :birthdayField a ui:DateField;\n ui:label "Born"@en;\n ui:suppressEmptyUneditable true;\n ui:property vcard:bday .\n\n :noteField\n a ui:MultiLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:property vcard:note .\n\n# Ontology additions or interpretations needed for the form to work well\n\n# The ontology file doesn\'t make them disjoint. This makes the selector be a choice.\nvcard:TelephoneType owl:disjointUnionOf ( vcard:Cell vcard:Home vcard:Work) .\nvcard:Type owl:disjointUnionOf (vcard:Home vcard:Work) . # for email\n\n# Better field labels\nvcard:Cell ui:label "mobile"@en . # app will make initial caps if necessary\nvcard:hasAddress ui:label "address"@en .\nvcard:bday ui:label "born"@en.\nvcard:hasEmail ui:label "email"@en .\nvcard:hasTelephone ui:label "phone"@en .\nvcard:note ui:label "notes"@en .\n\n\n############ For organizations\n\n:organizationForm a ui:Form ; \n dct:title "Contact details for an organization";\n ui:parts (\n :OrgClassifier\n :fullNameField\n :homePageURIField\n :addresses\n :eMails\n :telephones\n :noteField ) .\n\n :OrgClassifier a ui:Classifier; \n ui:label "What sort of organization?"@en;\n ui:category solid:InterestingOrganization .\n\n :homePageURIField a ui:NamedNodeURIField;\n ui:label "Homepage"@en;\n ui:property schema:url .\n\n# Ontology data to drive the :OrgClassifier classifier\n solid:InterestingOrganization owl:disjointUnionOf (\n # Airline - a Corporation\n # Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n # FundingScheme - eh?\n schema:GovernmentOrganization\n # LibrarySystem\n # LocalBusiness - Corporation\n # MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\n schema:PerformingGroup # a band\n schema:Project # like Solid\n schema:SportsOrganization) .\n';var dn=o(479),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=h().bind(null,"head"),pn.domAPI=f(),pn.insertStyleElement=A(),d()(dn.A,pn),dn.A&&dn.A.locals&&dn.A.locals;var fn=o(434),mn={};mn.styleTagTransform=w(),mn.setAttributes=b(),mn.insert=h().bind(null,"head"),mn.domAPI=f(),mn.insertStyleElement=A(),d()(fn.A,mn),fn.A&&fn.A.locals&&fn.A.locals;const hn="https://solidos.github.io/contacts-pane/src/ontology/";function gn(e,n,t,a){const i=a||hn+t,o=(0,c.sym)(i);e.holds(void 0,void 0,void 0,o)||(0,c.parse)(n,e,i,"text/turtle",()=>null)}const bn=l.ns,vn=s.store,An="individualAndOrganizationForm.ttl";async function yn(e,n,t,a){const i=vn.findTypeURIs(t),o=!(!i[bn.vcard("Organization").uri]&&!i[bn.schema("Organization").uri]),r=vn.updater.editable(t.doc().uri,vn);gn(vn,un,An);const u=l.ns.vcard("Type").doc().uri;gn(vn,'@prefix : <http://www.w3.org/2006/vcard/ns#> .\n@prefix owl: <http://www.w3.org/2002/07/owl#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .\n@prefix xml: <http://www.w3.org/XML/1998/namespace> .\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .\n\n:Acquaintance a owl:Class ;\n rdfs:label "Acquaintance"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Agent a owl:Class ;\n rdfs:label "Agent"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:BBS a owl:Class ;\n rdfs:label "BBS"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Car a owl:Class ;\n rdfs:label "Car"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Cell a owl:Class ;\n rdfs:label "Cell"@en ;\n rdfs:comment "Also called mobile telephone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Child a owl:Class ;\n rdfs:label "Child"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Colleague a owl:Class ;\n rdfs:label "Colleague"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Contact a owl:Class ;\n rdfs:label "Contact"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Coresident a owl:Class ;\n rdfs:label "Coresident"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Coworker a owl:Class ;\n rdfs:label "Coworker"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Crush a owl:Class ;\n rdfs:label "Crush"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Date a owl:Class ;\n rdfs:label "Date"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Dom a owl:Class ;\n rdfs:label "Dom"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Emergency a owl:Class ;\n rdfs:label "Emergency"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Fax a owl:Class ;\n rdfs:label "Fax"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Female a owl:Class ;\n rdfs:label "Female"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Friend a owl:Class ;\n rdfs:label "Friend"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Home a owl:Class ;\n rdfs:label "Home"@en ;\n rdfs:comment "This implies that the property is related to an individual\'s personal life"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type .\n\n:ISDN a owl:Class ;\n rdfs:label "ISDN"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Internet a owl:Class ;\n rdfs:label "Internet"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Intl a owl:Class ;\n rdfs:label "Intl"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Kin a owl:Class ;\n rdfs:label "Kin"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Label a owl:Class ;\n rdfs:label "Label"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Male a owl:Class ;\n rdfs:label "Male"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Me a owl:Class ;\n rdfs:label "Me"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Met a owl:Class ;\n rdfs:label "Met"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Modem a owl:Class ;\n rdfs:label "Modem"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Msg a owl:Class ;\n rdfs:label "Msg"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Muse a owl:Class ;\n rdfs:label "Muse"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Neighbor a owl:Class ;\n rdfs:label "Neighbor"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:None a owl:Class ;\n rdfs:label "None"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Other a owl:Class ;\n rdfs:label "Other"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:PCS a owl:Class ;\n rdfs:label "PCS"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Pager a owl:Class ;\n rdfs:label "Pager"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Parcel a owl:Class ;\n rdfs:label "Parcel"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Parent a owl:Class ;\n rdfs:label "Parent"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Postal a owl:Class ;\n rdfs:label "Postal"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Pref a owl:Class ;\n rdfs:label "Pref"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Sibling a owl:Class ;\n rdfs:label "Sibling"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Spouse a owl:Class ;\n rdfs:label "Spouse"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Sweetheart a owl:Class ;\n rdfs:label "Sweetheart"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Tel a owl:Class ;\n rdfs:label "Tel"@en ;\n rdfs:comment "This class is deprecated. Use the hasTelephone object property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:Text a owl:Class ;\n rdfs:label "Text"@en ;\n rdfs:comment "Also called sms telephone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:TextPhone a owl:Class ;\n rdfs:label "Text phone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Unknown a owl:Class ;\n rdfs:label "Unknown"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Video a owl:Class ;\n rdfs:label "Video"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Voice a owl:Class ;\n rdfs:label "Voice"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Work a owl:Class ;\n rdfs:label "Work"@en ;\n rdfs:comment "This implies that the property is related to an individual\'s work place"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type .\n\n:X400 a owl:Class ;\n rdfs:label "X400"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:adr a owl:ObjectProperty ;\n rdfs:label "address"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasAddress .\n\n:agent a owl:ObjectProperty ;\n rdfs:label "agent"@en ;\n rdfs:comment "This object property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:anniversary a owl:DatatypeProperty ;\n rdfs:label "anniversary"@en ;\n rdfs:comment "The date of marriage, or equivalent, of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range [ a rdfs:Datatype ;\n owl:unionOf ( xsd:dateTime xsd:gYear ) ] .\n\n:bday a owl:DatatypeProperty ;\n rdfs:label "birth date"@en ;\n rdfs:comment "To specify the birth date of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range [ a rdfs:Datatype ;\n owl:unionOf ( xsd:dateTime xsd:dateTimeStamp xsd:gYear ) ] .\n\n:category a owl:DatatypeProperty ;\n rdfs:label "category"@en ;\n rdfs:comment "The category information about the object, also known as tags"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:class a owl:DatatypeProperty ;\n rdfs:label "class"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:email a owl:ObjectProperty ;\n rdfs:label "email"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasEmail .\n\n:extended-address a owl:DatatypeProperty ;\n rdfs:label "extended address"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:geo a owl:ObjectProperty ;\n rdfs:label "geo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasGeo .\n\n:hasAdditionalName a owl:ObjectProperty ;\n rdfs:label "has additional name"@en ;\n rdfs:comment "Used to support property parameters for the additional name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarBusy a owl:ObjectProperty ;\n rdfs:label "has calendar busy"@en ;\n rdfs:comment "To specify the busy time associated with the object. (Was called FBURL in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarLink a owl:ObjectProperty ;\n rdfs:label "has calendar link"@en ;\n rdfs:comment "To specify the calendar associated with the object. (Was called CALURI in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarRequest a owl:ObjectProperty ;\n rdfs:label "has calendar request"@en ;\n rdfs:comment "To specify the calendar user address to which a scheduling request be sent for the object. (Was called CALADRURI in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCategory a owl:ObjectProperty ;\n rdfs:label "has category"@en ;\n rdfs:comment "Used to support property parameters for the category data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCountryName a owl:ObjectProperty ;\n rdfs:label "has country name"@en ;\n rdfs:comment "Used to support property parameters for the country name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasFN a owl:ObjectProperty ;\n rdfs:label "has formatted name"@en ;\n rdfs:comment "Used to support property parameters for the formatted name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasFamilyName a owl:ObjectProperty ;\n rdfs:label "has family name"@en ;\n rdfs:comment "Used to support property parameters for the family name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasGender a owl:ObjectProperty ;\n rdfs:label "has gender"@en ;\n rdfs:comment "To specify the sex or gender identity of the object. URIs are recommended to enable interoperable sex and gender codes to be used."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasGivenName a owl:ObjectProperty ;\n rdfs:label "has given name"@en ;\n rdfs:comment "Used to support property parameters for the given name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasHonorificPrefix a owl:ObjectProperty ;\n rdfs:label "has honorific prefix"@en ;\n rdfs:comment "Used to support property parameters for the honorific prefix data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasHonorificSuffix a owl:ObjectProperty ;\n rdfs:label "has honorific suffix"@en ;\n rdfs:comment "Used to support property parameters for the honorific suffix data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasInstantMessage a owl:ObjectProperty ;\n rdfs:label "has messaging"@en ;\n rdfs:comment "To specify the instant messaging and presence protocol communications with the object. (Was called IMPP in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasLanguage a owl:ObjectProperty ;\n rdfs:label "has language"@en ;\n rdfs:comment "Used to support property parameters for the language data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasLocality a owl:ObjectProperty ;\n rdfs:label "has locality"@en ;\n rdfs:comment "Used to support property parameters for the locality data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasNickname a owl:ObjectProperty ;\n rdfs:label "has nickname"@en ;\n rdfs:comment "Used to support property parameters for the nickname data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:seeAlso :nickname .\n\n:hasNote a owl:ObjectProperty ;\n rdfs:label "has note"@en ;\n rdfs:comment "Used to support property parameters for the note data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasOrganizationName a owl:ObjectProperty ;\n rdfs:label "has organization name"@en ;\n rdfs:comment "Used to support property parameters for the organization name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasOrganizationUnit a owl:ObjectProperty ;\n rdfs:label "has organization unit name"@en ;\n rdfs:comment "Used to support property parameters for the organization unit name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasPostalCode a owl:ObjectProperty ;\n rdfs:label "has postal code"@en ;\n rdfs:comment "Used to support property parameters for the postal code data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRegion a owl:ObjectProperty ;\n rdfs:label "has region"@en ;\n rdfs:comment "Used to support property parameters for the region data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRelated a owl:ObjectProperty ;\n rdfs:label "has related"@en ;\n rdfs:comment "To specify a relationship between another entity and the entity represented by this object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRole a owl:ObjectProperty ;\n rdfs:label "has role"@en ;\n rdfs:comment "Used to support property parameters for the role data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasSource a owl:ObjectProperty ;\n rdfs:label "has source"@en ;\n rdfs:comment "To identify the source of directory information of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasStreetAddress a owl:ObjectProperty ;\n rdfs:label "has street address"@en ;\n rdfs:comment "Used to support property parameters for the street address data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasTitle a owl:ObjectProperty ;\n rdfs:label "has title"@en ;\n rdfs:comment "Used to support property parameters for the title data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasUID a owl:ObjectProperty ;\n rdfs:label "has uid"@en ;\n rdfs:comment "To specify a value that represents a globally unique identifier corresponding to the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasValue a owl:ObjectProperty ;\n rdfs:label "has value"@en ;\n rdfs:comment "Used to indicate the resource value of an object property that requires property parameters"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:label a owl:DatatypeProperty ;\n rdfs:label "label"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:language a owl:DatatypeProperty ;\n rdfs:label "language"@en ;\n rdfs:comment "To specify the language that may be used for contacting the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:latitude a owl:DatatypeProperty ;\n rdfs:label "latitude"@en ;\n rdfs:comment "This data property has been deprecated. See hasGeo"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:longitude a owl:DatatypeProperty ;\n rdfs:label "longitude"@en ;\n rdfs:comment "This data property has been deprecated. See hasGeo"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:mailer a owl:DatatypeProperty ;\n rdfs:label "mailer"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:note a owl:DatatypeProperty ;\n rdfs:label "note"@en ;\n rdfs:comment "A note associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:org a owl:ObjectProperty ;\n rdfs:label "organization"@en ;\n rdfs:comment "This object property has been mapped. Use the organization-name data property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :organization-name .\n\n:organization-unit a owl:DatatypeProperty ;\n rdfs:label "organizational unit name"@en ;\n rdfs:comment "To specify the organizational unit name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string ;\n rdfs:subPropertyOf :organization-name .\n\n:post-office-box a owl:DatatypeProperty ;\n rdfs:label "post office box"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:prodid a owl:DatatypeProperty ;\n rdfs:label "product id"@en ;\n rdfs:comment "To specify the identifier for the product that created the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:rev a owl:DatatypeProperty ;\n rdfs:label "revision"@en ;\n rdfs:comment "To specify revision information about the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:dateTime .\n\n:role a owl:DatatypeProperty ;\n rdfs:label "role"@en ;\n rdfs:comment "To specify the function or part played in a particular situation by the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:sort-string a owl:DatatypeProperty ;\n rdfs:label "sort as"@en ;\n rdfs:comment "To specify the string to be used for national-language-specific sorting. Used as a property parameter only."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:title a owl:DatatypeProperty ;\n rdfs:label "title"@en ;\n rdfs:comment "To specify the position or job of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:tz a owl:DatatypeProperty ;\n rdfs:label "time zone"@en ;\n rdfs:comment "To indicate time zone information that is specific to the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:value a owl:DatatypeProperty ;\n rdfs:label "value"@en ;\n rdfs:comment "Used to indicate the literal value of a data property that requires property parameters"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:Address a owl:Class ;\n rdfs:label "Address"@en ;\n rdfs:comment "To specify the components of the delivery address for the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Class ;\n owl:unionOf ( [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :country-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :country-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :locality ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :locality ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :postal-code ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :postal-code ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :region ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :region ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :street-address ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :street-address ] ) ] ) ] .\n\n:Email a owl:Class ;\n rdfs:label "Email"@en ;\n rdfs:comment "To specify the electronic mail address for communication with the object the vCard represents. Use the hasEmail object property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:Group a owl:Class ;\n rdfs:label "Group"@en ;\n rdfs:comment "Object representing a group of persons or entities. A group object will usually contain hasMember properties to specify the members of the group."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Individual,\n :Location,\n :Organization ;\n owl:equivalentClass [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :hasMember ;\n owl:someValuesFrom :Kind ] [ a owl:Restriction ;\n owl:minQualifiedCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onClass :Kind ;\n owl:onProperty :hasMember ] ) ] .\n\n:Individual a owl:Class ;\n rdfs:label "Individual"@en ;\n rdfs:comment "An object representing a single person or entity"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Location,\n :Organization .\n\n:Name a owl:Class ;\n rdfs:label "Name"@en ;\n rdfs:comment "To specify the components of the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Class ;\n owl:unionOf ( [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :additional-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :additional-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :family-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :family-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :given-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :given-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :honorific-prefix ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :honorific-prefix ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :honorific-suffix ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :honorific-suffix ] ) ] ) ] .\n\n:VCard a owl:Class ;\n rdfs:label "VCard"@en ;\n rdfs:comment "The vCard class is equivalent to the new Kind class, which is the parent for the four explicit types of vCards (Individual, Organization, Location, Group)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass :Kind .\n\n:fn a owl:DatatypeProperty ;\n rdfs:label "formatted name"@en ;\n rdfs:comment "The formatted text corresponding to the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:hasAddress a owl:ObjectProperty ;\n rdfs:label "has address"@en ;\n rdfs:comment "To specify the components of the delivery address for the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Address .\n\n:hasEmail a owl:ObjectProperty ;\n rdfs:label "has email"@en ;\n rdfs:comment "To specify the electronic mail address for communication with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Email .\n\n:hasGeo a owl:ObjectProperty ;\n rdfs:label "has geo"@en ;\n rdfs:comment "To specify information related to the global positioning of the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasKey a owl:ObjectProperty ;\n rdfs:label "has key"@en ;\n rdfs:comment "To specify a public key or authentication certificate associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :key .\n\n:hasLogo a owl:ObjectProperty ;\n rdfs:label "has logo"@en ;\n rdfs:comment "To specify a graphic image of a logo associated with the object "@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :logo .\n\n:hasName a owl:ObjectProperty ;\n rdfs:label "has name"@en ;\n rdfs:comment "To specify the components of the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Name ;\n owl:equivalentProperty :n .\n\n:hasPhoto a owl:ObjectProperty ;\n rdfs:label "has photo"@en ;\n rdfs:comment "To specify an image or photograph information that annotates some aspect of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :photo .\n\n:hasSound a owl:ObjectProperty ;\n rdfs:label "has sound"@en ;\n rdfs:comment "To specify a digital sound content information that annotates some aspect of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :sound .\n\n:hasTelephone a owl:ObjectProperty ;\n rdfs:label "has telephone"@en ;\n rdfs:comment "To specify the telephone number for telephony communication with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :tel .\n\n:hasURL a owl:ObjectProperty ;\n rdfs:label "has url"@en ;\n rdfs:comment "To specify a uniform resource locator associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :url .\n\n:key a owl:ObjectProperty ;\n rdfs:label "key"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasKey .\n\n:logo a owl:ObjectProperty ;\n rdfs:label "logo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasLogo .\n\n:n a owl:ObjectProperty ;\n rdfs:label "name"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasName .\n\n:nickname a owl:DatatypeProperty ;\n rdfs:label "nickname"@en ;\n rdfs:comment "The nick name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:photo a owl:ObjectProperty ;\n rdfs:label "photo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasPhoto .\n\n:sound a owl:ObjectProperty ;\n rdfs:label "sound"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasSound .\n\n:tel a owl:ObjectProperty ;\n rdfs:label "telephone"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasTelephone .\n\n:url a owl:ObjectProperty ;\n rdfs:label "url"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasURL .\n\n:Location a owl:Class ;\n rdfs:label "Location"@en ;\n rdfs:comment "An object representing a named geographical place"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Organization .\n\n:additional-name a owl:DatatypeProperty ;\n rdfs:label "additional name"@en ;\n rdfs:comment "The additional name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:country-name a owl:DatatypeProperty ;\n rdfs:label "country name"@en ;\n rdfs:comment "The country name associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:family-name a owl:DatatypeProperty ;\n rdfs:label "family name"@en ;\n rdfs:comment "The family name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:given-name a owl:DatatypeProperty ;\n rdfs:label "given name"@en ;\n rdfs:comment "The given name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:hasMember a owl:ObjectProperty ;\n rdfs:label "has member"@en ;\n rdfs:comment "To include a member in the group this object represents. (This property can only be used by Group individuals)"@en ;\n rdfs:domain :Group ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Kind .\n\n:honorific-prefix a owl:DatatypeProperty ;\n rdfs:label "honorific prefix"@en ;\n rdfs:comment "The honorific prefix of the name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:honorific-suffix a owl:DatatypeProperty ;\n rdfs:label "honorific suffix"@en ;\n rdfs:comment "The honorific suffix of the name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:locality a owl:DatatypeProperty ;\n rdfs:label "locality"@en ;\n rdfs:comment "The locality (e.g. city or town) associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:organization-name a owl:DatatypeProperty ;\n rdfs:label "organization name"@en ;\n rdfs:comment "To specify the organizational name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:postal-code a owl:DatatypeProperty ;\n rdfs:label "postal code"@en ;\n rdfs:comment "The postal code associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:region a owl:DatatypeProperty ;\n rdfs:label "region"@en ;\n rdfs:comment "The region (e.g. state or province) associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:street-address a owl:DatatypeProperty ;\n rdfs:label "street address"@en ;\n rdfs:comment "The street address associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:Organization a owl:Class ;\n rdfs:label "Organization"@en ;\n rdfs:comment """An object representing an organization. An organization is a single entity, and might represent a business or government, a department or division within a business or government, a club, an association, or the like.\n"""@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind .\n\n:Gender a owl:Class ;\n rdfs:label "Gender"@en ;\n rdfs:comment "Used for gender codes. The URI of the gender code must be used as the value for Gender."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:Kind a owl:Class ;\n rdfs:label "Kind"@en ;\n rdfs:comment "The parent class for all objects"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Restriction ;\n owl:minQualifiedCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onDataRange xsd:string ;\n owl:onProperty :fn ],\n :VCard .\n\n:Type a owl:Class ;\n rdfs:label "Type"@en ;\n rdfs:comment "Used for type codes. The URI of the type code must be used as the value for Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:TelephoneType a owl:Class ;\n rdfs:label "Phone"@en ;\n rdfs:comment "Used for telephone type codes. The URI of the telephone type code must be used as the value for the Telephone Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:RelatedType a owl:Class ;\n rdfs:label "Relation Type"@en ;\n rdfs:comment "Used for relation type codes. The URI of the relation type code must be used as the value for the Relation Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n<http://www.w3.org/2006/vcard/ns> a owl:Ontology ;\n rdfs:label "Ontology for vCard"@en ;\n rdfs:comment "Ontology for vCard based on RFC6350"@en ;\n owl:versionInfo "Final"@en .\n\n\n',"vcard.ttl",u);try{await vn.fetcher.load(t.doc())}catch(e){throw B("Error loading profile card. Stack: "+e),new Error("Failed to load profile card.")}n.classList.add("individualPane"),s.authn.checkUser(),n.appendChild(Be(e,t));const d=o?"organizationForm":"individualForm";if(function(e,n,t,a,i,o,r,s){const u=hn+a,d=s||"this",p=(0,c.Namespace)(u+"#")(d);gn(i,t,a,u),l.widgets.appendForm(o,e,{},n,p,r,(e,n)=>{e||l.widgets.errorMessageBlock(o,n)})}(n,t,un,An,s.store,e,t.doc(),d),n.appendChild(await cn(t,a,a.ulPeople)),s.authn.currentUser()){const a=n.appendChild(e.createElement("h3"));a.textContent="Attach a document",a.classList.add("webidHeading"),l.widgets.attachmentList(e,t,n,{modify:r})}o?n.appendChild(await async function(e,n){let t=F.sym("http://www.wikidata.org/wiki/Q43229");for(const n in N)F.holds(e,S.rdf("type"),S.schema(n),e.doc())&&(t=F.sym(N[n]),E(` renderPublicIdControl bingo: ${n} -> ${t}`));return z(e,n,{longPrompt:`Add a ${_}?`,idNoun:_,urlType:S.vcard("PublicId"),dbLookup:!0,class:t,queryParams:L})}(t,a)):n.appendChild(await async function(e,n){return z(e,n,{longPrompt:`Link to a ${I}?`,idNoun:I,urlType:S.vcard("WebID")})}(t,a))}var wn=o(295),xn={};xn.styleTagTransform=w(),xn.setAttributes=b(),xn.insert=h().bind(null,"head"),xn.domAPI=f(),xn.insertStyleElement=A(),d()(wn.A,xn),wn.A&&wn.A.locals&&wn.A.locals;const Cn=s.store,En=l.ns,kn=En.vcard;let Bn,Sn,Tn,Pn;function Fn(e,n,t,a,i,o,r){Bn=a,Sn=n,Pn=r;const u=i.dom,d=u.createElement("div");d.classList.add("toolsPane");const p=u.createElement("h3");p.textContent="Tools",d.appendChild(p);const f=d.appendChild(u.createElement("div"));f.classList.add("statsLog"),Tn=f.appendChild(u.createElement("pre")),Tn.setAttribute("id","logSpace");const m=d.appendChild(u.createElement("div"));function h(e){const n=e.classList.contains("btn-primary");m.querySelectorAll("button").forEach(e=>{e.classList.remove("btn-primary","toolsButton--loading","toolsButton--error","toolsButton--success"),e.classList.add("btn-secondary")}),n||(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}m.classList.add("toolsButtonsContainer");const g=m.appendChild(u.createElement("button"));g.textContent="Load main index",g.classList.add("actionButton","btn-secondary","action-button-focus"),g.addEventListener("click",()=>{h(g),Tn.textContent="",async function(e,n){e.classList.add("toolsButton--loading"),e.classList.remove("toolsButton--error","toolsButton--success");const t=Cn.any(Bn,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load(t)}catch(t){e.classList.remove("toolsButton--loading"),e.classList.add("toolsButton--error"),Nn(n,"Error: People index has NOT been loaded"+t+"\n")}e.classList.remove("toolsButton--loading"),e.classList.add("toolsButton--success"),Nn(n," People index has been loaded\n")}(g,Tn)});const b=m.appendChild(u.createElement("button"));b.textContent="Statistics",b.classList.add("actionButton","btn-secondary","action-button-focus"),b.addEventListener("click",()=>{h(b),Tn.textContent="",function(e){const n=Cn.each(void 0,kn("inAddressBook"),Bn).length;Nn(e,n+" contacts loaded. ");let t=Cn.each(Bn,kn("includesGroup"));const a=new Set(t.map(e=>ee(e.uri)));t=[...a].map(e=>Cn.sym(e)),Nn(e,t.length+" total groups. ");const i=[];for(const e in Sn)i.push(e);Nn(e,i.length+" selected groups. ")}(Tn)});const v=m.appendChild(u.createElement("button"));v.textContent="Check individual contact access of selected groups",v.classList.add("actionButton","btn-secondary","action-button-focus"),v.addEventListener("click",e=>{h(v),Tn.textContent="",async function(){function e(e){l.acl.fixIndividualCardACL(e,e=>Nn(Tn,e),function(n,t){n?Nn(Tn,"Success for "+l.utils.label(e)):(B("Failure for "+e+": "+t),Nn(Tn,"Failure for "+e+": "+t))})}const n=[];for(const e in Sn)n.push(e);for(let t=0;t<n.length;t++){const a=Cn.sym(n[t]),i=me(Cn,a);Nn(Tn,l.utils.label(a)+": "+i.length+" members");for(let n=0;n<i.length;n++){const t=i[n];Nn(Tn,l.utils.label(t)),e(t)}}}()});const A=m.appendChild(u.createElement("button"));A.textContent="Find duplicate contacts",A.classList.add("actionButton","btn-secondary","action-button-focus"),A.addEventListener("click",function(e){h(A),Tn.textContent="";const n={};n.book=Bn,n.nameEmailIndex=Cn.any(Bn,En.vcard("nameEmailIndex")),Nn(Tn,"Loading name index..."),s.store.fetcher.nowOrWhenFetched(n.nameEmailIndex,void 0,function(e,t){function a(e){let t;return Promise.resolve().then(()=>{const a=e.uri.replace("/Group/","/NewGroup/");t=Cn.sym(a);let i=[];for(let t=0;t<n.uniques.length;t++)i=i.concat(Cn.connectedStatements(n.uniques[t],e.doc()));const o=new c.Serializer(Cn).setBase(e.uri);Nn(Tn," Regenerating group of uniques..."+t);const r=o.statementsToN3(i);return Cn.fetcher.webOperation("PUT",t,{data:r,contentType:"text/turtle"})}).then(()=>(Nn(Tn," Done uniques group "+t),!0)).catch(e=>{Nn(Tn,"Error saving : "+e)})}Nn(Tn,"Loaded name index."),n.cards=[],n.duplicates=[],n.definitive=[],n.nameless=[],n.exactDuplicates=[],n.nameOnlyDuplicates=[],n.uniquesSet=[],n.groupProblems=[],n.nameDupLog=Cn.sym(Bn.dir().uri+"dedup-nameDupLog.ttl"),n.exactDupLog=Cn.sym(Bn.dir().uri+"dedup-exactDupLog.ttl"),n.nameOnlyErrors=[],n.nameLessZeroData=[],n.nameLessIndex=[],n.namelessUniques=[],n.nameOnlyDuplicatesGroupDiff=[];const i=function(){let e=[];return n.book&&([n.book].forEach(function(n){const t=(n?Cn.each(n,En.vcard("includesGroup")):[]).map(function(e){return[n,Cn.any(e,En.vcard("fn")),e]});e=e.concat(t)}),e.sort()),e}();n.groupObjects=i.map(e=>e[2]),Nn(Tn,"Loading "+n.groupObjects.length+" groups... "),Cn.fetcher.load(n.groupObjects).then(function(){return new Promise(function(e){let t,a,i;for(n.cards=Cn.each(void 0,kn("inAddressBook"),n.book),Nn(Tn,n.cards.length+" total contacts"),t=0;t<n.cards.length;t++)a=n.cards[t],i=Cn.anyValue(a,En.vcard("fn")),i?n.definitive[i]===a||(n.definitive[i]?(n.duplicates.length,n.duplicates.push(a)):n.definitive[i]=a):n.nameless.push(a);n.duplicateSet=[];for(let e=0;e<n.duplicates.length;e++)n.duplicateSet[n.duplicates[e].uri]=n.duplicates[e];n.namelessSet=[];for(let e=0;e<n.nameless.length;e++)n.namelessSet[n.nameless[e].uri]=n.nameless[e];n.uniques=[],n.uniqueSet=[];for(let e=0;e<n.cards.length;e++){const t=n.cards[e].uri;n.duplicateSet[t]||n.namelessSet[t]||(n.uniques.push(n.cards[e]),n.uniqueSet[t]=n.cards[e])}Nn(Tn,"Uniques: "+n.uniques.length),Nn(Tn,n.nameless.length+" nameless contacts."),Nn(Tn,n.duplicates.length+" name-duplicate contacts, leaving "+(n.cards.length-n.duplicates.length)),e(!0)})}).then(function(){return new Promise(function(e){Nn(Tn,"Groups loaded");for(let e=0;e<n.uniques.length;e++)n.uniquesSet[n.uniques[e].uri]=!0;n.groupMembers=[],Cn.each(null,En.vcard("hasMember")).forEach(e=>{n.groupMembers=n.groupMembers.concat(me(Cn,e))}),Nn(Tn," Naive group members "+n.groupMembers.length),n.groupMemberSet=[];for(let e=0;e<n.groupMembers.length;e++)n.groupMemberSet[n.groupMembers[e].uri]=n.groupMembers[e];n.groupMembers2=[];for(const e in n.groupMemberSet)n.groupMembers2.push(n.groupMemberSet[e]);if(Nn(Tn," Compact group members "+n.groupMembers2.length),c.keepThisCodeForLaterButDisableFerossConstantConditionPolice){for(let e=0;e<n.groupMembers.length;e++){const t=n.groupMembers[e];n.uniquesSet[t.uri]||(Nn(Tn," Not in uniques: "+t),n.groupProblems.push(t),n.duplicateSet[t.uri]?Nn(Tn," ** IN duplicates alas:"+t):Nn(Tn," **** WTF?"))}Nn(Tn,"Problem contacts: "+n.groupProblems.length)}e(!0)})}).then(function e(){return n.namelessToCheck=n.namelessToCheck||n.nameless.slice(),Nn(Tn,"Nameless check left: "+n.namelessToCheck.length),new Promise(function(t){const a=n.namelessToCheck.shift();if(a){var i;(i=a,new Promise(function(e){Cn.fetcher.load(i).then(function(t){Nn(Tn," Nameless check "+i);const a={};a[En.vcard("hasUID").uri]=!0,a[En.dc("created").uri]=!0,a[En.dc("modified").uri]=!0;const o=(r=i,Cn.statementsMatching(null,null,null,r.doc()).filter(function(e){return!a[e.predicate.uri]}));var r;if(!o.length)return Nn(Tn," Zero length "+i),n.nameLessZeroData.push(i),e(!1);const s=new c.Serializer(Cn).setBase(i.doc().uri).statementsToN3(o),l=n.nameLessIndex[s];if(l){Nn(Tn," Matches with "+l);const t=Cn.each(null,En.vcard("hasMember"),i),a=Cn.each(null,En.vcard("hasMember"),l);for(let o=0;o<t.length;o++){let r=!1;for(let e=0;e<a.length;e++)a[e].sameTerm(t[o])&&(r=!0);if(!r)return Nn(Tn,"This one groups: "+t),Nn(Tn,"Other one groups: "+a),Nn(Tn,"Cant skip this one because it has a group, "+t[o]+", which the other does not."),n.nameOnlyDuplicatesGroupDiff.push(i),e(!1)}E("Group check done -- exact duplicate: "+i)}else Nn(Tn,"First nameless like: "+i.doc()),Nn(Tn,"___________________________________________"),Nn(Tn,s),Nn(Tn,"___________________________________________"),n.nameLessIndex[s]=i,n.namelessUniques.push(i);e(!0)}).catch(function(t){Nn(Tn,"Cant load a nameless card!: "+t),n.nameOnlyErrors.push(i),e(!1)})})).then(function(n){Nn(Tn," Nameless check returns "+n),e()})}else{if(Nn(Tn,"namelessUniques: "+n.namelessUniques.length),Nn(Tn,"namelessUniques: "+n.namelessUniques),!(n.namelessUniques.length>0))return t(!0);{const e=u.createElement("p");e.textContent="Add all "+n.namelessUniques.length+" nameless contacts to the rescued set?",f.appendChild(e);const a=l.widgets.continueButton(u,function(){n.uniques=n.uniques.concat(n.namelessUniques);for(let e=0;e<n.namelessUniques.length;e++)n.uniqueSet[n.namelessUniques[e].uri]=!0;e.remove(),a.remove(),t(!0)});f.appendChild(a)}}})}).then(function(){let e;return Promise.resolve().then(()=>{e=Cn.sym(n.book.dir().uri+"clean-people.ttl");let t=[];for(let e=0;e<n.uniques.length;e++)t=t.concat(Cn.connectedStatements(n.uniques[e],n.nameEmailIndex));const a=new c.Serializer(Cn).setBase(n.nameEmailIndex.uri);Nn(Tn,"Serializing index of uniques...");const i=a.statementsToN3(t);return Cn.fetcher.webOperation("PUT",e,{data:i,contentType:"text/turtle"})}).then(function(){return Nn(Tn,"Done uniques log "+e),!0}).catch(function(e){Nn(Tn,"Error saving uniques: "+e)})}).then(function(){return Nn(Tn,"Saving ALL GROUPS"),Promise.all(n.groupObjects.map(a))}).then(function(){Nn(Tn,"Done!")})})});const y=m.appendChild(u.createElement("button"));y.classList.add("actionButton","btn-secondary","action-button-focus"),y.textContent="Find contacts with no group",y.addEventListener("click",function(n){h(y),Tn.textContent="",Nn(Tn,"Loading groups..."),e(Sn,t,async function(e,n){if(!e)return void Nn(Tn,"Loading all groups failed. If it persists, contact your admin.");const t=Cn.any(Bn,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load(t)}catch(e){return B("Error loading name index (vcard(nameEmailIndex)). Stack: "+e),void Nn(Tn,"Loading name index failed. If it persists, contact your admin.")}Nn(Tn,"Loaded groups and name index."),Ln(Bn),Nn(Tn,"Groupless list finished.")})});const w=m.appendChild(u.createElement("button"));return w.classList.add("actionButton","btn-secondary","action-button-focus"),w.textContent="Put all individuals with no group in a new group",w.addEventListener("click",e=>{h(w),Tn.textContent="",async function(e){const n=await Ln(e);if(0===n.length)return void Nn(Tn,"No groupless contacts found.");let t=null;try{t=await pe(e,"No group")}catch(e){}const a=Tn.ownerDocument;new Promise(function(e){const i=a.createElement("p");i.textContent=`Add the ${n.length} contacts without groups to a 'No group' group?`,Tn.appendChild(i);const o=l.widgets.continueButton(a,async function(){i.remove(),o.remove();for(const e of n)t&&(Nn(Tn," adding "+l.utils.label(e)),await fe(e,t));Nn(Tn,"People moved to group."),Pn&&Pn(),e()});Tn.appendChild(o)})}(Bn)}),d}function Nn(e,n){e.textContent+=n+"\n"}async function Ln(e){const n=Cn.any(e,En.vcard("groupIndex")),t=Cn.any(e,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load([t,n]);const a=Cn.each(e,En.vcard("includesGroup"));await Cn.fetcher.load(a)}catch(e){B("Error loading groups. Stack: "+e),Nn(Tn,"Error loading groups or name index. If it persists, contact your admin.")}const a={},i=[];let o=Cn.each(e,kn("includesGroup"));const r=new Set(o.map(e=>ee(e.uri)));o=[...r].map(e=>Cn.sym(e)),Nn(Tn,o.length+" total groups. ");for(let e=0;e<o.length;e++){const n=o[e],t=me(Cn,n);Nn(Tn,l.utils.label(n)+": "+t.length+" members");for(let e=0;e<t.length;e++)Cn.allAliases(t[e]).forEach(function(e){a[e.uri]=n})}const s=Cn.each(void 0,kn("inAddressBook"),e);Nn(Tn,s.length+" total contatcs");for(let e=0;e<s.length;e++)a[s[e].uri]||(i.push(s[e]),Nn(Tn," groupless "+l.utils.label(s[e])));return Nn(Tn,i.length+" groupless contacts."),i}var In=o(903),_n={};_n.styleTagTransform=w(),_n.setAttributes=b(),_n.insert=h().bind(null,"head"),_n.domAPI=f(),_n.insertStyleElement=A(),d()(In.A,_n),In.A&&In.A.locals&&In.A.locals;const On=l.ns,Rn=l.utils,Dn={icon:l.icons.iconBase+"noun_99101.svg",name:"contact",label:function(e,n){const t=n.session.store.findTypeURIs(e);return t[On.vcard("Individual").uri]||t[On.vcard("Organization").uri]?"Contact":t[On.foaf("Person").uri]||t[On.schema("Person").uri]?"Person":t[On.vcard("Group").uri]?"Group":t[On.vcard("AddressBook").uri]?"Address book":null},mintClass:l.ns.vcard("AddressBook"),mintNew:function(e,n){return new Promise(function(t,a){l.login.ensureLoadedProfile(n).then(n=>{E("Logged in as "+n.me);const i=n.me,o=n.dom,r=n.div,s=e.session.store,u=l.ns,d=n.newBase||n.newInstance.dir().uri;if((n.instanceClass||u.vcard("AddressBook")).sameTerm(u.vcard("Group"))){const e=n.newInstance||s.sym(n.newBase+"index.ttl#this"),i=e.doc();return s.add(e,u.rdf("type"),u.vcard("Group"),i),s.add(e,u.vcard("fn"),n.instanceName||"untitled group",i),void s.fetcher.putBack(i,{contentType:"text/turtle"}).then(function(e){t(n)}).catch(function(e){B("Failed to fetch new address book. Stack: "+e),a(new Error("Error creating document for new group "+e))})}let p='@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n @prefix ab: <http://www.w3.org/ns/pim/ab#>.\n @prefix dc: <http://purl.org/dc/elements/1.1/>.\n @prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n <#this> a vcard:AddressBook;\n dc:title "New address Book";\n vcard:nameEmailIndex <people.ttl>;\n vcard:groupIndex <groups.ttl>.\n';p+="<#this> <http://www.w3.org/ns/auth/acl#owner> <"+i.uri+">.\n\n";const f=s.sym(d+"index.ttl#this"),m=[{to:"index.ttl",content:p,contentType:"text/turtle"},{to:"groups.ttl",content:"",contentType:"text/turtle"},{to:"people.ttl",content:"",contentType:"text/turtle"},{to:"",existing:!0,aclOptions:{defaultForNew:!0}}];!function e(){function l(n,t){if(!t)return a(new Error("Error writing new file "+u.to));ge(p,i,h).then(()=>e()).catch(e=>{B("Error setting access permissions for "+u.to+". Stack: "+e);const n="Error setting access permissions for "+u.to+".";return a(new Error(n))})}if(0===m.length)!function(e,a){E(`New ${a} created at ${e}`);const i=r.appendChild(o.createElement("p"));i.classList.add("claimSuccess"),i.innerHTML="Your <a href='"+e.uri+"'><b>new "+a+"</b></a> is ready. <br/><br/><a href='"+e.uri+"'>Go to new "+a+"</a>";const s=Object.assign({newInstance:e},n);t(s)}(f,"address book");else{var u=m.shift();E("Creating new file "+u.to+" in new instance ");var p=c.uri.join(u.to,d),h=u.aclOptions||{};"content"in u?s.fetcher.webOperation("PUT",p,{data:u.content,saveMetadata:!0,contentType:u.contentType}).then(()=>l(0,!0)):"existing"in u?l(0,!0):a(new Error("Copy not expected while buiding new app."))}}()},e=>{k("Error logging in. Stack: "+e),ne(n.div,n.dom,"Please log in to create a new address book.")})})},render:function(e,n,t={}){const a=n.dom,i=n.session.store,o=a.createElement("div");return G(a),l.aclControl.preventBrowserDropEvents(a),o.setAttribute("class","contactPane"),async function(){l.aclControl.preventBrowserDropEvents(a);const r=i.findTypeURIs(e);if(r[On.vcard("Individual").uri]||r[On.foaf("Person").uri]||r[On.schema("Person").uri]||r[On.vcard("Organization").uri]||r[On.schema("Organization").uri])yn(a,o,e,n).then(()=>E("(individual rendered)")).catch(()=>{throw new Error("Failed to render contact.")});else{if(!r[On.vcard("AddressBook").uri])throw B("No evidence that "+e+" is anything to do with contacts."),new Error("This does not seem to be a contact or address book.");!function(e,r){i.fetcher.load(e).then(function(u){!function(e,r){const u=Rn.label(On.vcard("AddressBook"));let d=r.foreignGroup,p="";e&&e.length>0?(d=e[0],p=Rn.label(d.dir())):(i.any(d,On.dc("title"))||i.any(d,On.vcard("fn")),t.solo&&p&&"undefined"!=typeof document&&(document.title=p.value),p=p?p.value:u);const f=i.any(d,On.vcard("groupIndex")),m={};let h={},g=null,b=null;const v=[];function A(e){v.forEach(e=>{e.classList.remove("btn-primary"),e.classList.add("btn-secondary")}),e&&(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}const y={dom:a,kb:i,ns:On,book:d,options:r,title:p,groupIndex:f,selectedGroups:m,get selectedPeople(){return h},set selectedPeople(e){h=e},get allGroupsLi(){return g},set allGroupsLi(e){g=e},get newGroupLi(){return b},set newGroupLi(e){b=e},actionButtons:v,setActiveActionButton:A,dataBrowserContext:n,div:o,me:c,setMe(e){c=e},paneOptions:t},{main:w,addressBookSection:x,detailsSection:C}=function(e){const{dom:n}=e,t=n.createElement("main");t.id="main-content",t.classList.add("addressBook-grid"),t.setAttribute("role","main"),t.setAttribute("aria-label","Address Book"),t.setAttribute("tabindex","-1");const a=n.createElement("section");a.setAttribute("aria-labelledby","addressBook-section"),a.classList.add("addressBookSection","section-bg"),a.setAttribute("role","region"),a.setAttribute("tabindex","-1"),t.appendChild(a);const i=n.createElement("section");return i.classList.add("detailSection"),i.setAttribute("role","region"),i.setAttribute("aria-label","Details section"),i.classList.add("hidden"),t.appendChild(i),{main:t,addressBookSection:a,detailsSection:i}}(y);function k(){C.classList.remove("hidden")}o.appendChild(w),y.showDetailsSection=k,y.detailsSection=C;const S=a.createElement("ul");S.setAttribute("role","list"),S.setAttribute("aria-label","People list"),y.ulPeople=S,y.dataBrowserContext&&(y.dataBrowserContext.ulPeople=S);const T=a.createElement("div");T.classList.add("detailsSectionContent"),T.setAttribute("role","region"),T.setAttribute("aria-labelledby","detailsSectionContent"),T.setAttribute("aria-live","polite"),y.detailsSectionContent=T;const P=function(e){const{dom:n,ns:t,title:a,me:i,setMe:o,setActiveActionButton:r}=e,l=n.createElement("section");l.classList.add("headerSection");const c=n.createElement("header");c.classList.add("mb-md");const u=n.createElement("h2");u.id="addressBook-heading",u.setAttribute("tabindex","-1"),u.textContent=a;const d=n.createElement("button"),p=n.createElement("div");d.setAttribute("type","button"),i||d.setAttribute("disabled","true"),s.authn.checkUser().then(e=>{e&&(o(e),d.removeAttribute("disabled"))}),p.appendChild(d),d.innerHTML="+ New contact",d.classList.add("actionButton","btn-primary","action-button-focus");let f=0;return d.addEventListener("click",async function(a){r(null),en(e.ulPeople);const i=++f;if(e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide"),await on(),i!==f)return;e.detailsSectionContent.innerHTML="";const o=n.createElement("div");o.classList.add("contactTypeChooser");const s=n.createElement("label");s.textContent="Contact type: ",s.setAttribute("for","contactTypeSelect"),o.appendChild(s);const l=n.createElement("select");l.id="contactTypeSelect",l.classList.add("contactTypeSelect");const c=n.createElement("option");c.value="Individual",c.textContent="New person",l.appendChild(c);const u=n.createElement("option");u.value="Organization",u.textContent="New organization",l.appendChild(u),o.appendChild(l),e.detailsSectionContent.appendChild(o);const d=n.createElement("p");d.classList.add("contactCreationRemark"),d.textContent="The new contact is added to the already selected group.",e.detailsSectionContent.appendChild(d);const p=n.createElement("div");function m(){return"Organization"===l.value?t.vcard("Organization"):t.vcard("Individual")}p.classList.add("contactFormContainer"),e.detailsSectionContent.appendChild(p),jn(e,p,m()),l.addEventListener("change",function(){jn(e,p,m())})},!1),c.appendChild(u),c.appendChild(p),l.appendChild(c),l}(y);x.appendChild(P);const F=a.createElement("hr");F.classList.add("dottedHr"),x.appendChild(F);const{searchSection:N,searchInput:L}=function(e){const{dom:n}=e,t=n.createElement("section");t.classList.add("searchSection");const a=n.createElement("div");a.classList.add("searchDiv"),t.appendChild(a);const i=n.createElement("input");i.setAttribute("type","text"),i.setAttribute("aria-label","Search contacts"),i.classList.add("searchInput"),i.setAttribute("placeholder","Search by name in selected group"),a.appendChild(i);const o=n.createElement("button");return o.setAttribute("type","button"),o.setAttribute("aria-label","Clear search"),o.classList.add("searchClearButton","hidden"),o.textContent="✕",a.appendChild(o),i.addEventListener("input",function(n){const t=i.value.length>0;o.classList.toggle("hidden",!t),nn(e.ulPeople,!0,e.detailsSectionContent)}),o.addEventListener("click",function(){i.value="",o.classList.add("hidden"),i.focus(),nn(e.ulPeople,!0,e.detailsSectionContent)}),{searchSection:t,searchInput:i}}(y);y.searchInput=L,x.appendChild(N);const{buttonSection:I,ulGroups:_}=function(e){const{dom:n,kb:t,book:a,options:i,groupIndex:o,selectedGroups:r,actionButtons:s,setActiveActionButton:l}=e,c=n.createElement("section");c.classList.add("buttonSection");const u=n.createElement("ul");if(u.classList.add("groupButtonsList"),u.setAttribute("role","list"),u.setAttribute("aria-label","Groups list"),i.foreignGroup&&(r[i.foreignGroup.uri]=!0),a){e.allGroupsLi=n.createElement("li");const d=n.createElement("button");d.textContent="All groups",d.classList.add("allGroupsButton","actionButton","btn-primary","action-button-focus","allGroupsButton--selected"),d.addEventListener("click",function(n){if(qe(u,d),l(null),Array.from(u.children).every(function(e){return!e.subject||!!r[e.subject.uri]})){d.classList.remove("allGroupsButton--loading","allGroupsButton--active"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--loaded");for(const e in r)delete r[e];Ye(u,r)}else d.classList.add("allGroupsButton--loading"),d.setAttribute("aria-busy","true"),We(r,u,function(n,t){if(!n)return Z("Failed to select all groups. If it persists, contact admin.");d.classList.remove("allGroupsButton--loading"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--active"),Ye(u,r),Ze(e.ulPeople,null)})}),e.allGroupsLi.appendChild(d),u.appendChild(e.allGroupsLi),e.newGroupLi=n.createElement("li");const p=n.createElement("button");p.setAttribute("type","button"),p.innerHTML="+ New group",p.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),s.push(p),p.addEventListener("click",function(n){qe(u,p),l(null),en(e.ulPeople),Mn(e)},!1),e.newGroupLi.appendChild(p),c.appendChild(u),o&&t.fetcher.nowOrWhenFetched(o.uri,a,function(t,o){if(!t)return B("Error loading group index. Stack: "+o),void Z("Error loading group index. If it persists, contact admin.");e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),Qe(a,i,u,n,r,e.ulPeople,e.searchInput),u.insertBefore(e.allGroupsLi,u.firstChild),u.appendChild(e.newGroupLi),d.classList.add("allGroupsButton--loading"),d.setAttribute("aria-busy","true"),We(r,u,function(n,t){if(!n)return Z("Failed to select all groups. If it persists, contact admin.");d.classList.remove("allGroupsButton--loading"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--active"),Ye(u,r),Ze(e.ulPeople,null)})}),e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),$e(a,u,i,n,r,e.ulPeople,e.searchInput,e.detailsSectionContent,e.dataBrowserContext,function(){l(null),e.detailsSectionContent.querySelector(".contactTypeChooser, .contactFormContainer, .renderPane")||(e.detailsSectionContent.innerHTML="",e.detailsSection.classList.add("hidden"))}),u.insertBefore(e.allGroupsLi,u.firstChild),u.appendChild(e.newGroupLi)}else Qe(a,i,u,n,r,e.ulPeople,e.searchInput),Ze(e.ulPeople,null),E("No book, only one group -> hide list of groups");return{buttonSection:c,ulGroups:u}}(y);y.ulGroups=_,x.appendChild(I);const O=a.createElement("section");O.classList.add("peopleSection"),x.appendChild(O),O.appendChild(S),C.appendChild(T);const R=function(e){const{dom:n,kb:t,ns:a,book:i,options:o,selectedGroups:r,actionButtons:s,setActiveActionButton:c,dataBrowserContext:u,div:d,me:p}=e,f=n.createElement("div");if(f.classList.add("cardFooter"),i){const m=f.appendChild(n.createElement("button"));m.setAttribute("type","button"),m.innerHTML="Groups",m.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(m),m.addEventListener("click",async function(s){c(m),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide");const u=n.createElement("h3");u.textContent="Your groups",e.detailsSectionContent.appendChild(u);let d,f=n.createElement("p");f.textContent="When you delete a group it can happen that some contacts end up groupless.",e.detailsSectionContent.appendChild(f),f=n.createElement("p"),f.textContent="To move contacts around, simply drag and drop them onto a group.",e.detailsSectionContent.appendChild(f);try{d=await Ke(i)}catch(t){return void e.detailsSectionContent.appendChild(n.createTextNode("Failed to load groups: "+t))}const h=n.createElement("ul");h.setAttribute("role","list"),h.setAttribute("aria-label","All groups"),h.classList.add("groupButtonsList"),d&&(d.sort((e,n)=>{const i=(t.any(e,a.vcard("fn"))||"").toString().toLowerCase(),o=(t.any(n,a.vcard("fn"))||"").toString().toLowerCase();return i<o?-1:i>o?1:0}),d.forEach(function(a){const{groupLi:s,groupButton:c,name:u}=He(a);c.addEventListener("click",function(n){if(n.preventDefault(),!n.metaKey)for(const e in r)delete r[e];r[a.uri]=!r[a.uri],Ye(e.ulGroups,r);const i=Array.from(e.ulGroups.children).find(e=>e.subject&&e.subject.uri===a.uri);qe(e.ulGroups,i?i.querySelector("button"):null),t.fetcher.nowOrWhenFetched(a.doc(),void 0,function(n,t){if(!n)return B("Cannot load group: "+a+". Stack: "+t),Z("Failed to load group details. If it persists, contact your admin.");Ze(e.ulPeople,null,!1)})},!1),l.widgets.makeDropTarget(s,e=>Ve(e,a)),p&&l.widgets.deleteButtonWithCheck(n,s,"group "+u,async function(){await ie(a),delete r[a.uri];const t=e.allGroupsLi,s=e.newGroupLi;t.parentNode&&t.parentNode.removeChild(t),s.parentNode&&s.parentNode.removeChild(s),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(t,e.ulGroups.firstChild),e.ulGroups.appendChild(s),Ye(e.ulGroups,r),Ze(e.ulPeople,null,!1),m.click()}),h.appendChild(s)})),e.detailsSectionContent.appendChild(h);const g=n.createElement("button");g.setAttribute("type","button"),g.innerHTML="+ New group",g.classList.add("actionButton","btn-primary","action-button-focus","newGroupBtn"),g.addEventListener("click",function(){Mn(e)},!1),e.detailsSectionContent.appendChild(g)});const h=f.appendChild(n.createElement("button"));h.setAttribute("type","button"),h.innerHTML="Sharing",h.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(h),h.addEventListener("click",function(o){c(h),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide");const r=n.createElement("h3");r.textContent="Sharing",e.detailsSectionContent.appendChild(r),e.detailsSectionContent.appendChild(l.aclControl.ACLControlBox5(i.dir(),u,"book",t,function(t,a){t||(B("ACL control box Failed. Stack: "+a),ne(e.detailsSectionContent,n,"Problem displaying sharing controls. If persists, contact admin."))}));const s={target:i,me:p,noun:"address book",div:e.detailsSectionContent,dom:n,statusRegion:d};l.login.registrationControl(s,i,a.vcard("AddressBook")).then(()=>E("Registration control finished.")).catch(t=>{B("Error in registration control. Stack: "+t),ne(e.detailsSectionContent,n,"Problem displaying findable controls. If persists, contact admin.")})});const g=f.appendChild(n.createElement("button"));g.setAttribute("type","button"),g.innerHTML="Tools",g.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(g),g.addEventListener("click",function(t){c(g),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.add("detailsSectionContent--wide"),e.detailsSectionContent.appendChild(Fn(We,r,e.ulGroups,i,u,0,function(){e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(e.allGroupsLi,e.ulGroups.firstChild),e.ulGroups.appendChild(e.newGroupLi),Ye(e.ulGroups,r)}))})}return f}(y);x.appendChild(R),an(d,T).then(()=>{E("Async checkDataModel done.")})}(e,r)}).catch(function(e){throw B("Error loading address book. Stack: "+e),new Error("Failed to load address book.")})}([e],{})}let c=s.authn.currentUser();if("undefined"!=typeof document&&document.location&&"http://localhost"===(""+document.location).slice(0,16)){const n=i.any(e,l.ns.acl("owner"));n&&(c=n)}return o}().then(()=>E("Contacts pane rendered for "+e),e=>ne(o,a,e.message||""+e)),o}};async function Mn(e){const{dom:n,kb:t,ns:a,book:i,options:o,selectedGroups:r,dataBrowserContext:s}=e;e.showDetailsSection(),e.detailsSectionContent.innerHTML="";const c=t.any(i,a.vcard("groupIndex"));try{await t.fetcher.load(c)}catch(e){E("Error: Group index NOT loaded:"+e+"\n")}E(" Group index has been loaded\n");const u=await l.widgets.askName(n,t,e.detailsSectionContent,l.ns.foaf("name"),a.vcard("Group"),"group");if(!u)return;let d;try{d=await pe(i,u)}catch(n){return E("Error: can't save new group:"+n),void(e.detailsSectionContent.innerHTML="Failed to save group"+n)}for(const e in r)delete r[e];r[d.uri]=!0;const p=e.allGroupsLi,f=e.newGroupLi;p.parentNode&&p.parentNode.removeChild(p),f.parentNode&&f.parentNode.removeChild(f),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(p,e.ulGroups.firstChild),e.ulGroups.appendChild(f),Ye(e.ulGroups,r);const m=Array.from(e.ulGroups.children).find(e=>e.subject&&e.subject.uri===d.uri);qe(e.ulGroups,m?m.querySelector("button"):null),Ze(e.ulPeople,null,!1),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.appendChild(l.aclControl.ACLControlBox5(d.doc(),s,"group",t,function(n,t){n||(e.detailsSectionContent.innerHTML="Group sharing setup failed: "+t)}))}function jn(e,n,t){const{dom:a,kb:i,book:o,selectedGroups:r,dataBrowserContext:s}=e;n.innerHTML="",l.widgets.askName(a,i,n,l.ns.foaf("name"),t).then(async n=>{if(!n)return;let a;e.detailsSectionContent.innerHTML="Indexing...";try{a=await async function(e,n,t,a){await ce.fetcher.load(e.doc());const i=ce.any(e,se.vcard("nameEmailIndex")),o=le.genUuid(),r=ce.sym(e.dir().uri+"Person/"+o+"/index.ttl#this"),s=r.doc(),l=[c.st(r,se.vcard("inAddressBook"),e,i),c.st(r,se.vcard("fn"),n,i),c.st(r,se.vcard("fn"),n,s),c.st(r,se.rdf("type"),a,s),c.st(s,se.dct("created"),new Date,s)],u=Array.isArray(t)?t:Object.keys(t||{});if(u.length>0){for(const e of u){const t=ce.sym(e),a=t.doc();l.push(c.st(t,se.vcard("hasMember"),r,a),c.st(r,se.vcard("fn"),n,a))}try{await ue.updateMany([],l)}catch(e){throw B("Cannot add group membership for "+r+". Stack:"+e),new Error("Save new contact")}return r}Z("Must be a member of at least one group. Please select or create a group.")}(o,n,r,t)}catch(e){return void Z("Error saving contact. If it persists, contact your admin.")}if(!a)return void(e.detailsSectionContent.innerHTML="");e.selectedPeople={},e.selectedPeople[a.uri]=!0,Ze(e.ulPeople,null),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.add("detailsSectionContent--wide");const i=s.session.paneRegistry.byName("contact").render(a,s);i.classList.add("renderPane"),e.detailsSectionContent.appendChild(i)})}return r=r.default})(),e.exports=a(t(5663),t(9426),t(5491))},566(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* CVCard.css */\n/* Note: Uses utilities: .section-title for cvOrg styling */\n\n.cvSection {\n margin-bottom: 1.25em;\n}\n\n.cvRole {\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n display: flex;\n flex-direction: column;\n gap: 0.2em;\n}\n\n.cvOrg {\n font-weight: 600;\n color: var(--color-primary);\n}\n\n.cvSkill, .cvLanguage {\n text-align: left;\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n}\n\n.cvSection h3 {\n color: var(--color-text);\n font-size: var(--font-size-lg);\n font-weight: 600;\n line-height: var(--line-height-tight);\n margin-bottom: var(--spacing-xs);\n border-bottom: 1px solid var(--color-border-pale);\n padding-bottom: var(--spacing-xs);\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/CVCard.css"],names:[],mappings:"AAAA,eAAe;AACf,2DAA2D;;AAE3D;EACE,qBAAqB;AACvB;;AAEA;EACE,2BAA2B;EAC3B,gCAAgC;EAChC,oCAAoC;EACpC,aAAa;EACb,sBAAsB;EACtB,UAAU;AACZ;;AAEA;EACE,gBAAgB;EAChB,2BAA2B;AAC7B;;AAEA;EACE,gBAAgB;EAChB,2BAA2B;EAC3B,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,wBAAwB;EACxB,8BAA8B;EAC9B,gBAAgB;EAChB,qCAAqC;EACrC,gCAAgC;EAChC,iDAAiD;EACjD,iCAAiC;AACnC",sourcesContent:["/* CVCard.css */\n/* Note: Uses utilities: .section-title for cvOrg styling */\n\n.cvSection {\n margin-bottom: 1.25em;\n}\n\n.cvRole {\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n display: flex;\n flex-direction: column;\n gap: 0.2em;\n}\n\n.cvOrg {\n font-weight: 600;\n color: var(--color-primary);\n}\n\n.cvSkill, .cvLanguage {\n text-align: left;\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n}\n\n.cvSection h3 {\n color: var(--color-text);\n font-size: var(--font-size-lg);\n font-weight: 600;\n line-height: var(--line-height-tight);\n margin-bottom: var(--spacing-xs);\n border-bottom: 1px solid var(--color-border-pale);\n padding-bottom: var(--spacing-xs);\n}\n"],sourceRoot:""}]);const s=r},5223(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ChatWithMe.css */\n/* Uses utilities: .section-centered, .loading-text, .btn-primary, .btn-transparent */\n\n.chatSection {\n overflow-x: auto;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ChatWithMe.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,qFAAqF;;AAErF;EACE,gBAAgB;AAClB",sourcesContent:["/* ChatWithMe.css */\n/* Uses utilities: .section-centered, .loading-text, .btn-primary, .btn-transparent */\n\n.chatSection {\n overflow-x: auto;\n}\n"],sourceRoot:""}]);const s=r},5191(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* FriendList.css */\n/* Uses utilities: .list-reset, .section-title, .zebra-stripe, .flex, .gap-xs, .mb-md */\n\n.friendItem {\n padding: var(--spacing-xs) 0;\n font-size: 1em;\n color: var(--color-text-muted);\n}\n\n.friendItem:last-child {\n border-bottom: none;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/FriendList.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,uFAAuF;;AAEvF;EACE,4BAA4B;EAC5B,cAAc;EACd,8BAA8B;AAChC;;AAEA;EACE,mBAAmB;AACrB",sourcesContent:["/* FriendList.css */\n/* Uses utilities: .list-reset, .section-title, .zebra-stripe, .flex, .gap-xs, .mb-md */\n\n.friendItem {\n padding: var(--spacing-xs) 0;\n font-size: 1em;\n color: var(--color-text-muted);\n}\n\n.friendItem:last-child {\n border-bottom: none;\n}\n"],sourceRoot:""}]);const s=r},9662(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ProfileCard.css */\n/* Uses utilities: .action-button-focus, .btn-primary, .flex-column-center, .text-truncate, .text-center, .text-wrap-anywhere, .section-centered, .btn-transparent */\n\n.profileCard {\n /* Component container */\n}\n\n.image {\n width: 160px;\n height: 160px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n}\n\n.image-alt {\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n color: var(--color-text-secondary);\n}\n\n.name {\n font-size: var(--font-size-xl);\n font-weight: 700;\n line-height: var(--line-height-tight);\n text-decoration: underline;\n text-underline-offset: 0.2em;\n margin: 0;\n letter-spacing: var(--letter-spacing-wide);\n}\n\n.intro {\n color: var(--color-text-secondary);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n margin-bottom: var(--spacing-xs);\n max-width: 40ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n.buttonSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.buttonSubSection {\n width: 100%;\n min-width: 0;\n display: grid;\n}\n\n.buttonSubSection button {\n width: 100%;\n min-width: 0;\n}\n\n.qrCodeSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.details {\n color: var(--color-text-muted);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n max-width: 45ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* ProfileCard styles as regular CSS */\n.profile-card {\n border: 1px solid #ccc;\n padding: 16px;\n background: white;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ProfileCard.css"],names:[],mappings:"AAAA,oBAAoB;AACpB,oKAAoK;;AAEpK;EACE,wBAAwB;AAC1B;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,iBAAiB;EACjB,gCAAgC;EAChC,gCAAgC;EAChC,sCAAsC;EACtC,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,gCAAgC;EAChC,gCAAgC;EAChC,sCAAsC;EACtC,gCAAgC;EAChC,sBAAsB;EACtB,kCAAkC;AACpC;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,qCAAqC;EACrC,0BAA0B;EAC1B,4BAA4B;EAC5B,SAAS;EACT,0CAA0C;AAC5C;;AAEA;EACE,kCAAkC;EAClC,gCAAgC;EAChC,oCAAoC;EACpC,gCAAgC;EAChC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,gCAAgC;AAClC;;AAEA;EACE,8BAA8B;EAC9B,gCAAgC;EAChC,oCAAoC;EACpC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,sCAAsC;AACtC;EACE,sBAAsB;EACtB,aAAa;EACb,iBAAiB;AACnB",sourcesContent:["/* ProfileCard.css */\n/* Uses utilities: .action-button-focus, .btn-primary, .flex-column-center, .text-truncate, .text-center, .text-wrap-anywhere, .section-centered, .btn-transparent */\n\n.profileCard {\n /* Component container */\n}\n\n.image {\n width: 160px;\n height: 160px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n}\n\n.image-alt {\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n color: var(--color-text-secondary);\n}\n\n.name {\n font-size: var(--font-size-xl);\n font-weight: 700;\n line-height: var(--line-height-tight);\n text-decoration: underline;\n text-underline-offset: 0.2em;\n margin: 0;\n letter-spacing: var(--letter-spacing-wide);\n}\n\n.intro {\n color: var(--color-text-secondary);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n margin-bottom: var(--spacing-xs);\n max-width: 40ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n.buttonSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.buttonSubSection {\n width: 100%;\n min-width: 0;\n display: grid;\n}\n\n.buttonSubSection button {\n width: 100%;\n min-width: 0;\n}\n\n.qrCodeSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.details {\n color: var(--color-text-muted);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n max-width: 45ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* ProfileCard styles as regular CSS */\n.profile-card {\n border: 1px solid #ccc;\n padding: 16px;\n background: white;\n}\n"],sourceRoot:""}]);const s=r},2751(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ProfileView.css */\n/* Uses utilities: .section-bg, .text-center */\n\n/* Horizontal layout for cards */\n.profile-grid .profileSection {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n}\n\n@media (min-width: 900px) {\n .profile-grid .profileSection {\n margin-bottom: 0;\n }\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ProfileView.css"],names:[],mappings:"AAAA,oBAAoB;AACpB,8CAA8C;;AAE9C,gCAAgC;AAChC;EACE,WAAW;EACX,eAAe;EACf,sBAAsB;EACtB,gCAAgC;EAChC,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF",sourcesContent:["/* ProfileView.css */\n/* Uses utilities: .section-bg, .text-center */\n\n/* Horizontal layout for cards */\n.profile-grid .profileSection {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n}\n\n@media (min-width: 900px) {\n .profile-grid .profileSection {\n margin-bottom: 0;\n }\n}\n"],sourceRoot:""}]);const s=r},1783(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* QRCodeCard.css */\n/* Note: Uses utilities: .text-center */\n\n/* Caption under the QR code */\n.qrCaption {\n text-align: center;\n margin-top: 0;\n font-size: 0.95em;\n color: var(--color-text-secondary);\n}\n\n.QRCode {\n width: 100%;\n max-width: 320px;\n min-width: 180px;\n margin: 0 auto;\n display: block;\n}\n\n.QRCode [role="img"]:focus {\n outline: 2px solid var(--color-primary, #7C4DFF);\n outline-offset: 2px;\n box-shadow: 0 0 0 2px rgba(124,77,255,0.2);\n}',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/QRCodeCard.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,uCAAuC;;AAEvC,8BAA8B;AAC9B;EACE,kBAAkB;EAClB,aAAa;EACb,iBAAiB;EACjB,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,gDAAgD;EAChD,mBAAmB;EACnB,0CAA0C;AAC5C",sourcesContent:['/* QRCodeCard.css */\n/* Note: Uses utilities: .text-center */\n\n/* Caption under the QR code */\n.qrCaption {\n text-align: center;\n margin-top: 0;\n font-size: 0.95em;\n color: var(--color-text-secondary);\n}\n\n.QRCode {\n width: 100%;\n max-width: 320px;\n min-width: 180px;\n margin: 0 auto;\n display: block;\n}\n\n.QRCode [role="img"]:focus {\n outline: 2px solid var(--color-primary, #7C4DFF);\n outline-offset: 2px;\n box-shadow: 0 0 0 2px rgba(124,77,255,0.2);\n}'],sourceRoot:""}]);const s=r},8824(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* SocialCard.css */\n/* Uses utilities: .list-reset, .text-wrap-anywhere, .flex, .gap-sm, .gap-lg, .rounded-sm */\n\n.socialList {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--spacing-lg);\n justify-content: center;\n}\n\n.socialItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n font-size: 1.1em;\n}\n\n.socialItem span {\n min-width: 0;\n display: block;\n}\n\n.socialItem a {\n color: var(--color-primary);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n min-height: var(--min-touch-target);\n padding: var(--spacing-xs);\n border-radius: var(--border-radius-base);\n transition: background-color var(--animation-duration) ease;\n position: relative;\n flex: 1;\n min-width: 0;\n}\n\n.socialItem a:hover,\n.socialItem a:focus {\n text-decoration: underline;\n background-color: rgba(124, 77, 255, 0.1);\n}\n\n/* Screen reader only external link indication */\n.socialItem a[href^="http"]:after {\n content: " (external link)";\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.socialIcon {\n width: 2.5em;\n height: 2.5em;\n border-radius: var(--border-radius-base);\n background: var(--color-card-bg);\n flex-shrink: 0;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/SocialCard.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,2FAA2F;;AAE3F;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,2DAA2D;EAC3D,kBAAkB;EAClB,OAAO;EACP,YAAY;AACd;;AAEA;;EAEE,0BAA0B;EAC1B,yCAAyC;AAC3C;;AAEA,gDAAgD;AAChD;EACE,2BAA2B;EAC3B,kBAAkB;EAClB,cAAc;EACd,UAAU;EACV,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,wCAAwC;EACxC,gCAAgC;EAChC,cAAc;AAChB",sourcesContent:['/* SocialCard.css */\n/* Uses utilities: .list-reset, .text-wrap-anywhere, .flex, .gap-sm, .gap-lg, .rounded-sm */\n\n.socialList {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--spacing-lg);\n justify-content: center;\n}\n\n.socialItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n font-size: 1.1em;\n}\n\n.socialItem span {\n min-width: 0;\n display: block;\n}\n\n.socialItem a {\n color: var(--color-primary);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n min-height: var(--min-touch-target);\n padding: var(--spacing-xs);\n border-radius: var(--border-radius-base);\n transition: background-color var(--animation-duration) ease;\n position: relative;\n flex: 1;\n min-width: 0;\n}\n\n.socialItem a:hover,\n.socialItem a:focus {\n text-decoration: underline;\n background-color: rgba(124, 77, 255, 0.1);\n}\n\n/* Screen reader only external link indication */\n.socialItem a[href^="http"]:after {\n content: " (external link)";\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.socialIcon {\n width: 2.5em;\n height: 2.5em;\n border-radius: var(--border-radius-base);\n background: var(--color-card-bg);\n flex-shrink: 0;\n}\n'],sourceRoot:""}]);const s=r},5295(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* StuffCard.css */\n/* Uses utilities: .zebra-stripe */\n\n.stuffTable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: var(--spacing-md);\n caption-side: top;\n}\n\n.stuffTable caption {\n font-weight: 600;\n padding: var(--spacing-sm);\n text-align: left;\n color: var(--color-text);\n}\n\n.stuffTable th,\n.stuffTable td {\n padding: var(--spacing-sm) var(--spacing-md);\n text-align: left;\n line-height: 1.4;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/StuffCard.css"],names:[],mappings:"AAAA,kBAAkB;AAClB,kCAAkC;;AAElC;EACE,WAAW;EACX,yBAAyB;EACzB,gCAAgC;EAChC,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;;EAEE,4CAA4C;EAC5C,gBAAgB;EAChB,gBAAgB;AAClB",sourcesContent:["/* StuffCard.css */\n/* Uses utilities: .zebra-stripe */\n\n.stuffTable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: var(--spacing-md);\n caption-side: top;\n}\n\n.stuffTable caption {\n font-weight: 600;\n padding: var(--spacing-sm);\n text-align: left;\n color: var(--color-text);\n}\n\n.stuffTable th,\n.stuffTable td {\n padding: var(--spacing-sm) var(--spacing-md);\n text-align: left;\n line-height: 1.4;\n}\n"],sourceRoot:""}]);const s=r},2024(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* this overrides a style coming from contacts-pane*/\n.profile-form .individualPane {\n box-shadow: none !important;\n}\n\n/* Vertically center autocomplete input in .formFieldValue */\n.profile-form .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n/* Solid-UI form sizing fixes scoped to Edit CV section */\n.profile-form .hoverControl:not(:has(> img:first-child)) {\n border: 0.1em solid rgb(136, 136, 136) !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.profile-form .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.profile-form .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.profile-form button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.profile-form button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.profile-form input:not([type="color"]),\n.profile-form textarea,\n.profile-form select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.profile-form textarea {\n border-color: var(--color-border-pale) !important;\n}\n\n.profile-form input[type="date"],\n.profile-form input[type="month"],\n.profile-form input[type="week"],\n.profile-form input[type="time"],\n.profile-form input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.profile-form .hoverControl:has(> img:first-child):focus-visible,\n.profile-form button:focus-visible,\n.profile-form input:not([type="color"]):focus-visible,\n.profile-form textarea:focus-visible,\n.profile-form select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.profile-form input[type="url"] {\n width: 100%;\n}\n\n.profile-form .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.profile-form .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.profile-form .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.profile-form .formFieldValue input:not([type="color"]),\n.profile-form .formFieldValue textarea,\n.profile-form .formFieldValue select {\n width: 100%;\n max-width: 100%;\n}\n\n.profile-form select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.profile-form > div:first-of-type,\n.profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Remove border/padding from the inner div of the first wrapper in the contact section. */\nsection[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.profile-form .choiceBox .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\n.profile-form .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.profile-form .classifierBox .classifierBox-label {\n /* Match .formFieldName for alignment */\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n.profile-form .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.profile-form .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.profile-form .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n/* for the social media */\n/* Add space between classifierBox label and select box */\nsection[data-testid="edit-social-section"] .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\nsection[data-testid="edit-social-section"] .classifierBox-selectBox select {\n margin-left: 0.7em !important;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.profile-form textarea,\n.profile-form .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border: .05em solid #88c !important;\n border-style: solid !important;\n border-width: .05em !important;\n border-color: #88c !important;\n border-radius: 0.2em !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.profile-form div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: 0.55em !important;\n}\n\n.profile-form .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"],\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.profile-form input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form input:disabled,\n.profile-form textarea:disabled,\n.profile-form select:disabled,\n.profile-form input[readonly],\n.profile-form textarea[readonly],\n.profile-form input:read-only,\n.profile-form textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid white !important;\n}\n\n.webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/rdfFormsEnforced.css"],names:[],mappings:"AAAA,oDAAoD;AACpD;EACE,2BAA2B;AAC7B;;AAEA,4DAA4D;AAC5D;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;AACA,yDAAyD;AACzD;EACE,iDAAiD;AACnD;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,yBAAyB;EACzB,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;EACvB,wBAAwB;EACxB,cAAc;EACd,wBAAwB;EACxB,yBAAyB;EACzB,0BAA0B;EAC1B,+BAA+B;AACjC;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;;EAGE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;EACE,iDAAiD;AACnD;;AAEA;;;;;EAKE,mCAAmC;AACrC;;AAEA;;;;;EAKE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,YAAY;AACd;;AAEA;;;EAGE,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,sBAAsB;EACtB,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;EACE,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,oFAAoF;AACpF;;EAEE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,0FAA0F;AAC1F;EACE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,sEAAsE;AACtE;EACE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,8FAA8F;AAC9F;EACE,aAAa;EACb,gCAAgC;AAClC;;AAEA,6CAA6C;AAC7C,yDAAyD;AACzD;EACE,qDAAqD;EACrD,eAAe;EACf,mBAAmB;AACrB;AACA;EACE,6BAA6B;AAC/B;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;EACE,uCAAuC;EACvC,eAAe;EACf,mBAAmB;EACnB,UAAU;EACV,cAAc;EACd,sBAAsB;AACxB;AACA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA,yBAAyB;AACzB,yDAAyD;AACzD;EACE,qDAAqD;EACrD,eAAe;EACf,mBAAmB;AACrB;AACA;EACE,6BAA6B;AAC/B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;;;;EAKE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;;;;;EAKE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;EACtB,OAAO;EACP,YAAY;AACd;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;EACxB,mCAAmC;EACnC,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;EAC7B,+BAA+B;EAC/B,WAAW;EACX,sBAAsB;EACtB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,gFAAgF;AAChF;EACE,8BAA8B;AAChC;;AAEA,mDAAmD;AACnD;EACE,uBAAuB;AACzB;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA,2FAA2F;AAC3F;EACE,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;;EAEE,oBAAoB;AACtB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;;;;EAOE,oDAAoD;EACpD,mBAAmB;EACnB,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB",sourcesContent:['/* this overrides a style coming from contacts-pane*/\n.profile-form .individualPane {\n box-shadow: none !important;\n}\n\n/* Vertically center autocomplete input in .formFieldValue */\n.profile-form .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n/* Solid-UI form sizing fixes scoped to Edit CV section */\n.profile-form .hoverControl:not(:has(> img:first-child)) {\n border: 0.1em solid rgb(136, 136, 136) !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.profile-form .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.profile-form .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.profile-form button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.profile-form button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.profile-form input:not([type="color"]),\n.profile-form textarea,\n.profile-form select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.profile-form textarea {\n border-color: var(--color-border-pale) !important;\n}\n\n.profile-form input[type="date"],\n.profile-form input[type="month"],\n.profile-form input[type="week"],\n.profile-form input[type="time"],\n.profile-form input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.profile-form .hoverControl:has(> img:first-child):focus-visible,\n.profile-form button:focus-visible,\n.profile-form input:not([type="color"]):focus-visible,\n.profile-form textarea:focus-visible,\n.profile-form select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.profile-form input[type="url"] {\n width: 100%;\n}\n\n.profile-form .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.profile-form .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.profile-form .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.profile-form .formFieldValue input:not([type="color"]),\n.profile-form .formFieldValue textarea,\n.profile-form .formFieldValue select {\n width: 100%;\n max-width: 100%;\n}\n\n.profile-form select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.profile-form > div:first-of-type,\n.profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Remove border/padding from the inner div of the first wrapper in the contact section. */\nsection[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.profile-form .choiceBox .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\n.profile-form .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.profile-form .classifierBox .classifierBox-label {\n /* Match .formFieldName for alignment */\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n.profile-form .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.profile-form .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.profile-form .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n/* for the social media */\n/* Add space between classifierBox label and select box */\nsection[data-testid="edit-social-section"] .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\nsection[data-testid="edit-social-section"] .classifierBox-selectBox select {\n margin-left: 0.7em !important;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.profile-form textarea,\n.profile-form .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border: .05em solid #88c !important;\n border-style: solid !important;\n border-width: .05em !important;\n border-color: #88c !important;\n border-radius: 0.2em !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.profile-form div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: 0.55em !important;\n}\n\n.profile-form .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"],\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.profile-form input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form input:disabled,\n.profile-form textarea:disabled,\n.profile-form select:disabled,\n.profile-form input[readonly],\n.profile-form textarea[readonly],\n.profile-form input:read-only,\n.profile-form textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid white !important;\n}\n\n.webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n'],sourceRoot:""}]);const s=r},6723(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* Utility-first CSS classes for layout, spacing, and responsiveness */\n\n.actionButton {\n width: 100%;\n min-width: 180px;\n max-width: 320px;\n box-sizing: border-box;\n display: inline-block;\n}\n\n/* ===========================================\n PROFILE GRID LAYOUT\n =========================================== */\n\n.profile-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));\n gap: var(--spacing-lg);\n background: var(--color-background);\n}\n\n.profile-header,\n.profile-footer {\n grid-column: 1 / -1;\n}\n\n.center {\n justify-content: center;\n align-items: center;\n}\n\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n\n/* Spacing utilities using CSS variables */\n.gap-xs { gap: var(--spacing-xs); }\n.gap-sm { gap: var(--spacing-sm); }\n.gap-md { gap: var(--spacing-md); }\n.gap-lg { gap: var(--spacing-lg); }\n.gap-xl { gap: var(--spacing-xl); }\n\n.mt-xs { margin-top: var(--spacing-xs); }\n.mt-sm { margin-top: var(--spacing-sm); }\n.mt-md { margin-top: var(--spacing-md); }\n.mt-lg { margin-top: var(--spacing-lg); }\n\n.mb-xs { margin-bottom: var(--spacing-xs); }\n.mb-sm { margin-bottom: var(--spacing-sm); }\n.mb-md { margin-bottom: var(--spacing-md); }\n.mb-lg { margin-bottom: var(--spacing-lg); }\n\n.p-xs { padding: var(--spacing-xs); }\n.p-sm { padding: var(--spacing-sm); }\n.p-md { padding: var(--spacing-md); }\n.p-lg { padding: var(--spacing-lg); }\n\n.rounded { border-radius: var(--border-radius-full); }\n.rounded-sm { border-radius: var(--border-radius-base); }\n\n.shadow { box-shadow: var(--box-shadow); }\n.shadow-sm { box-shadow: var(--box-shadow-sm); }\n\n.bg-primary {\n background: var(--color-primary);\n color: #fff;\n}\n.bg-card {\n background: var(--color-card-bg);\n}\n\n/* Accessibility utilities */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.min-touch-target {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n/* Enhanced accessibility utilities */\n.visually-hidden {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.visually-hidden.focusable:focus,\n.visually-hidden.focusable:active {\n position: static !important;\n width: auto !important;\n height: auto !important;\n padding: inherit !important;\n margin: inherit !important;\n overflow: visible !important;\n clip: auto !important;\n white-space: inherit !important;\n}\n\n/* Skip links utility */\n.skip-links {\n position: absolute;\n top: -100px;\n left: 0;\n z-index: 1000;\n}\n\n.skip-links a {\n position: absolute;\n left: 6px;\n top: 6px;\n padding: var(--spacing-sm);\n background: var(--color-primary);\n color: white;\n text-decoration: none;\n border-radius: var(--border-radius-base);\n}\n\n.skip-links a:focus {\n top: 6px;\n}\n\n.reduced-motion {\n animation: none !important;\n transition: none !important;\n}\n\n/* Focus management */\n.focus-ring {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n}\n\n.no-focus-ring {\n outline: none;\n}\n\n.no-focus-ring:focus-visible {\n outline: none;\n box-shadow: none;\n}\n\n/* ARIA live regions */\n.live-region {\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n/* Note: Use aria-live="polite" or aria-live="assertive" HTML attributes with .live-region */\n\n/* Text scaling utilities */\n.text-scale-friendly {\n line-height: 1.5;\n max-width: 70ch; /* Optimal reading length */\n}\n\n/* Text accessibility utilities */\n.text-readable {\n line-height: var(--line-height-base);\n max-width: 65ch;\n}\n\n.text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--line-height-base);\n}\n\n.text-small {\n font-size: max(var(--font-size-sm), var(--min-font-size));\n line-height: var(--min-line-height);\n}\n\n.text-contrast-high {\n color: var(--color-text);\n font-weight: 600;\n}\n\n:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n}\n\n/* Better focus for text elements */\n.focusable-text:focus {\n background-color: rgba(124, 77, 255, 0.1);\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n border-radius: 2px;\n}\n\n/* High contrast text */\n.high-contrast {\n color: var(--color-text);\n background: var(--color-background);\n border: 1px solid var(--color-border-pale);\n}\n\n/* ===========================================\n CONSOLIDATED COMPONENT PATTERNS\n =========================================== */\n\n/* Primary Button - used by ChatWithMe, ProfileCard */\n.btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: white;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.action-button-focus:focus,\n.action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* List Reset - used by FriendList, SocialCard, nav */\n.list-reset {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n/* Zebra Striping - used by FriendList, StuffCard tables */\n.zebra-stripe tr:nth-child(even),\n.zebra-stripe > *:nth-child(even) {\n background-color: rgba(0, 0, 0, 0.02);\n}\n\n/* Section Title - primary colored heading */\n.section-title {\n font-size: 1.25em;\n font-weight: 600;\n color: var(--color-primary);\n margin: 0;\n}\n\n/* Text Overflow - used by ProfileCard, SocialCard */\n.text-truncate {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.text-wrap-anywhere {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* Loading Text - primary colored centered loading indicator */\n.loading-text {\n color: var(--color-primary);\n text-align: center;\n margin: var(--spacing-md) 0;\n}\n\n/* Centered Section - flex column with center alignment */\n.section-centered {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/* Card Section Background */\n.section-bg {\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n padding: var(--spacing-md);\n}\n\n\n/* Transparent button override (for solid-ui integration) */\n.btn-transparent {\n background-color: transparent;\n}\n\n.btn-transparent:hover {\n background-color: transparent;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/utilities.css"],names:[],mappings:"AAAA,sEAAsE;;AAEtE;EACE,WAAW;EACX,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,qBAAqB;AACvB;;AAEA;;gDAEgD;;AAEhD;EACE,aAAa;EACb,0DAA0D;EAC1D,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;;EAEE,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;AACA;EACE,aAAa;AACf;;AAEA,0CAA0C;AAC1C,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;;AAElC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;;AAExC,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;;AAE3C,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;;AAEpC,WAAW,wCAAwC,EAAE;AACrD,cAAc,wCAAwC,EAAE;;AAExD,UAAU,6BAA6B,EAAE;AACzC,aAAa,gCAAgC,EAAE;;AAE/C;EACE,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,gCAAgC;AAClC;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,UAAU;EACV,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA,qCAAqC;AACrC;EACE,6BAA6B;EAC7B,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,uBAAuB;EACvB,2BAA2B;EAC3B,iCAAiC;EACjC,8BAA8B;EAC9B,oBAAoB;AACtB;;AAEA;;EAEE,2BAA2B;EAC3B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,0BAA0B;EAC1B,4BAA4B;EAC5B,qBAAqB;EACrB,+BAA+B;AACjC;;AAEA,uBAAuB;AACvB;EACE,kBAAkB;EAClB,WAAW;EACX,OAAO;EACP,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,0BAA0B;EAC1B,gCAAgC;EAChC,YAAY;EACZ,qBAAqB;EACrB,wCAAwC;AAC1C;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,qBAAqB;AACrB;EACE,uCAAuC;EACvC,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;EACb,gBAAgB;AAClB;;AAEA,sBAAsB;AACtB;EACE,kBAAkB;EAClB,cAAc;EACd,UAAU;EACV,WAAW;EACX,gBAAgB;AAClB;;AAEA,4FAA4F;;AAE5F,2BAA2B;AAC3B;EACE,gBAAgB;EAChB,eAAe,EAAE,2BAA2B;AAC9C;;AAEA,iCAAiC;AACjC;EACE,oCAAoC;EACpC,eAAe;AACjB;;AAEA;EACE,8BAA8B;EAC9B,oCAAoC;AACtC;;AAEA;EACE,yDAAyD;EACzD,mCAAmC;AACrC;;AAEA;EACE,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,2DAA2D;EAC3D,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,gBAAgB;AAClB;;AAEA,mCAAmC;AACnC;EACE,yCAAyC;EACzC,uCAAuC;EACvC,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA,uBAAuB;AACvB;EACE,wBAAwB;EACxB,mCAAmC;EACnC,0CAA0C;AAC5C;;AAEA;;gDAEgD;;AAEhD,qDAAqD;AACrD;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gCAAgC;EAChC,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,eAAe;AACjB;;AAEA,0DAA0D;AAC1D;;EAEE,kDAAkD;EAClD,8BAA8B;EAC9B,4FAA4F;EAC5F,UAAU;AACZ;;AAEA,qDAAqD;AACrD;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;AACX;;AAEA,0DAA0D;AAC1D;;EAEE,qCAAqC;AACvC;;AAEA,4CAA4C;AAC5C;EACE,iBAAiB;EACjB,gBAAgB;EAChB,2BAA2B;EAC3B,SAAS;AACX;;AAEA,oDAAoD;AACpD;EACE,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA,8DAA8D;AAC9D;EACE,2BAA2B;EAC3B,kBAAkB;EAClB,2BAA2B;AAC7B;;AAEA,yDAAyD;AACzD;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,wCAAwC;EACxC,6BAA6B;EAC7B,0BAA0B;AAC5B;;;AAGA,2DAA2D;AAC3D;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B",sourcesContent:['/* Utility-first CSS classes for layout, spacing, and responsiveness */\n\n.actionButton {\n width: 100%;\n min-width: 180px;\n max-width: 320px;\n box-sizing: border-box;\n display: inline-block;\n}\n\n/* ===========================================\n PROFILE GRID LAYOUT\n =========================================== */\n\n.profile-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));\n gap: var(--spacing-lg);\n background: var(--color-background);\n}\n\n.profile-header,\n.profile-footer {\n grid-column: 1 / -1;\n}\n\n.center {\n justify-content: center;\n align-items: center;\n}\n\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n\n/* Spacing utilities using CSS variables */\n.gap-xs { gap: var(--spacing-xs); }\n.gap-sm { gap: var(--spacing-sm); }\n.gap-md { gap: var(--spacing-md); }\n.gap-lg { gap: var(--spacing-lg); }\n.gap-xl { gap: var(--spacing-xl); }\n\n.mt-xs { margin-top: var(--spacing-xs); }\n.mt-sm { margin-top: var(--spacing-sm); }\n.mt-md { margin-top: var(--spacing-md); }\n.mt-lg { margin-top: var(--spacing-lg); }\n\n.mb-xs { margin-bottom: var(--spacing-xs); }\n.mb-sm { margin-bottom: var(--spacing-sm); }\n.mb-md { margin-bottom: var(--spacing-md); }\n.mb-lg { margin-bottom: var(--spacing-lg); }\n\n.p-xs { padding: var(--spacing-xs); }\n.p-sm { padding: var(--spacing-sm); }\n.p-md { padding: var(--spacing-md); }\n.p-lg { padding: var(--spacing-lg); }\n\n.rounded { border-radius: var(--border-radius-full); }\n.rounded-sm { border-radius: var(--border-radius-base); }\n\n.shadow { box-shadow: var(--box-shadow); }\n.shadow-sm { box-shadow: var(--box-shadow-sm); }\n\n.bg-primary {\n background: var(--color-primary);\n color: #fff;\n}\n.bg-card {\n background: var(--color-card-bg);\n}\n\n/* Accessibility utilities */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.min-touch-target {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n/* Enhanced accessibility utilities */\n.visually-hidden {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.visually-hidden.focusable:focus,\n.visually-hidden.focusable:active {\n position: static !important;\n width: auto !important;\n height: auto !important;\n padding: inherit !important;\n margin: inherit !important;\n overflow: visible !important;\n clip: auto !important;\n white-space: inherit !important;\n}\n\n/* Skip links utility */\n.skip-links {\n position: absolute;\n top: -100px;\n left: 0;\n z-index: 1000;\n}\n\n.skip-links a {\n position: absolute;\n left: 6px;\n top: 6px;\n padding: var(--spacing-sm);\n background: var(--color-primary);\n color: white;\n text-decoration: none;\n border-radius: var(--border-radius-base);\n}\n\n.skip-links a:focus {\n top: 6px;\n}\n\n.reduced-motion {\n animation: none !important;\n transition: none !important;\n}\n\n/* Focus management */\n.focus-ring {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n}\n\n.no-focus-ring {\n outline: none;\n}\n\n.no-focus-ring:focus-visible {\n outline: none;\n box-shadow: none;\n}\n\n/* ARIA live regions */\n.live-region {\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n/* Note: Use aria-live="polite" or aria-live="assertive" HTML attributes with .live-region */\n\n/* Text scaling utilities */\n.text-scale-friendly {\n line-height: 1.5;\n max-width: 70ch; /* Optimal reading length */\n}\n\n/* Text accessibility utilities */\n.text-readable {\n line-height: var(--line-height-base);\n max-width: 65ch;\n}\n\n.text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--line-height-base);\n}\n\n.text-small {\n font-size: max(var(--font-size-sm), var(--min-font-size));\n line-height: var(--min-line-height);\n}\n\n.text-contrast-high {\n color: var(--color-text);\n font-weight: 600;\n}\n\n:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n}\n\n/* Better focus for text elements */\n.focusable-text:focus {\n background-color: rgba(124, 77, 255, 0.1);\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n border-radius: 2px;\n}\n\n/* High contrast text */\n.high-contrast {\n color: var(--color-text);\n background: var(--color-background);\n border: 1px solid var(--color-border-pale);\n}\n\n/* ===========================================\n CONSOLIDATED COMPONENT PATTERNS\n =========================================== */\n\n/* Primary Button - used by ChatWithMe, ProfileCard */\n.btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: white;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.action-button-focus:focus,\n.action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* List Reset - used by FriendList, SocialCard, nav */\n.list-reset {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n/* Zebra Striping - used by FriendList, StuffCard tables */\n.zebra-stripe tr:nth-child(even),\n.zebra-stripe > *:nth-child(even) {\n background-color: rgba(0, 0, 0, 0.02);\n}\n\n/* Section Title - primary colored heading */\n.section-title {\n font-size: 1.25em;\n font-weight: 600;\n color: var(--color-primary);\n margin: 0;\n}\n\n/* Text Overflow - used by ProfileCard, SocialCard */\n.text-truncate {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.text-wrap-anywhere {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* Loading Text - primary colored centered loading indicator */\n.loading-text {\n color: var(--color-primary);\n text-align: center;\n margin: var(--spacing-md) 0;\n}\n\n/* Centered Section - flex column with center alignment */\n.section-centered {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/* Card Section Background */\n.section-bg {\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n padding: var(--spacing-md);\n}\n\n\n/* Transparent button override (for solid-ui integration) */\n.btn-transparent {\n background-color: transparent;\n}\n\n.btn-transparent:hover {\n background-color: transparent;\n}\n'],sourceRoot:""}]);const s=r},9405(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* Styles extracted from manager.js */\n\n.obj {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n}\n\n.pred, .pred.internal {\n /* Add any specific styles for predicate TDs here */\n}\n\n.iconTD {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n width: 0px;\n}\n\n.labelTD {\n width: 100%;\n}\n\n.paneIconTray {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.paneShown {\n width: 24px;\n border-radius: 0.5em;\n border-top: solid #222 1px;\n border-left: solid #222 0.1em;\n border-bottom: solid #eee 0.1em;\n border-right: solid #eee 0.1em;\n margin-left: 1em;\n padding: 3px;\n background-color: #ffd;\n}\n\n.paneHidden {\n width: 24px;\n border-radius: 0.5em;\n margin-left: 1em;\n padding: 3px;\n}\n\n.header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.strongHeader {\n font-size: 150%;\n margin: 0 0.6em 0 0;\n padding: 0.1em 0.4em;\n}\n\n.tableFullWidth {\n width: 100%;\n}\n\n.placeholderTable {\n width: 100%;\n}\n\n.tdFlex {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n}\n","",{version:3,sources:["webpack://./src/outline/manager.css"],names:[],mappings:"AAAA,qCAAqC;;AAErC;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;AACrB;;AAEA;EACE,mDAAmD;AACrD;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,oBAAoB;EACpB,0BAA0B;EAC1B,6BAA6B;EAC7B,+BAA+B;EAC/B,8BAA8B;EAC9B,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,oBAAoB;EACpB,gBAAgB;EAChB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;AACrB",sourcesContent:["/* Styles extracted from manager.js */\n\n.obj {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n}\n\n.pred, .pred.internal {\n /* Add any specific styles for predicate TDs here */\n}\n\n.iconTD {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n width: 0px;\n}\n\n.labelTD {\n width: 100%;\n}\n\n.paneIconTray {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.paneShown {\n width: 24px;\n border-radius: 0.5em;\n border-top: solid #222 1px;\n border-left: solid #222 0.1em;\n border-bottom: solid #eee 0.1em;\n border-right: solid #eee 0.1em;\n margin-left: 1em;\n padding: 3px;\n background-color: #ffd;\n}\n\n.paneHidden {\n width: 24px;\n border-radius: 0.5em;\n margin-left: 1em;\n padding: 3px;\n}\n\n.header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.strongHeader {\n font-size: 150%;\n margin: 0 0.6em 0 0;\n padding: 0.1em 0.4em;\n}\n\n.tableFullWidth {\n width: 100%;\n}\n\n.placeholderTable {\n width: 100%;\n}\n\n.tdFlex {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n}\n"],sourceRoot:""}]);const s=r},6314(e){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(r[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);a&&r[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),n.push(u))}},n}},1354(e){"use strict";e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(i," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},6320(e){"use strict";var n={single_source_shortest_paths:function(e,t,a){var i={},o={};o[t]=0;var r,s,l,c,u,d,p,f=n.PriorityQueue.make();for(f.push(t,0);!f.empty();)for(l in s=(r=f.pop()).value,c=r.cost,u=e[s]||{})u.hasOwnProperty(l)&&(d=c+u[l],p=o[l],(void 0===o[l]||p>d)&&(o[l]=d,f.push(l,d),i[l]=s));if(void 0!==a&&void 0===o[a]){var m=["Could not find a path from ",t," to ",a,"."].join("");throw new Error(m)}return i},extract_shortest_path_from_predecessor_list:function(e,n){for(var t=[],a=n;a;)t.push(a),e[a],a=e[a];return t.reverse(),t},find_path:function(e,t,a){var i=n.single_source_shortest_paths(e,t,a);return n.extract_shortest_path_from_predecessor_list(i,a)},PriorityQueue:{make:function(e){var t,a=n.PriorityQueue,i={};for(t in e=e||{},a)a.hasOwnProperty(t)&&(i[t]=a[t]);return i.queue=[],i.sorter=e.sorter||a.default_sorter,i},default_sorter:function(e,n){return e.cost-n.cost},push:function(e,n){var t={value:e,cost:n};this.queue.push(t),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return 0===this.queue.length}}};e.exports=n},4146(e,n,t){"use strict";var a=t(3404),i={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},r={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return a.isMemo(e)?r:s[e.$$typeof]||i}s[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[a.Memo]=r;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(n,t,a){if("string"!=typeof t){if(m){var i=f(t);i&&i!==m&&e(n,i,a)}var r=u(t);d&&(r=r.concat(d(t)));for(var s=l(n),h=l(t),g=0;g<r.length;++g){var b=r[g];if(!(o[b]||a&&a[b]||h&&h[b]||s&&s[b])){var v=p(t,b);try{c(n,b,v)}catch(e){}}}}return n}},3072(e,n){"use strict";var t="function"==typeof Symbol&&Symbol.for,a=t?Symbol.for("react.element"):60103,i=t?Symbol.for("react.portal"):60106,o=t?Symbol.for("react.fragment"):60107,r=t?Symbol.for("react.strict_mode"):60108,s=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,u=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,h=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,v=t?Symbol.for("react.fundamental"):60117,A=t?Symbol.for("react.responder"):60118,y=t?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case a:switch(e=e.type){case u:case d:case o:case s:case r:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return n}}case i:return n}}}function x(e){return w(e)===d}n.AsyncMode=u,n.ConcurrentMode=d,n.ContextConsumer=c,n.ContextProvider=l,n.Element=a,n.ForwardRef=p,n.Fragment=o,n.Lazy=g,n.Memo=h,n.Portal=i,n.Profiler=s,n.StrictMode=r,n.Suspense=f,n.isAsyncMode=function(e){return x(e)||w(e)===u},n.isConcurrentMode=x,n.isContextConsumer=function(e){return w(e)===c},n.isContextProvider=function(e){return w(e)===l},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},n.isForwardRef=function(e){return w(e)===p},n.isFragment=function(e){return w(e)===o},n.isLazy=function(e){return w(e)===g},n.isMemo=function(e){return w(e)===h},n.isPortal=function(e){return w(e)===i},n.isProfiler=function(e){return w(e)===s},n.isStrictMode=function(e){return w(e)===r},n.isSuspense=function(e){return w(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===s||e===r||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===v||e.$$typeof===A||e.$$typeof===y||e.$$typeof===b)},n.typeOf=w},3404(e,n,t){"use strict";e.exports=t(3072)},3931(e,n,t){var a,i,o;e.exports=(a=t(9426),i=t(5663),o=t(5491),(()=>{"use strict";var e={85:(e,n,t)=>{t.d(n,{board:()=>r});var a=t(426),i=t(663),o=t(264);function r(e,n,t,r){const s=e.createElement("div");s.style="width: 100%;",s.style.margin="1em";const l=s.appendChild(e.createElement("table"));l.style="width: 100%;",l.style.borderCollapse="collapse";const c=l.appendChild(e.createElement("tr")),u=l.appendChild(e.createElement("tr"));function d(n,t){const o=e.createElement("div"),r=o.appendChild(e.createElement("table")),s=i.store.each(n,a.ns.rdf("type")).map(e=>i.store.any(e,a.ns.ui("backgroundColor"))).filter(e=>e);r.appendChild(a.widgets.personTR(e,null,n)),r.subject=n,r.style="margin: 1em;";const l=s[0]||i.store.any(t,a.ns.ui("backgroundColor"));return o.style.backgroundColor=l?l.value:"#fff",o}function p(e,n,t,a){const o=e.map(e=>[i.store.any(e,n)||t,e]);return o.sort(),a&&o.reverse(),o.map(e=>e[1])}return n.forEach(n=>{const t=c.appendChild(e.createElement("th"));t.textContent=a.utils.label(n,!0),t.subject=n,t.style="margin: 0.3em; padding: 0.5em 1em; font-treatment: bold; font-size: 120%;";const o=u.appendChild(e.createElement("td"));o.subject=n,o.style="border: 0.01em solid white; padding: 0.1em;",r.columnDropHandler&&a.widgets.makeDropTarget(o,function(e){e.forEach(function(e){console.log("Dropped on column: "+e);const t=i.store.sym(e);r.columnDropHandler(t,n)})})}),s.refresh=function(){const e=new o.Literal(new Date),n=t||r.renderItem||d;function s(e){const t=n(e);return a.widgets.makeDraggable(t,e),t.subject=e,t}for(let n=u.firstChild;n;n=n.nextSibling){const t=n.subject;let o=i.store.each(null,a.ns.rdf("type"),t);const l=r.sortBy||a.ns.dct("created");r.filter&&(o=o.filter(r.filter));const c=p(o,l,e,!0);a.utils.syncTableToArrayReOrdered(n,c,s)}},s.refresh(),s}},178:(e,n,t)=>{t.d(n,{exposeOverlay:()=>m,getState:()=>d,renderIssue:()=>g,renderIssueCard:()=>f});var a=t(426),i=t(663),o=t(324),r=t(264);const s=i.store,l=!1,c=a.icons.iconBase+"noun_17020_gray-tick.svg",u=(a.icons.iconBase,a.icons.iconBase+"noun_17020.svg");function d(e,n){const t=s.the(e,a.ns.wf("tracker"),null,e.doc()),i=s.any(t,a.ns.wf("issueClass"));n=n||i;const o=s.each(e,a.ns.rdf("type")).filter(e=>s.holds(e,a.ns.rdfs("subClassOf"),n));if(1!==o.length)throw new Error("Issue must have one type as state: "+o.length);return o[0]}function p(e){const n=s.each(e,a.ns.rdf("type")).map(e=>s.any(e,a.ns.ui("backgroundColor"))).filter(e=>!!e);return n.length?n[0].value:null}function f(e,n){function t(){const n=p(e)||"white";r.style.backgroundColor=n,u.style.backgroundColor=n}const i=n.dom,o=!p(e),r=i.createElement("div"),l=r.appendChild(i.createElement("table"));l.style.width="100%",l.appendChild(a.widgets.personTR(i,null,e,{draggable:!1})),l.subject=e,r.style="border-radius: 0.4em; border: 0.05em solid grey; margin: 0.3em;",r.firstChild.firstChild.firstChild.firstChild.setAttribute("src",a.icons.iconBase+"noun_Danger_1259514.svg");const c=r.firstChild.firstChild.children[2],u=a.widgets.button(i,a.icons.iconBase+"noun_253504.svg","edit",async t=>{m(e,n)}),d=u.firstChild;if(d.style.width=d.style.height="1.5em",c.appendChild(u),o){const t=a.widgets.deleteButtonWithCheck(i,c,"issue",async function(){try{await s.updater.update(s.connectedStatements(e))}catch(e){!function(e,n){console.warn(e),n.paneDiv.appendChild(a.widgets.errorMessageBlock(n.dom,e))}(`Unable to delete issue: ${e}`,n)}console.log("User deleted issue "+e),r.parentNode.removeChild(r),a.widgets.refreshTree(n.paneDiv)});c.appendChild(t)}return r.style.maxWidth="24em",r.refresh=t,t(),r}function m(e,n){const t=n.overlay;t.innerHTML="";const i=t.appendChild(a.widgets.button(n.dom,a.icons.iconBase+"noun_1180156.svg","close",function(){t.innerHTML="",t.style.visibility="hidden"}));i.style.float="right",i.style.margin="0.7em",delete i.style.backgroundColor,t.style.visibility="visible",t.appendChild(g(e,n)),t.firstChild.style.overflow="auto"}function h(e,n){const t=e.createElement("div");return t.setAttribute("style","height: 1em; margin: 0.5em;"),t.style.backgroundColor=n,t}function g(e,n){function t(n,t,i){if(l){if(!g(v,"trackLastModified"))return;const n=t.statementsMatching(e,a.ns.dct("modified")).concat(t.statementsMatching(e,a.ns.wf("modifiedBy"))),o=[r.st(e,a.ns.dct("modified"),new Date,i)];x&&o.push(r.st(e,a.ns.wf("modifiedBy"),x,i)),t.updater.update(n,o,function(e,n,t){})}}function d(e,n){const t=b.createElement("pre");return t.setAttribute("style",n||"color: grey"),w.appendChild(t),t.appendChild(b.createTextNode(e)),t}function f(e){console.warn(e),w.appendChild(a.widgets.errorMessageBlock(b,e))}function m(e,n){e||f("Sorry, failed to save your change:\n"+n)}function g(e,n){const t=s.any(e,a.ns.ui(n));return!(!t||!t.value)}const b=n.dom,v=s.the(e,a.ns.wf("tracker"),null,e.doc());if(!v)throw new Error("No tracker");const A=s.any(v,a.ns.wf("stateStore")),y=e.doc(),w=b.createElement("div"),x=i.authn.currentUser(),C=p(e)||"white";!function(){const n="padding: 0.5em 1.5em 1em 1.5em; border: 0.7em;border-color: "+(p(e)||"#eee")+"; ";w.setAttribute("style",n),w.style.backgroundColor="white"}(),i.authn.checkUser();const E=w.appendChild(a.widgets.button(b,function(e){return function(e){return!!s.findTypeURIs(e)[a.ns.wf("Open").uri]}(e)?c:u}(e)));a.widgets.makeDraggable(E,e);const k=s.any(v,a.ns.wf("issueClass"));if(!k)throw new Error("This tracker "+v+" has no issueClass");const B=a.widgets.makeSelectForCategory(b,s,e,k,A,function(e,n){e?(t(0,s,y),a.widgets.refreshTree(w)):console.log("Failed to change state:\n"+n)});w.appendChild(B);const S=s.each(v,a.ns.wf("issueCategory"));for(const n of S)w.appendChild(a.widgets.makeSelectForCategory(b,s,e,n,A,function(e,n){e?(t(0,s,y),a.widgets.refreshTree(w)):console.log("Failed to change category:\n"+n)}));const T=b.createElement("a");T.setAttribute("href",v.uri),T.setAttribute("style","float:right"),w.appendChild(T).textContent=a.utils.label(v),T.addEventListener("click",a.widgets.openHrefInOutlineMode,!0);const P=a.ns.wf("coreIsueForm");r.parse('\n @prefix : <http://www.w3.org/ns/ui#> .\n @prefix core: <http://www.w3.org/2005/01/wf/flow#>.\n @prefix dc: <http://purl.org/dc/elements/1.1/>.\n @prefix wf: <http://www.w3.org/2005/01/wf/flow#> .\n\n core:coreIsueForm a :Form;\n <http://purl.org/dc/elements/1.1/title> "Core issue data";\n :parts (\n core:titleField\n core:descriptionField ) .\n\n core:descriptionField a :MultiLineTextField;\n :label "Description";\n :property wf:description;\n :size "40" .\n\n core:titleField a :SingleLineTextField;\n :label "Title";\n :maxLength "128";\n :property dc:title; # @@ Should move to dct or schema\n :size "40" .\n\n wf:Task :creationForm core:coreIsueForm .\n',s,P.doc().uri,"text/turtle");const F=a.widgets.appendForm(b,null,{},e,P,A,m);w.appendChild(F),F.style.backgroundColor=C;const N=s.statementsMatching(e,a.ns.wf("assignee"));if(N.length>1){d("Weird, was assigned to more than one person. Fixing ..");const e=N.slice(1);s.updater.update(e,[],function(e,n,t){n?d("Now fixed."):f("Fixed failed: "+t)})}function L(e){return a.widgets.personTR(b,a.ns.wf("dependent"),e,{link:!1})}function I(e,n){n=n||[];const t=s.any(null,a.ns.wf("dependent"),e,e.doc());return t?I(t,[t].concat(n)):n}if(async function(){const n=s.each(e,a.ns.wf("assigneeGroup"));await s.fetcher.load(n);const t=n.map(e=>s.each(e,a.ns.vcard("member"),null,e.doc())).flat(),i=s.any(null,a.ns.doap("bug-database"),v);i&&await s.fetcher.load(i);const o=i?s.each(i,a.ns.doap("developer")):[];return t.concat(o)}().then(n=>{if(n.length){n.forEach(function(e){s.fetcher.lookUpThing(e)});const i={nullLabel:"(unassigned)"};w.appendChild(a.widgets.makeSelectForOptions(b,s,e,a.ns.wf("assignee"),n,i,y,function(e,n){e?t(0,s,y):console.log("Failed to change assignee:\n"+n)}))}}),g(v,"allowSubIssues")){const n=w.appendChild(b.createElement("div"));n.style="margin: 1em; padding: 1em;",n.appendChild(b.createElement("h4")).textContent="Super Issues";const t=n.appendChild(b.createElement("div"));t.style.display="flex",t.refresh=function(){const n=I(e);a.utils.syncTableToArrayReOrdered(t,n,L)},t.refresh(),n.appendChild(b.createElement("h4")).textContent="Sub Issues";const i=n.appendChild(b.createElement("div"));i.style.display="flex",i.style.flexDirection="reverse",i.refresh=function(){const n=s.each(e,a.ns.wf("dependent"),null,e.doc());a.utils.syncTableToArrayReOrdered(i,n,L)},i.refresh();const r=b.createElement("button");r.setAttribute("type","button"),n.appendChild(r);const l=a.utils.label(k);r.innerHTML="New sub "+l,r.setAttribute("style","float: right; margin: 0.5em 1em;"),r.addEventListener("click",function(t){n.insertBefore((0,o.newIssueForm)(b,s,v,e,i.refresh),r.nextSibling)},!1)}w.appendChild(b.createElement("br"));const _=s.any(v,a.ns.wf("extrasEntryForm"));_&&a.widgets.appendForm(b,w,{},e,_,A,m);const O=w.appendChild(h(b,C));let R;s.anyValue(v,a.ns.wf("issueURITemplate"))?R=e.doc():(R=s.any(v,a.ns.wf("messageStore")),R||(R=s.any(v,a.ns.wf("stateStore"))),s.sym(R.uri+"#Chat"+(new Date).getTime())),s.fetcher.nowOrWhenFetched(R,function(n,t,i){if(n){const n=(0,a.messageArea)(b,s,e,R);w.insertBefore(n,O),w.insertBefore(h(b,C),n)}else{const e=b.createElement("p");e.textContent=t,w.insertBefore(e,O)}}),w.appendChild(b.createElement("div")).innerHTML="<h4>Attachments</h4>\n <p>Drag files, emails,\n web pages onto the paper clip, or click the file upload button.</p>";const D=e.uri.endsWith("/index.ttl#this")?e.uri.slice(0,14)+"Files/":e.dir().uri+"Files/"+e.uri.split("#")[1]+"/";a.widgets.attachmentList(b,e,w,{doc:A,promptIcon:a.icons.iconBase+"noun_25830.svg",uploadFolder:s.sym(D),predicate:a.ns.wf("attachment")}),a.widgets.deleteButtonWithCheck(b,w,"issue",async function(){try{await s.updater.update(s.connectedStatements(e))}catch(e){f(`Unable to delete issue: ${e}`)}f("DELETED OK"),w.style.backgroundColor="#eee",w.style.fontColor="orange"}).style.float="right";const M=b.createElement("button");return M.textContent="refresh messages",M.addEventListener("click",async function(e){try{await s.fetcher.load(R,{force:!0,clearPreviousData:!0})}catch(e){return void alert(e)}a.widgets.refreshTree(w)},!1),M.setAttribute("style",a.style.button),w.appendChild(M),w}},197:e=>{e.exports='# Ontology for user interface hints and forms\n#\n# See also related: the Fresnel language\n#\n@prefix contact: <http://www.w3.org/2000/10/swap/pim/contact#>.\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix doc: <http://www.w3.org/2000/10/swap/pim/doc#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix r: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix s: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix tt: <http://dig.csail.mit.edu/2010/issues/track#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix : <http://www.w3.org/ns/ui#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n@keywords is, of, a.\n\n<> dc:title "An ontology for User Interface description, Hints and Forms.";\n dc:description """The User Interface ontology allows the definition\n of forms for processing RDF model data, and include a bootstrap form for\n editing forms. It allows user interface hints such as background colors,\n can be associated with objects and classes.\n """;\n dc:created 2010-08-07;\n dc:license <https://creativecommons.org/publicdomain/zero/1.0/>;\n dc:modified """$Date: 2020/03/22 16:53:21 $""";\n dc:author <https://www.w3.org/People/Berners-Lee/card#i>.\n\nstyle a r:Property, owl:DatatypeProperty;\n s:label "style";\n prompt "CSS style";\n s:comment """Must be a valid CSS style string such as one could put in\n an HTML style attribute. Depending on the user interface system, this can\n by given to individuals, classes or properties. It is up to a user interface\n which wants to draw on them to pick how it uses styles from which parts\n of the data it has. For example, the style of a class may be picked\n to distinguish information about things in that class.""".\n\nbackgroundColor a r:Property, owl:DatatypeProperty;\n s:label "background color"@en;\n s:range ui:Color;\n s:comment """Must be a valid CSS color string such as one could put in\n an HTML style attribute. This should be in the #xxxxxx form,\n (with 6 digits of hex) so that it\n can work with Graphviz.""".\n\nbackgroundImage a r:Property, owl:DatatypeProperty;\n s:label "background image"@en;\n s:comment """URI or base64 representation of an image""".\n\ncolor a r:Property, owl:DatatypeProperty;\n s:label "color"@en;\n s:range ui:Color;\n s:comment """Must be a valid CSS color string such as one could put in\n an HTML style attribute. This should be in the #xxxxxx form,\n (with 6 digits of hex) so that it\n can work with Graphviz.""".\n\n\n\nsortPriority a r:Property, owl:DatatypeProperty;\n s:label "sort priority";\n s:range xsd:integer;\n s:comment """When individuals or classes must be sorted, then\n if they are given different values of sortPriority a user agent can\n use this as a hint to how to present information.""".\n\nsortBy a r:Property;\n s:label "sort by";\n s:domain s:Class;\n s:range r:Property;\n s:comment """A property which typically is used to sort\n members of a given class.""".\n\nseqeunce a r:Property;\n s:label "sequence number";\n s:range xsd:integer;\n s:comment """The sequence in which this item is arranged with repect to other parts.""".\n\ninitialProperties a r:Property;\n s:label "initial properties";\n s:domain s:Class;\n s:range r:List; # List of r:Property\n s:comment """A really simple way of enabling user interfaces to\n create new information about a class of things is to make a define of properties\n to be specified when a information about a new item\n ("New item" here means an item which the system\n does not have prvious information about yet,\n not an items which has just been created,\n like new friend as opposed to new baby)""";\n prompt "Properties to be specified for new ones".\n\ntableProperties a r:Property;\n s:domain s:Class;\n s:label "table properties";\n s:range r:List; # List of r:Property\n s:comment """This is a crude way of specifying a table-based\n view for objects of this class.""";\n prompt "Properties to be given in a default table view".\n\nprompt a r:Property;\n s:label "user prompt";\n s:comment """A string for the UI to use if the user needs a longer\n prompts than just a field name, the rdfs:label. """;\n ui:prompt "A longer prompt for a user inputting this property".\n\n\n# A Taxonomy of Field types\n\nui:Form owl:disjointUnionOf ( ui:ValueField ui:Group ui:Choice ui:Classifier ui:Options ui:Multiple ui:Heading ui:Comment);\n s:comment """A form can be any type of single field, or typically a Group of several fields,\n including interspersed headings and comments. """.\nui:Single owl:disjointUnionOf ( ui:ValueField ui:Group ui:Choice ui:Classifier ui:Options ui:Heading ui:Comment).\nui:ValueField owl:disjointUnionOf ( ui:TextField ui:NumericField ui:ColorField ui:DateField ui:DateTimeField ui:PhoneField ui:EmailField).\nui:NumericField owl:disjointUnionOf (ui:BooleanField ui:TriStateField ui:IntegerField ui:DecimalField ui:FloatField).\n# ui:Multiple owl:disjointUnionOf ( ui:ZeroOrMore ui:OneOrMore ).\nui:TextField owl:disjointUnionOf (ui:SingleLineTextField ui:MultiLineTextField).\n\nui:Form a s:Class; is s:subClassOf of ui:ValueField, ui:Group, ui:Choice, ui:Heading, ui:Comment, ui:Classifier, ui:Options, ui:Multiple.\nui:Single a s:Class; is s:subClassOf of ui:ValueField, ui:Group, ui:Choice, ui:Heading, ui:Comment, ui:Classifier, ui:Options.\nui:ValueField a s:Class; is s:subClassOf of ui:TextField, ui:NumericField, ui:ColorField, ui:DateField, ui:DateTimeField, ui:PhoneField, ui:EmailField.\nui:NumericField a s:Class; is s:subClassOf of ui:BooleanField, ui:TriStateField, ui:IntegerField, ui:DecimalField, ui:FloatField.\nui:TextField a s:Class; is s:subClassOf of ui:SingleLineTextField, ui:MultiLineTextField.\n\nui:Classifier a s:Class; s:label "classifier";\n s:comment """A classifier allows the user to select the type of an object.\n The possible types must be subclasses of some overall class, the "category".\n (Ideally, the superclass is also set up as the disjoint union of the subclasses,\n if they are disjoint.)\n\n The form normally stores the resulting classes using an rdf:type triple,\n but a different predicate can be used if required, so the classifier field\n needs is \'property\' defined too.\n\n If the subclass selected itself is has subclasses defined, the user can\n recursively select from them in turn, as many levels as needed.""".\n\nui:property a r:Property; s:domain ui:Form; s:range r:Property;\n s:label "property to be stored"@en;\n s:comment """Many fields prompt for information about a given property of the subject.\n When field is filled in, this gives which property is written into the data.""".\n\nui:category a r:Property; s:domain ui:Classifier; s:range s:Class;\n s:label "overall superclass"@en;\n s:comment """The superclass subclasses of which will be selected.""".\n\nui:dependingOn a r:Property; s:domain ui:Options; s:range r:Property;\n s:label "depending on"@en;\n s:comment """Many fields prompt for information about a given property of the subject""".\n\nui:for a r:Property; s:label "for"@en; s:comment "The value for which this case is selected.".\nui:use a r:Property; s:range ui:Form.\n\nui:part a r:Property; s:label "part"@en ; s:domain ui:Form; s:range ui:Form. # Used for Multiple field - the subform for each item\nui:parts a r:Property; s:label "parts"@en ; s:domain ui:Form; s:range r:Collection. # (of Forms) The ordered set of fields in a group\nui:ordered e r:Property; s:label "ordered"; s:range xsd:Boolean . # Could be useful for all kinds of things in future so not restricted to Multiple\n\nui:from a r:Property; s:domain ui:Choice; s:range r:Class;\n s:label "from"; ui:prompt "from what class".\n\nui:size a r:Property; s:domain ui:ValueField; s:range xsd:integer;\n s:label "size of field";\n ui:prompt "size of field in characters".\n\nui:maxLength a r:Property; s:domain ui:TextField; s:range xsd:integer;\n s:label "max length of value".\n\nui:minValue a r:Property; s:domain ui:ValueField; s:label "min". # @@ range?\nui:maxValue a r:Property; s:domain ui:ValueField; s:label "max".\n\n ui:creationForm a r:Property; s:domain s:Class; s:range ui:Form;\n s:label "creation form";\n s:comment """A form which may be used to collect information about a\n hitherto locally undocumented instance instance of this class.""".\n\n ui:annotationForm a r:Property; s:domain s:Class; s:range ui:Form;\n s:label "annotation form";\n s:comment """A form which may be used to add more infromation to an\ninstance of this class which we know something about. Anything from\nadding just add one more fact, to adding a whole lot of information about a specific\nfacet of the thing.\n""".\n\n\n#############################################\n#\n# Form for editing Forms\n#\n\nFormForm a ui:Form;\n dc:title "Form for editing Forms";\n is ui:creationForm of Form;\n a ui:Group; ui:parts (FF1 FF2 FF3 FieldList) .\n\n FF1 ui:sequence 1; a ui:Heading; ui:contents "Edit Form"@en .\n FF2 ui:sequence 2; a ui:SingleLineTextField; ui:property dc:title; ui:size 60 .\n FF3 ui:sequence 3; a ui:Comment; ui:contents\n """To add a field to the form, press the plus at the bottom,\n and then select what sort of field you want."""@en; ui:style "background-color: #ffe;" .\n\n FieldList ui:sequence 10; a ui:Multiple; ui:ordered true; ui:property ui:parts; ui:part FieldForm .\n\nFieldForm a ui:Group;\n dc:title "Form for selecting a type of field";\n ui:parts (\n\n [ ui:sequence 1; a ui:Classifier; ui:property r:type; ui:category ui:Form]\n\n [ a ui:Options; ui:sequence 2; ui:dependingOn r:type;\n\n ui:case [ ui:for ui:TextField; ui:use [a ui:Group; ui:parts (\n [ a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty] # @@@ Needs inference on current web\n [ a ui:IntegerField; ui:property ui:size; ui:label "field size"; ui:min 1; ui:max 4096]\n [ a ui:IntegerField; ui:property ui:maxLength; ui:label "Max. length of string"; ui:min 1]\n )]];\n\n ui:case [ ui:for ui:IntegerField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:IntegerField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:IntegerField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:DecimalField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DecimalField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:DecimalField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:FloatField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:FloatField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:FloatField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:ColorField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty] )\n ]];\n\n ui:case [ ui:for ui:DateField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DateField; ui:property ui:min; ui:label "min"]\n [ ui:sequence 3; a ui:DateField; ui:property ui:max ; ui:label "max"]\n ) ]];\n\n ui:case [ ui:for ui:DateTimeField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DateTimeField; ui:property ui:min; ui:label "min"]\n [ ui:sequence 3; a ui:DateTimeField; ui:property ui:max ; ui:label "max"]\n ) ]];\n\n ui:case [ ui:for ui:EmailField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:ObjectProperty]\n ) ]];\n\n ui:case [ ui:for ui:PhoneField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:ObjectProperty]\n )]];\n\n ui:case [ ui:for ui:Group; ui:use FieldList];\n\n ui:case [ ui:for ui:Options; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:dependingOn; ui:label "depending on"; ui:from r:Property; ui:default r:type]\n [ ui:sequence 2; a ui:Multiple; ui:property ui:case; ui:part CaseForm]\n ) ]];\n\n ui:case [ ui:for ui:Choice; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property";\n ui:canMintNew true; ui:from owl:ObjectProperty]\n [ ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:from; ui:label "destination class";\n ui:from s:Class; ui:canMintNew true; ]\n [ ui:sequence 3; a ui:BooleanField; ui:property ui:canMintNew; # No class form yet\n ui:label "user can add new"]\n [ ui:sequence 4; a ui:Choice; ui:canMintNew true; ui:property ui:use; ui:label "Nested Form (if any)";\n ui:from ui:Form; ui:optional true; ui:use FormForm] # @@ optional\n\n ) ]];\n\n ui:case [ ui:for ui:Classifier; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 2; a ui:Comment; ui:contents """A classifier allows the user to which classes the item belongs to, given a common superclass of the allowed classes. Give the superclass here:""" ]\n\n [ ui:sequence 4; a ui:Choice; ui:canMintNew true; ui:property ui:category; ui:label "superclass"; ui:from s:Class]\n\n [ ui:sequence 6; a ui:Comment; ui:contents """(When the choice is made normally the item is given a rdf:type. Set this to rdf:type unless you want the form to set a different property.)""" ]\n\n [ ui:sequence 8; a ui:Choice; ui:canMintNew true; ui:property ui:property;\n ui:label "property"; ui:from owl:ObjectProperty; ui:default r:type] # @@ restriction\n\n ) ]];\n\n ui:case [ ui:for ui:Multiple; ui:use [a ui:Group; ui:parts (\n [ui:sequence 0; a ui:BooleanField; ui:property ui:ordered; ui:label "ordered"] # If this an ordered array or an unordered set?\n [ui:sequence 0; a ui:IntegerField; ui:property ui:min; ui:label "minimum number"] # If this an ordered array or an unordered set?\n [ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from r:Property]\n [ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:part; ui:from ui:Form; ui:use FieldForm] # Form for details of the field part of the multiple\n ) ]];\n\n ui:case [ ui:for ui:Heading; ui:use [a ui:SingleLineTextField; ui:property ui:contents]];\n\n ui:case [ ui:for ui:Comment; ui:use [a ui:MultiLineTextField; ui:property ui:contents]]\n ]).\n\n\nCaseForm a ui:Group;\n dc:title "Form for a conditional case in a form";\n ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:for; ui:label "when it is"; ui:canMintNew true; ui:from s:Class]\n [ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:use; ui:from ui:Form; ui:canMintNew true; ui:use FieldForm] ). # Form for details of the field part of the multiple\n\n# ENDS\n'},240:e=>{e.exports='# Issue tracking - Workflow application definition ontology\n#\n# Finite state automaton ontology\n#\n# See requirements for tracking tools http://www.w3.org/2005/01/06-tool-req.html\n#\n@keywords a, is, of.\n\n@prefix : <http://www.w3.org/2005/01/wf/flow#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#>.\n\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix s: <http://www.w3.org/2000/01/rdf-schema#> .\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n@prefix doc: <http://www.w3.org/2000/10/swap/pim/doc#> .\n@prefix log: <http://www.w3.org/2000/10/swap/log#> .\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix contact: <http://www.w3.org/2000/10/swap/pim/contact#> .\n@prefix doap: <http://usefulinc.com/ns/doap#>.\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n\n<> dc:title "Issue Tracking Ontology";\n\n dct:creator <http://www.w3.org/People/Berners-Lee/card#i>;\n\n s:comment """This ontology defines a very general class (Task)\n which can used for any kind of bug tracking, issue tracking,\n to-do-list management, action items, goal dependency, and so on.\n It captures the state of a task as a subclass, so that\n subsumption can be used.\n It captures a discussion thread about a task.\n It captures subtasks structure if necessary.\n A "Tracker" defines actual set of states, categories, etc.,\n which a task can be in. The data about the tracker\n guides the software managing the task.\n\n There is some workflow modeling finite state machine\n terms which are optional for more complex definition\n of the transitions allowed.\n """.\n\nTask a s:Class;\n s:label "task"@en; owl:disjointUnionOf (Open Closed);\n s:comment """Something to be done in a wide sense,\n an agenda item at a meeting is one example, but any\n issue, task, action item, goal, product, deliverable, milestone, can such a thing.\n The requirement for this framework was that it would allow\n one to customize ontologies for things such as agenda items,\n action items, working group issues with a spec, w3c Last Call issues,\n software bugs and administrative requests.\n In π-calculus, a process.\n Make your type of issue a subclass of Task.\n """.\n\nOpen a s:Class; s:subClassOf Task;\n s:label "open"@en, "ouvert"@fr;\n ui:backgroundColor "#d6f5d6"; # green like github for some reason\n s:comment """A task which needs attention. The very crude states of Open and Closed all\n interoperability between different systems if the states for a given\n application are made subclasses of either Open or Closed. This allows\n tasks from different systems to be mixed and treated together with\n limited but valuable functionality.\n """.\n\nClosed a s:Class; s:subClassOf Task;\n s:label "closed"@en, "fermé"@fr;\n ui:backgroundColor "#f5d6d6"; # pink\n s:comment """A task which does not need attention. It may be closed because\n has been abandoned or completed, for example.\n """.\n\n\n ActionItem a s:Class;\n s:subClassOf Task;\n s:label "action item"@en; owl:disjointUnionOf (Open Closed);\n s:comment """An obligation taken on by a person, typically at a meeting.\n """.\n\n\ndescription a rdf:Property;\n s:label "description";\n s:comment """The description, definition,\n or abstract. Information explaining what this is.\n Not arbitrary comment about anything, only about the subject.\n (Use this property for anything. There is no domain restriction.).""".\n\ndependent a rdf:Property;\n s:label "how"; owl:inverseOf [ s:label "why"];\n s:domain Task; s:range Task;\n s:comment """Another task upon which this depends, in the sense that\n this task cannot be completed without that task being done.\n You can\'t use this for dependencies on anything other than other tasks.\n (Note the US spelling of the URI. In the UK, a dependant is a something\n which is dependent on somehing else.)""".\n\nassignee a rdf:Property;\n s:label "assigned to"; owl:inverseOf [s:label "assignment"];\n# s:domain Task;\n s:range foaf:Agent;\n s:comment """The person or group to whom this has been assigned.""".\n\n# use dct:modified\n#modified a rdf:Property;\n# s:label "last changed".\n\nmodifiedBy a rdf:Property;\n s:range foaf:Agent;\n s:label "changed by".\n\n# use dct:created instead\n#created a rdf:Property;\n# s:range xsd:dateTime;\n#\n# Use foaf:maker instead\n#creator a rdf:Property;\n# s:range foaf:Agent;\n# s:label "changed by".\n\nsubscriber a rdf:Property;\n s:label "subscriber";\n s:range foaf:Agent.\n\n\n################## Products\n#\n#\n# History: The Tracker system included a cocept of a product,\n# such that an action could be associated with *either* an issue *or* a product.\n# Noah Mendelsohn for the TAG needed to be able make\n# and to give products: Goals, scuuess criteria,\n# deliverables with dates, schedules, TAG members assigned, related issues.\n#\n\n\nProduct a s:Class; s:subClassOf Task;\n s:label "product";\n s:comment """A product is a task which monitors something\n which must be produced.""".\n\ndeliverable a rdf:Property; s:subPropertyOf dependent;\n s:range Product;\n s:label "deliverable"@en;\n s:comment """Something which must be delivered to accomplish this""".\n\ngoalDescription a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:string;\n s:label "goals";\n s:comment """A textual description of the goals of this product, etc.""".\n\nsuccessCriteria a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:string;\n s:label "success criteria";\n s:comment """A textual description of the successs critera.\n How when we know this is done?""".\n\ndateDue a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:date;\n s:label "due"@en;\n s:comment """The date this task is due.\n """.\n\n################## Attachments\n\nattachment a rdf:Property;\n s:label "attachment";\n s:comment """Something related is attached for information.""".\n\nscreenShot a rdf:Property; s:subPropertyOf attachment;\n s:label "screen shot"@en;\n s:comment """An image taken by capturing the state of a\n computer screen, for example to demonstrate a problem""".\n\ntestData a rdf:Property; s:subPropertyOf attachment;\n s:label "test data"@en;\n s:comment """A file which can be used as inpiut to a test\n or to demonstrate a problem. """.\n\n\nterminalOutput a rdf:Property; s:subPropertyOf attachment;\n s:label "terminal output"@en;\n s:comment """A file showing user interaction from a\n text terminal or console etc. """.\n\n\nmessage a rdf:Property; s:subPropertyOf attachment;\n s:label "message"@en;\n s:comment """A message about this. Attached for information.""".\n\n\nMessage a s:Class; s:label "message"@en.\nrecipent a rdf:Property; s:label "to"; s:domain Message; s:range foaf:Agent.\nsender a rdf:Property; s:label "from"; s:domain Message; s:range foaf:Agent.\n\n############################# A Tracker connects and manages issues\n\ntracker a rdf:Property;\n s:label "tracker";\n owl:inverseOf [ s:label "issue"];\n s:domain Task;\n s:range Tracker.\n\nTracker a s:Class;\n s:label "tracker";\n s:comment """A set of issues and\n the constraints on how they evolve.\n To use this ontology, craete a new tracker.\n Copy an existing one or make up your own.""".\n\nissueClass a rdf:Property;\n s:label "all issues must be in";\n s:domain Tracker;\n s:range s:Class, State;\n s:comment """The class of issues which are allowed in this tracker.\n This is essemtial to the operation of the tracker,\n as it defines which states an issue can be in.\n (The issueClass must be a disjointUnionOf the state classes)""".\n\nissueCategory a rdf:Property;\n s:label "issue category";\n s:domain Tracker;\n s:range s:Class;\n s:comment """Issues may be categorized according to the\n subclasses of this class""".\n\nstateStore a rdf:Property;\n s:label "state store";\n s:domain Tracker;\n s:range doc:Document;\n s:comment """A read-write document.\n The state of the issues is modified here.\n When you set up a trcaker, thgis must be set to point\n to a writeble data resource on the web.""".\n\ntransactionStore\n a rdf:Property;\n s:label "transaction store";\n s:domain Tracker;\n s:range doc:Document;\n s:comment """An appendable document. Transactions and messsages\n can be written into here""".\n\nasigneeClass\n a rdf:Property;\n s:label "assignees must be";\n s:domain Tracker;\n s:range s:Class; # Subclass of foaf:Agent\n s:comment """When an issue is assigned, the assignee must be from this class""".\n\ninitialState\n a rdf:Property;\n s:label "initial state"@en;\n s:label "état initial"@fr;\n s:domain Tracker;\n s:range State;\n s:comment """The initial state for a new issue""".\n\n# Use this to link a project to a tracker\ndoap:bug-database owl:inverseOf [ s:label "project"@en ].\n\n\n\n\n############################################################\n#\n# Finite state machines\n#\nChange a s:Class;\n s:label "change";\n s:comment """The universal class of things which\nchange the state of a task.\nIncluded now: Creation, Transition. (Maybe in the future\nmore π-calculus constructions such as splitting & merging tasks,\nand import/export of obligations to a foreign opaque system.)\n""".\n\nTransition a s:Class; s:subClassOf Change;\n s:label "transition";\n s:comment """A transition is a change of state of\na task. Typical properties include date and/or source\n(a document causing the transition), and a final state.""".\n\nCreation a s:Class; s:subClassOf Change;\n s:label "creation";\n s:comment """A creation is a change from existence\nto non-existence\na task. Typical properties include date and/or source\n(a document causing the transition), and a final state.""".\n\n\ndate s:range DateTime.\n\nfinal a rdf:Property;\n s:label "to";\n s:domain Transition;\n s:range State.\n\ntask a rdf:Property;\n s:range Task;\n s:label "task".\n\nrequires a rdf:Property;\n s:label "requires";\n s:domain Transition;\n s:range rdf:List; # Of properties for validation\n s:comment """To be a valid transition,\n a necessary (but not necessarily sufficuent) condition\n is that there be recorded these properties for the record""".\n\naffects a rdf:Property;\n s:label "affects";\n s:domain doc:Work;\n s:range Task.\n\n\n# { ?x a Transition; task ?t; source ?doc } => { ?doc affects ?t }.\n\n\ncreates a rdf:Property;\n s:label "creates";\n s:domain doc:Work;\n s:range Task.\n\n\nallowedTransitions a rdf:Property;\n s:domain State;\n s:range rdf:List; # @@@ of Action\n s:label "allowed transitions";\n s:comment """The state machine is defined\n by these lists of transition allowed for each issue.\n (An interesting option in the Web is to make an allowed transition\n to a state in soemone else\'s ontology, which in turn allows\n transitions into many ontologies. So a finite state maxchine\n may become very large. In practice this means that a task handed\n off to another organization may be processed on all kinds of ways.)""".\n\n# { ?x a TerminalState} => { ?x allowedTransitions () }.\n\nfinal a rdf:Property;\n s:label "to";\n s:range State.\n\nissue a rdf:Property;\n s:label "issue";\n s:comment\n """A transition changes the state of the given issue.""".\n\nsource a rdf:Property;\n s:label "source";\n s:comment """The source of a transition is\n the document by which it happened""";\n s:range doc:Work.\nTerminalState a s:Class;\n s:subClassOf State;\n s:label "terminal state";\n s:comment """A state from which there are no transitions.""".\n\nNonTerminalState a s:Class;\n s:label "non-terminal state";\n owl:disjointWith TerminalState;\n s:comment """A state from which there are transitions.""".\n\n######################################################\n\n#ends\n'},264:e=>{e.exports=o},324:(e,n,t)=>{t.d(n,{newIssueForm:()=>o});var a=t(426),i=t(264);function o(e,n,t,o,r){const s=e.createElement("div"),l=n.any(t,a.ns.wf("stateStore")),c=n.any(t,a.ns.wf("issueClass")),u=a.utils.label(c);s.innerHTML="<h2>Add new "+(o?"sub ":"")+u+"</h2><p>Title of new "+u+":</p>";const d=e.createElement("input");return d.setAttribute("type","text"),d.setAttribute("style","margin: 0.5em; font-size: 100%; padding: 0.3em;"),d.setAttribute("size","100"),d.setAttribute("maxLength","2048"),d.select(),d.addEventListener("keyup",function(e){13===e.keyCode&&function(){d.setAttribute("class","pendingedit"),d.disabled=!0;const e=[],c=n.anyValue(t,a.ns.wf("issueURITemplate")),u=c?n.sym(function(e){const n=new i.Literal(new Date),t=""+(new Date).getTime(),a=n.value.slice(0,4),o=n.value.slice(5,7),r=n.value.slice(8,10);return e.replace("{N}",t).replace("{YYYY}",a).replace("{MM}",o).replace("{DD}",r)}(i.uri.join(c,l.uri))):n.sym(l.uri+"#Iss"+(new Date).getTime()),p=u.doc(),f=n.literal(d.value);e.push(new i.Statement(u,a.ns.wf("tracker"),t,l)),e.push(new i.Statement(u,a.ns.dc("title"),f,l)),e.push(new i.Statement(u,a.ns.dct("created"),new Date,l));const m=o?n.each(o,a.ns.rdf("type"),null,o.doc()):n.each(t,a.ns.wf("initialState"));for(const n of m)e.push(new i.Statement(u,a.ns.rdf("type"),n,l));o&&e.push(new i.Statement(o,a.ns.wf("dependent"),u,l)),c&&(e.push(new i.Statement(u,a.ns.wf("tracker"),t,p)),e.push(new i.Statement(u,a.ns.rdfs("seeAlso"),l,p))),n.updater.update([],e,function(e,n,t){n?(s.parentNode.removeChild(s),r(u)):console.log("Error: can't save new issue:"+t)})}()},!1),s.appendChild(d),d.focus(),s}},426:e=>{e.exports=a},663:e=>{e.exports=i},685:(e,n,t)=>{t.d(n,{csvButton:()=>r});var a=t(426),i=t(663);function o(e){const n=e.replaceAll("\n"," ");if(!n.includes(","))return n;const t='"'+n.replaceAll('"','""')+'"';if(console.log("Quoted: >>>"+t+"<<<"),t.slice(1,-1).replaceAll('""',"").includes('"'))throw new Error("CSV inconsistecy");return t}function r(e,n){const t=e.createElement("div"),r=a.widgets.button(e,a.icons.iconBase+"noun_Document_998605.svg","Copy as CSV",async e=>{const t=r.parentNode.parentNode;console.log("button gparent div",t),t.addEventListener("copy",e=>{const t=function(e,n){const t=e.any(n,a.ns.wf("stateStore")),i=e.each(null,a.ns.wf("tracker"),n,t);console.log(" CSV: Tasks:",i.length);const r=[{label:"Name",predicate:a.ns.dc("title")}],s=e.any(n,a.ns.wf("issueClass"));console.log(" CSV: States - main superclass:",s);const l={label:"State",category:s};console.log(" CSV: found column from state",l),r.push(l);const c=e.each(n,a.ns.wf("issueCategory"));console.log(" CSV: Categories : ",c),console.log(" CSV: Categories : length: ",c.length),console.log(" CSV: Categories : first: ",c[0]);const u=c;for(const e of u){const n={label:a.utils.label(e),category:e};console.log(" CSV: found column from classifications",n),r.push(n)}const d=e.any(n,a.ns.wf("extrasEntryForm"),null,null);if(console.log(" CSV: Form : ",d),d){const n=e.any(d,a.ns.ui("parts"),null,d.doc());console.log(" CSV: parts : ",n);const t=n.elements;console.log(" CSV: fields : ",t);for(const n of t){const t=e.any(n,a.ns.ui("property"));if(t){const e={label:a.utils.label(t),predicate:t};console.log(" CSV: found column from form",e),r.push(e)}}}r.push({label:"Description",predicate:a.ns.wf("description")}),console.log("Columns: ",r.length);const p=r.map(e=>e.label).join(",")+"\n";return console.log("CSV: Header= ",p),p+i.map(function(n){return r.map(t=>function(n,t){let i;if(t.predicate)return i=e.any(n,t.predicate),i?i.value:"--";if(!t.category)throw new Error("wot no pred or cat",t);{const o=e.each(n,a.ns.rdf("type"));for(const n of o)e.holds(n,a.ns.rdfs("subClassOf"),t.category)&&(i=n);if(!i)return"?"+a.utils.label(t.category)}return a.utils.label(i)}(n,t)).map(o).join(",")+"\n"}).join("")}(i.store,n);e.clipboardData.setData("text/plain",t),e.clipboardData.setData("text/csv",t),alert("Copy data: "+t),e.preventDefault()})});return t.appendChild(r),t}},719:(e,n,t)=>{t.d(n,{newTrackerButton:()=>l});var a=t(426),i=t(264),o=t(663);const r=a.ns,s=o.store.updater;function l(e,n){const t=a.login.newAppInstance(n.dom,{noun:"tracker"},function(t,o){function l(e){if(void 0!==e.elements)return e.elements.map(l);if(void 0===e.uri)return e;let n=e.uri;return n===p.uri?f:(n.slice(0,h.length)===h&&(n=o+n.slice(h.length)),d.sym(n))}const c="issuetracker.w3.org",u=a.ns.space,d=n.session.store;if(!o&&("/"!==(o=d.any(t,u("uriPrefix")).value).slice(-1)&&(i.log.error(c+": No / at end of uriPrefix "+o),o+="/"),o+=c+"/"+(new Date).getTime()+"/",!confirm("Make new tracker at "+o+"?")))return;const p=d.any(e,r.wf("stateStore")),f=d.sym(o+"store.ttl"),m=e.doc(),h=m.uri.slice(0,m.uri.lastIndexOf("/")+1),g=l(m),b=l(e),v=d.statementsMatching(void 0,void 0,void 0,m);for(let e=0;e<v.length;e++){const n=v[e];d.add(l(n.subject),l(n.predicate),l(n.object),g)}d.add(b,a.ns.space("inspiration"),e,p),d.add(b,a.ns.space("inspiration"),e,g),s.put(g,d.statementsMatching(void 0,void 0,void 0,g),"text/turtle",function(e,n,t){n?s.put(f,[],"text/turtle",function(e,n,t){n?console.info("Ok The tracker created OK at: "+b.uri+"\nMake a note of it, bookmark it. "):console.log("FAILED to set up new store at: "+f.uri+" : "+t)}):console.log("FAILED to save new tracker at: "+g.uri+" : "+t)})});return t.setAttribute("style","margin: 0.5em 1em;"),t}}},n={};function t(a){var i=n[a];if(void 0!==i)return i.exports;var o=n[a]={exports:{}};return e[a](o,o.exports,t),o.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var a in n)t.o(n,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:n[a]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};t.r(r),t.d(r,{default:()=>g});var s=t(426),l=t(663),c=t(85),u=t(178),d=t(719),p=t(324),f=t(685),m=t(264);const h=l.store,g={icon:s.icons.iconBase+"noun_122196.svg",name:"issue",audience:[],label:function(e,n){const t=h.findTypeURIs(e);return t["http://www.w3.org/2005/01/wf/flow#Task"]||h.holds(e,s.ns.wf("tracker"))?"issue":t["http://www.w3.org/2005/01/wf/flow#Tracker"]?"tracker":null},mintClass:s.ns.wf("Tracker"),mintNew:async function(e,n){const t=e.session.store;let a;n.newInstance?a=t.sym(n.newInstance.doc().uri+"_state.ttl"):(n.newInstance=t.sym(n.newBase+"index.ttl#this"),a=t.sym(n.newBase+"state.ttl"));const i=n.newInstance,o=i.doc(),r=l.authn.currentUser();r&&t.add(i,s.ns.dc("author"),r,o),t.add(i,s.ns.rdf("type"),s.ns.wf("Tracker"),o),t.add(i,s.ns.dc("created"),new Date,o),t.add(i,s.ns.wf("issueClass"),s.ns.wf("Task"),o),t.add(i,s.ns.wf("initialState"),s.ns.wf("Open"),o),t.add(i,s.ns.wf("stateStore"),a,o),t.add(i,s.ns.wf("assigneeClass"),s.ns.foaf("Person"),o),t.add(i,s.ns.wf("stateStore"),a,a);const c=t.statementsMatching(void 0,void 0,void 0,o).concat(t.statementsMatching(void 0,void 0,void 0,a));try{await async function(e,n){const a=e.concat(n).map(e=>e.why),i=Array.from(new Set(a)).map(a=>t.updater.update(e.filter(e=>e.why.sameTerm(a)),n.filter(e=>e.why.sameTerm(a))));return Promise.all(i)}([],c)}catch(n){return s.widgets.complain(e,"Error writing tracker configuration: "+n)}const u=e.dom;return n.div.appendChild(u.createElement("div")).innerHTML=`<h4>Success</h4>\n <p>Your <a href="${i.uri}">new tracker</a> has been made.\n Use the settings tab to configure it.\n </p>\n `,n},render:function(e,n){const a=n.dom,i=a.createElement("div");function o(e){console.warn(e),i.appendChild(s.widgets.errorMessageBlock(a,e))}function r(e,n){e||o(n)}function g(e,t){const i=h.any(e,s.ns.wf("issueClass")),r=(t=t||i).sameTerm(i),l=h.any(t,s.ns.owl("disjointUnionOf"));if(!l)return o(`Configuration error: state ${i} does not have substates`);let d=l.elements;r&&d.length>2&&(d=d.filter(e=>h.holds(e,s.ns.rdfs("subClassOf"),s.ns.wf("Open"))||e.sameTerm(s.ns.wf("Open"))));const p={columnDropHandler:async function(e,a){const i=(0,u.getState)(e,t),o=h.the(e,s.ns.wf("tracker"),null,e.doc()),r=h.any(o,s.ns.wf("stateStore"));if(!a.sameTerm(i)){try{await h.updater.update([m.st(e,s.ns.rdf("type"),i,r)],[m.st(e,s.ns.rdf("type"),a,r)])}catch(e){s.widgets.complain(n,"Unable to change issue state: "+e)}f.refresh()}},filter:r?null:function(e){return!!h.findTypeURIs(e)[s.ns.wf("Open").uri]}};p.sortBy=s.ns.dct("created"),p.sortReverse=!0;const f=(0,c.board)(a,d,function(e){return(0,u.renderIssueCard)(e,n)},p);return f}function b(e){const t=a.createElement("div"),i=l.authn.currentUser(),o={div:t,dom:a,noun:"tracker",statusArea:t,me:i,refreshTarget:e},r=[n.session.paneRegistry.byName("issue")];return s.create.newThingUI(o,n,r),t}function v(){const t=h.any(k,s.ns.wf("issueClass")),i=[x,y,t].concat(h.each(k,s.ns.wf("issueCategory")));i.push(w);const o={renderMain:function(t,i){if(t.innerHTML="",i.sameTerm(A))t.appendChild(g(k));else if(i.sameTerm(y))t.appendChild(function(t){function i(){const e=new m.IndexedFormula;return c.pat.optional.push(e),e}const o=h.any(e,s.ns.wf("issueClass")),r=h.each(t,s.ns.wf("issueCategory")),l=["issue","state","created"],c=new m.Query(s.utils.label(e));for(let e=0;e<r.length;e++)l.push("_cat_"+e);const d={};l.forEach(function(e){c.vars.push(d[e]=m.variable(e))}),c.pat.add(d.issue,s.ns.wf("tracker"),t),c.pat.add(d.issue,s.ns.dct("created"),d.created),c.pat.add(d.issue,s.ns.rdf("type"),d.state),c.pat.add(d.state,s.ns.rdfs("subClassOf"),o),c.pat.optional=[];for(let e=0;e<r.length;e++){const n=i();n.add(d.issue,s.ns.rdf("type"),d["_cat_"+e]),n.add(d["_cat_"+e],s.ns.rdfs("subClassOf"),r[e])}const p=h.any(t,s.ns.wf("propertyList"));if(p){const e=p.elements;for(let n=0;n<e.length;n++){const t=e[n];let a="_prop_"+n;t.uri.indexOf("#")>=0&&(a=t.uri.split("#")[1]);const o=i();c.vars.push(d[a]=m.variable(a)),o.add(d.issue,t,d[a])}}const f={};h.each(void 0,s.ns.rdfs("subClassOf"),o).forEach(function(e){(h.holds(e,s.ns.rdfs("subClassOf"),s.ns.wf("Open"))||e.sameTerm(s.ns.wf("Open")))&&(f[e.uri]=!0)});const g=(0,s.table)(a,{query:c,keyVariable:"?issue",sortBy:"?created",sortReverse:!0,hints:{"?issue":{linkFunction:function(e){const t=m.sym(e);(0,u.exposeOverlay)(t,n)},label:"Title"},"?created":{cellFormat:"shortDate"},"?state":{initialSelection:f,label:"Status"}}}),b=h.any(e,s.ns.wf("stateStore"));return g.appendChild(function(e,n){return s.widgets.button(a,s.icons.iconBase+"noun_479395.svg","refresh table",async t=>{try{await h.fetcher.load(e,{force:!0,clearPreviousData:!0})}catch(e){return void alert(e)}s.widgets.refreshTree(n)})}(b,g)),g}(k));else if(i.sameTerm(w))t.appendChild(function(e){const n=a.createElement("div");n.appendChild((0,f.csvButton)(a,e));const t=h.any(e,s.ns.wf("issueClass")),i=[y,t].concat(h.each(e,s.ns.wf("issueCategory"))),o=n.appendChild(a.createElement("div"));s.widgets.renderNameValuePair(a,h,o,null,"Default view").appendChild(s.widgets.makeSelectForOptions(a,h,e,s.ns.wf("defaultView"),i,{},e.doc()));const l={dom:a,div:n,noun:"tracker"};return s.login.registrationControl(l,e,s.ns.wf("Tracker")).then(t=>{const i=s.ns.wf("TrackerSettingsForm");m.parse('@prefix : <http://www.w3.org/ns/ui#> .\n@prefix core: <http://www.w3.org/2005/01/wf/flow#>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix ui: <http://www.w3.org/ns/ui#> .\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#> .\n\n core:TrackerSettingsForm a :Form;\n <http://purl.org/dc/elements/1.1/title> "Tracker Configuration Form";\n :parts (\n\n [ a ui:Heading; ui:contents "About the tracker"@en ]\n\n [ a :SingleLineTextField;\n :label "Title of issue tracker";\n :maxLength "128";\n :property dct:title;\n :size "40" ]\n\n [ a :MultiLineTextField; :label "Description"; :property wf:description; :size "40" ]\n\n [ a ui:Choice; ui:canMintNew true; ui:use core:SuperClassForm; ui:follow true;\n ui:property wf:issueClass;\n ui:label "What states can an issue be in?";\n ui:from rdfs:Class;\n ui:default wf:Task ]\n\n [ a ui:Comment; ui:contents """You can optionally sort issues using (one or more) classification systems"""@en ]\n\n\n [ a ui:Multiple; ui:canMintNew true; ui:part core:ClassificationForm;\n ui:property wf:issueCategory; ui:label "Sort them into which category?"; ui:from rdfs:Class ]\n\n [ a :BooleanField;\n :label "Allow issues to have sub-issues";\n :property wf:allowSubIssues;\n :default false ]\n\n [ a ui:Heading; ui:contents "Table view:"@en ]\n\n [ a ui:Comment; ui:contents "Any extra properties to include?"@en ]\n\n\n [a ui:Multiple; ui:property wf:propertyList; ui:ordered true; ui:part core:PropertyForm; ui:follow true ]\n\n [ a ui:Heading; ui:contents "Details of issues"@en ]\n\n # Use a people picker ideally\n [ a ui:Choice; ui:canMintNew true; ui:use core:GroupForm;\n ui:property wf:assigneeGroup;\n ui:label "Assign issues to people from which group?";\n ui:from vcard:Group;\n ]\n\n # Optionally one form for extras\n\n [ a ui:Choice; ui:canMintNew true; ui:use ui:FormForm;\n ui:property wf:extrasEntryForm;\n ui:label "Other things to save about each issue?";\n ui:from ui:Form;\n ]\n\n\n ) .\n\n # Form for the superclass of all states\n # @@ also We must require each state class to be stated to be a subclass of EITHER Open OR Closed.\n core:SuperClassForm a ui:Form; dct:title "Form for managing states";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of set of states";\n :defualt "States";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [a ui:Multiple; ui:property owl:disjointUnionOf; ui:ordered true; ui:part core:StateForm ]\n # [ a ui:Multiple; ui:property rdfs:subClassOf; ui:reverse true; ui:part core:StateForm ]\n ) .\n\n core:StateForm a ui:Form; dct:title "Form for one state";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of state";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [ a :ColorField; :label "Background color"; :property :backgroundColor ]\n # @@ add icon for state\n\n ).\n\n\n # Form for Classification\n\n core:ClassificationForm a ui:Form; dct:title "Form for a classification by categpry";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of classification:";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [a ui:Multiple; ui:property owl:disjointUnionOf; ui:ordered true; ui:part core:CategoryForm ]\n ) .\n\n core:CategoryForm a ui:Form; dct:title "Form for a category";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of category";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [ a :ColorField; :label "Background color"; :property :backgroundColor ]\n\n ).\n\n core:PropertyForm a ui:Form; ui:parts ( # Internded for raed only only marking the\n [ a :SingleLineTextField;\n :label "(property name)";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n ).\n\n\n # Other ontology stuff we are otherwis missing\n\n # we can usde ui:label to give a decent abel when the ontology uses a really bad one\n rdfs:subClassOf ui:label "super class" .\n # We can also add a specific nice label for the inverse\n [] owl:inverse rdfs:subClassOf; rdfs:label "sub class" .\n owl:disjointUnionOf ui:label "option" .\n\n # Form for new group\n\n\n core:GroupForm a ui:Form; dct:title "Form for new contacts group"; ui:parts (\n [ a :SingleLineTextField;\n :label "Name of new group";\n :maxLength "128";\n :property vcard:fn;\n :size "60" ]\n\n [ a ui:Heading; ui:contents "Members of group"@en ]\n\n [ a ui:Multiple; ui:label "contacts in group"; ui:property vcard:member; ui:part core:PersonForm ]\n\n ).\n\n core:PersonForm a ui:Form; dct:title "New contact details form"; ui:parts (\n\n [ a :NamedNodeURIField; ui:label "Solid ID"; ui:property owl:sameAs; ui:size 60 ]\n\n [ a :SingleLineTextField;\n :label "Name of contact";\n :maxLength "128";\n :property vcard:fn;\n :size "60" ]\n\n [ a ui:PhoneField; :label "Phone"; :property vcard:phone; ] # @@ check property]\n\n [ a :EmailField; :label "Email"; :property vcard:email ] # @@ check property\n\n ).\n\n# classificattion owl:disjointUnionOf ()\n wf:Tracker :creationForm core:SettingsForm .\n',h,i.doc().uri,"text/turtle"),s.widgets.appendForm(a,n,{},e,i,e.doc(),r)}),n}(k));else if(i.sameTerm(x))t.appendChild(function(e){const n=a.createElement("div"),t={dom:a,div:n,noun:"tracker"};return s.login.registrationList(t,{public:!0,private:!0,type:e}).then(e=>{n.appendChild(b(n))}),n}(s.ns.wf("Tracker")));else{if(!h.holds(k,s.ns.wf("issueCategory"),i)&&!h.holds(k,s.ns.wf("issueClass"),i))throw new Error("Unexpected tab type: "+i);t.appendChild(g(k,i))}},items:i,selectedTab:h.any(k,s.ns.wf("defaultView"),null,k.doc())||y},l=x.doc();return h.add(x,s.ns.rdfs("label"),"My Trackers",l),h.add(w,s.ns.rdfs("label"),"Settings",l),h.add(t,s.ns.rdfs("label"),"By State",l),s.tabs.tabWidget(o)}n.paneDiv=i,i.setAttribute("class","issuePane");const A=s.ns.wf("BoardView"),y=s.ns.wf("TableView"),w=s.ns.wf("SettingsView"),x=s.ns.wf("InstancesView"),C=h.updater,E=h.findTypeURIs(e);let k;const B=s.ns.wf("").doc();h.holds(void 0,void 0,void 0,B)||m.parse(t(240),h,B.uri,"text/turtle");const S=s.ns.ui("").doc();let T;h.holds(void 0,void 0,void 0,S)||m.parse(t(197),h,S.uri,"text/turtle"),E["http://www.w3.org/2005/01/wf/flow#Task"]||h.holds(e,s.ns.wf("tracker"))?async function(){if(k=h.any(e,s.ns.wf("tracker")),!k)throw new Error("This issue "+e+"has no tracker");try{await n.session.store.fetcher.load(k.doc())}catch(e){return o("Failed to load tracker config "+k.doc()+": "+e)}const t=h.any(k,s.ns.wf("stateStore"));if(!t)return o("Tracker has no state store: "+k);try{await n.session.store.fetcher.load(e)}catch(e){return o("Failed to load issue state "+t+": "+e)}i.appendChild((0,u.renderIssue)(e,n)),C.addDownstreamChangeListener(t,function(){s.widgets.refreshTree(i)})}().then(()=>console.log("Single issue rendered")):E["http://www.w3.org/2005/01/wf/flow#Tracker"]?async function(){function t(e){s.widgets.refreshTree(i),(0,u.exposeOverlay)(e,n),f.disabled=!1}k=e;try{await async function(e,n){async function t(n){const t=e.any(n,s.ns.owl("disjointUnionOf"),null,a);if(!t)throw new Error(`Classification ${n} has no disjointUnionOf`);if(!t.elements)throw new Error(`Classification ${n} has no array`);const i=new Set(t.elements.map(e=>e.uri)),o=new Set(e.each(null,s.ns.rdfs("subClassOf"),n,a).map(e=>e.uri)),r=[...o].filter(e=>!i.has(e)).map(t=>({action:"delete",st:m.st(e.sym(t),s.ns.rdfs("subClassOf"),n,a)})),l=[...i].filter(e=>!o.has(e)).map(t=>({action:"insert",st:m.st(e.sym(t),s.ns.rdfs("subClassOf"),n,a)}));return r.concat(l)}const a=n.doc(),i=e.any(n,s.ns.wf("issueClass")),o=e.each(n,s.ns.wf("issueCategory")).concat([i]);let r=[];for(const e of o)r=r.concat(await t(e));if(r.length){const n=r.filter(e=>"insert"===e.action).map(e=>e.st),t=r.filter(e=>"delete"===e.action).map(e=>e.st);console.log("Damage:",r),confirm(`Fix ${r} inconsistent subclasses in tracker config?`)&&await e.updater.update(t,n)}}(h,k)}catch(e){console.log("@@@ Error fixing subclasses in config: "+e)}const o=h.any(e,s.ns.wf("issueClass"));if(!o)throw new Error("This tracker has no issueClass");const r=h.any(e,s.ns.wf("stateStore"));if(!r)throw new Error("This tracker has no stateStore");const l=a.createElement("h2");l.setAttribute("style","font-size: 150%"),i.appendChild(l);const c=s.utils.label(o);l.appendChild(a.createTextNode(c+" list"));const f=a.createElement("button"),g=a.createElement("div");f.setAttribute("type","button"),f.setAttribute("style","padding: 0.3em; font-size: 100%; margin: 0.5em;"),g.appendChild(f),i.appendChild(g);const b=a.createElement("img");b.setAttribute("src",s.icons.iconBase+"noun_19460_green.svg"),b.setAttribute("style","width: 1em; height: 1em; margin: 0.2em;"),f.appendChild(b);const A=a.createElement("span");A.innerHTML="New "+c,f.appendChild(A),f.addEventListener("click",function(e){f.disabled=!0,g.appendChild((0,p.newIssueForm)(a,h,k,null,t))},!1),n.session.store.fetcher.load([r]).then(function(t){const a=v();i.appendChild(a),a.refresh||console.log("No table refresh function?!"),i.appendChild((0,d.newTrackerButton)(e,n)),C.addDownstreamChangeListener(r,a.refresh)}).catch(function(e){return console.log("Cannot load state store: "+e)})}().then(()=>console.log("Tracker rendered")):console.log("Error: Issue pane: No evidence that "+e+" is either a bug or a tracker.");const P=i.appendChild(a.createElement("div"));return n.overlay=P,P.style="position: fixed; z-index: 100; top: 1.51em; right: 2em; left: 2em; bottom:1.5em; border: 0.1em grey; overflow: scroll;",P.style.visibility="hidden",l.authn.checkUser().then(e=>{if(e)return console.log("Web ID set already: "+e),void(n.me=e);T=s.login.loginStatusBox(a,e=>{e?(n.me=h.sym(e),console.log("Web ID set from login button: "+e),i.removeChild(T)):n.me=null}),T.setAttribute("style","margin: 0.5em 1em;"),i.appendChild(T),n.statusArea||(n.statusArea=i.appendChild(a.createElement("div")))}),i}};return r})())},1927(e,n,t){var a;a=(e,n,t)=>(()=>{"use strict";var a={264(e){e.exports=n},426(n){n.exports=e},663(e){e.exports=t}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={exports:{}};return a[e](t,t.exports,o),t.exports}o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{default:()=>f});var s=o(426),l=o(264),c=o(663);const{typeIndex:u}=c.solidLogicSingleton,{loadTypeIndexesFor:d}=u,p=s.ns,f={icon:s.icons.iconBase+"noun_66617.svg",name:"meeting",audience:[p.solid("PowerUser")],label:function(e,n){const t=n.session.store,a=s.ns;return t.holds(e,a.rdf("type"),a.meeting("Meeting"))?"Meeting":null},mintClass:s.ns.meeting("Meeting"),mintNew:function(e,n){return new Promise(function(t,a){const i=e.session.store,o=s.ns;n.newInstance=n.newInstance||i.sym(n.newBase+"index.ttl#this");const r=n.newInstance,u=r.doc(),d=c.authn.currentUser();d&&i.add(r,o.dc("author"),d,u),i.add(r,o.rdf("type"),o.meeting("Meeting"),u),i.add(r,o.dc("created"),new Date,u),i.add(r,o.ui("backgroundColor"),new l.Literal("#ddddcc",void 0,o.xsd("color")),u);const p=new l.Collection;i.add(r,o.meeting("toolList"),p,u),p.elements.push(r),i.updater.put(u,i.statementsMatching(void 0,void 0,void 0,u),"text/turtle",function(e,i,o){i?t(n):a(new Error("Error writing meeting configuration: "+o))})})},render:function(e,n){const t=n.dom,a=n.session.store,i=s.ns,o=a.updater,r=this,u=function(e,n){console.log(e);const a=t.createElement("pre");a.setAttribute("style","background-color: "+n||0),g.appendChild(a),a.appendChild(t.createTextNode(e))},p=function(e,n){e||u(n)},f=e,m=e.doc(),h=e.dir().uri,g=t.createElement("div"),b=g.appendChild(t.createElement("table"));b.style="width: 100%; height: 100%; margin:0;";const v=b.appendChild(t.createElement("tr"));v.appendChild(t.createElement("div"));const A=b.appendChild(t.createElement("tr")),y=b.appendChild(t.createElement("td")).appendChild(t.createElement("table")).appendChild(t.createElement("tr"));v.setAttribute("style","height: 2em;");let w=null;const x=function(){o.put(m,a.statementsMatching(void 0,void 0,void 0,m),"text/turtle",function(e,n,t){n?(W.refresh(),H()):u(t="FAILED to save new thing at: "+m+" : "+t)})},C=function(e,n,t){const r=n.doc();t&&a.add(f,t,n,r),a.add(n,i.meeting("parentMeeting"),f,r),o.put(r,a.statementsMatching(void 0,void 0,void 0,r),"text/turtle",function(e,t,a){t?x():u("FAILED to save new tool at: "+n+" : "+a)})},E=function(e,n,t,o){n&&a.add(f,n,e,m);const r=s.widgets.newThing(m);return t&&a.add(r,i.rdfs("label"),t,m),o&&a.add(r,i.meeting("icon"),a.sym(o),m),a.add(r,i.rdf("type"),i.meeting("Tool"),m),a.add(r,i.meeting("target"),e,m),a.the(f,i.meeting("toolList")).elements.push(r),r};function k(e){const n=/https:\/\/www\.google\..*\/maps\//,t="https://www.google.com/maps/embed/v1/",a=e.uri;if(!a.match(n))return e;if(a.startsWith(t))return e;const i=a.replace(n,t)+"&key=AIzaSyB8aaT6bY9tcLCmc2oPCkdUYLmTOWM8R54";return console.log("Converted Google Map URI! "+i),l.sym(i)}const B=function(t){Promise.all(t.map(function(t){return function(t){return new Promise(function(o){console.log("Dropped on thing "+t);const r=t.uri;if(r.startsWith("http:")&&r.indexOf("#")<0)return function(t){const o=i.wf("attachment");a.add(e,o,t,e.doc()),N({icon:"noun_160581.svg",limit:1,shareTab:!0},{newInstance:e,pane:n.session.paneRegistry.byName("link"),predicate:i.meeting("attachmentTool"),tabTitle:"Links",view:"link",noIndexHTML:!0})}(t),o(t);a.fetcher.nowOrWhenFetched(t,function(e,n){function c(e){e=k(e),console.log("make web page attachement tab "+e);const n=E(e,s.ns.wf("attachment"),s.utils.label(e),null);return a.add(n,s.ns.meeting("view"),"iframe",m),o(e)}if(e){const e=t,n=a.findTypeURIs(e);for(const e in n)console.log(" drop object type includes: "+e);if(i.vcard("Individual").uri in n||i.foaf("Person").uri in n||i.foaf("Agent").uri in n)return function(e){const n=a.any(e,i.foaf("preferredURI")),t=n?a.sym(n):e,o=a.any(f,i.meeting("attendeeGroup")),r=function(e,n){const t=[l.st(n,s.ns.vcard("hasMember"),e,n.doc())],o=a.any(e,i.vcard("fn"))||a.any(e,i.foaf("name"));o&&t.push(l.st(e,s.ns.vcard("fn"),o,n.doc())),a.fetcher.nowOrWhenFetched(n.doc(),void 0,function(i,o){i?a.updater.update([],t,function(n,t,a){p(t,a),t&&console.log("Addded to particpants OK: "+e)}):u("Can't read group to add person"+n)})};o?r(t,o):F().then(function(e){const n=e.newInstance;r(t,n),a.fetcher.putBack(m,{contentType:"text/turtle"}).then(function(e){console.log("Particiants Group created: "+n)})}).catch(function(e){u(e)})}(t),o(t);if(r.startsWith("https:")&&r.indexOf("#")<0){const e=a.fetcher.getHeader(t,"x-frame-options");let n=!0;if(e)for(let t=0;t<e.length;t++)console.log("x-frame-options: "+e[t]),e[t].indexOf("sameorigin")<0&&(n=!1),e[t].indexOf("deny")<0&&(n=!1);if(n)return function(e){const n=E(e,s.ns.wf("attachment"),s.utils.label(e),null);a.add(n,s.ns.meeting("view"),"iframe",m)}(t=k(t)),o(t)}return console.log("Default: assume web page attachement "+t),c(t)}return console.log("Error looking up dropped thing, will just add it anyway. "+t+": "+n),c(t)})})}(l.sym(t))})).then(function(e){x()})},S=function(e){s.widgets.uploadFiles(a.fetcher,e,f.dir().uri+"Files",f.dir().uri+"Pictures",function(e,n){e.type.startsWith("image/")?T("Files"):P("Pictures")})},T=function(e){return N({icon:"noun_598334.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+e+"/"),pane:n.session.paneRegistry.byName("folder"),predicate:i.meeting("pictures"),shareTab:!0,tabTitle:e,view:"slideshow",noIndexHTML:!0})},P=function(e){return N({icon:"noun_681601.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+"Files/"),pane:n.session.paneRegistry.byName("folder"),predicate:i.meeting("materialsFolder"),tabTitle:"Materials",noIndexHTML:!0})},F=function(){return N({icon:"noun_339237.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+"Attendees/index.ttl#this"),pane:n.session.paneRegistry.byName("contact"),predicate:i.meeting("attendeeGroup"),tabTitle:"Attendees",instanceClass:i.vcard("Group"),instanceName:s.utils.label(e)+" attendees",noIndexHTML:!0})};function N(e,t){return new Promise(function(a,i){const o=n.session.store;if(!t.useExisting){const n=o.any(f,t.predicate);if(n){if(e.limit&&1===e.limit&&!e.shareTab)return u("Already have "+n+" as "+s.utils.label(t.predicate)),u("Cant have two"),a(null);if(e.shareTab)return console.log("Using existing "+n+" as "+s.utils.label(t.predicate)),a({me:w,newInstance:n,instanceClass:t.instanceClass})}}w||t.me||i(new Error("Username not defined for new tool")),t.me=t.me||w,t.newInstance=t.useExisting||t.newInstance||o.sym(t.newBase+"index.ttl#this"),t.pane.mintNew(n,t).then(function(e){const n=E(e.newInstance,e.predicate,e.tabTitle,e.pane.icon);e.view&&o.add(n,s.ns.meeting("view"),e.view,m),x(),o.fetcher.putBack(m,{contentType:"text/turtle"}).then(function(n){a(e)}).catch(function(e){i(e)})}).catch(function(e){u(e),i(e)})})}const L=function(){const e=s.login.selectWorkspace(t,{noun:"meeting"},function(a,i){r.mintNew(n,{newBase:i}).then(function(n){const a=n.newInstance;D.removeChild(e);const i=D.appendChild(t.createElement("p"));i.setAttribute("style","font-size: 140%;"),i.innerHTML="Your <a target='_blank' href='"+a.uri+"'><b>new meeting</b></a> is ready to be set up. <br/><br/><a target='_blank' href='"+a.uri+"'>Go to your new meeting.</a>"}).catch(function(n){D.removeChild(e),D.appendChild(s.widgets.errorMessageBlock(t,n))})});D.appendChild(e)},I=[{icon:"noun_339237.svg",maker:function(e){const t=h+"Group/",a=n.session.store;let o=a.any(f,i.meeting("particpants"));o||(o=l.sym(t+"index.ttl#this")),console.log("Participant group: "+o);const r=E(o,i.meeting("particpants"),"Particpants",s.icons.iconBase+"noun_339237.svg");a.add(r,s.ns.meeting("view"),"peoplePicker",m),x()},hint:"Make a group of people",limit:1},{icon:"noun_346777.svg",maker:function(e){return N(e,{useExisting:f,pane:n.session.paneRegistry.byName("schedule"),view:"schedule",tabTitle:"Schedule poll",noIndexHTML:!0})},hint:"Make a poll to schedule the meeting"},{icon:"noun_48218.svg",maker:function(e){},limit:1,hint:"Add an agenda list",disabled:!0},{icon:"noun_79217.svg",maker:function(e){return N(e,{newBase:h+"SharedNotes/",predicate:s.ns.meeting("sharedNotes"),tabTitle:"Shared Notes",pane:n.session.paneRegistry.byName("pad")})},hint:"Add a shared notepad"},{icon:"noun_346319.svg",maker:function(e){const t=h+"Chat/",a=n.session.store;if(a.holds(f,i.meeting("chat")))return void console.log("Ignored - already have chat");const o=a.sym(t+"chat.ttl");a.add(o,i.rdf("type"),i.meeting("Chat"),o),E(o,i.meeting("chat"),"Chat",s.icons.iconBase+"noun_346319.svg"),C(0,o,i.meeting("chat"))},limit:1,hint:"Add a chat channel for the meeting"},{icon:"noun_17020.svg",maker:function(e){const t=h+"Actions/",a=n.session.store;if(a.holds(f,i.meeting("actions")))return void console.log("Ignored - already have actions");const o=a.sym(t+"config.ttl"),r=a.sym(t+"config.ttl#this"),l=a.sym(t+"state.ttl");a.add(r,i.dc("title"),(a.anyValue(f,i.cal("summary"))||"Meeting ")+" actions",o),a.add(r,i.wf("issueClass"),i.wf("Task"),o),a.add(r,i.wf("initialState"),i.wf("Open"),o),a.add(r,i.wf("stateStore"),l,o),a.add(r,i.wf("assigneeClass"),i.foaf("Person"),o),a.add(r,i.rdf("type"),i.wf("Tracker"),o),a.add(r,i.rdf("type"),i.wf("Tracker"),o),E(r,i.meeting("actions"),"Actions",s.icons.iconBase+"noun_17020.svg"),C(0,r,i.meeting("actions"))},limit:1,hint:"Add a list of action items"},{icon:"noun_260227.svg",maker:function(e){const t=n.session.store,a=l.sym("https://meet.jit.si/"+s.utils.genUuid());if(t.holds(f,i.meeting("videoCallPage")))return void console.log("Ignored - already have a videoCallPage");t.add(a,i.rdf("type"),i.meeting("VideoCallPage"),m);const o=E(a,i.meeting("videoCallPage"),"Video call",s.icons.iconBase+"noun_260227.svg");t.add(o,i.meeting("view"),"iframe",m),x()},limit:1,hint:"Add a video call for the meeting"},{icon:"noun_25830.svg",maker:function(e){s.widgets.askName(t,a,D,i.log("uri"),s.ns.rdf("Resource")).then(function(e){if(!e)return H();const t=n.session.store,a=s.ns,i=t.sym(e),o=E(i,a.wf("attachment"),s.utils.label(i),null);t.add(o,a.meeting("view"),"iframe",m),x()}).catch(function(e){u("Error making new sub-meeting: "+e)})},hint:"Attach meeting materials",disabled:!1},{icon:"noun_123691.svg",maker:function(e){const t=n.session.store,a=s.ns,i=f.dir();if(e.limit&&1===e.limit&&t.holds(f,a.wf("sharingControl")))return void u("Ignored - already have "+s.utils.label(G.predicate));const o=E(i,a.wf("sharingControl"),"Sharing",s.icons.iconBase+"noun_123691.svg");t.add(o,a.meeting("view"),"sharing",m),x()},limit:1,hint:"Control Sharing",disabled:!1},{icon:"noun_66617.svg",maker:function(e){s.widgets.askName(t,a,D,i.foaf("name"),s.ns.meeting("Meeting")).then(function(t){if(!t)return H();const a=encodeURIComponent(t),i={newBase:h+a+"/",predicate:s.ns.meeting("subMeeting"),tabTitle:t,pane:n.session.paneRegistry.byName("meeting")};return N(e,i)}).catch(function(e){u("Error making new sub-meeting: "+e)})},hint:"Make a sub meeting",disabled:!1}],_=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#settings");l.parse('@prefix : <http://www.w3.org/ns/ui#> .\n@prefix f: <#> .\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix cal: <http://www.w3.org/2002/12/cal/ical#>.\n@prefix meeting: <http://www.w3.org/ns/pim/meeting#>.\n@prefix ns: <http://www.w3.org/2006/vcard/ns#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix te: <http://purl.org/dc/terms/> .\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n\n f:main a :Form;\n cal:summary "Meeting Details";\n :part f:titleField, f:locationField, f:startField,\n f:endField, f:eventComment, f:colorField .\n\n f:titleField a :SingleLineTextField;\n :maxLength 256;\n :property cal:summary;\n :label "Name of meeting";\n :size 80 .\n\n f:locationField a :SingleLineTextField;\n :maxLength 128;\n :property cal:location;\n :size 40 .\n\n f:startField a :DateField;\n :label "Start";\n :property cal:dtstart .\n\n f:endField a :DateField;\n :label "End";\n :property cal:dtend .\n\n f:colorField a :ColorField;\n :label "Tab color";\n # :default "#ddddcc"^^xsd:color;\n :property ui:backgroundColor .\n\n f:eventComment\n a ui:MultiLineTextField;\n # ui:maxLength\n # "1048";\n # ui:size\n # "40".\n ui:property\n cal:comment.\n\n###################################################\n\nf:settings a :Form;\n dc:title "Tab settings";\n :part f:labelField, f:targetField, f:viewField.\n\n f:labelField a :SingleLineTextField;\n :maxLength 128;\n :property rdfs:label;\n :label "Label on tab";\n :size 40 .\n\n f:targetField a :NamedNodeURIField;\n :maxLength 1024; # Longer?\n :property meeting:target;\n :label "URL of resource";\n :size 80 .\n\n f:colorField2 a :ColorField;\n :label "Tab color";\n # :default "#ddddcc"^^xsd:color;\n :property ui:backgroundColor .\n\n f:viewField a :SingleLineTextField;\n :maxLength 128;\n :property meeting:view;\n :label "View mode (experts only)";\n :size 40 .\n\n#\n',a,_.doc().uri,"text/turtle");const O="padding: 1em; width: 3em; height: 3em;",R=y.appendChild(t.createElement("td")),D=y.appendChild(t.createElement("td")),M=R.appendChild(t.createElement("img"));let j=!1;M.setAttribute("src",s.icons.iconBase+"noun_19460_green.svg"),M.setAttribute("style",O+"opacity: 50%;"),M.setAttribute("title","Add another tool to the meeting");const z=function(e){j=!j,M.setAttribute("style",O+(j?"background-color: yellow;":"")),$(j?"":"display: none;")};let U;c.authn.checkUser().then(e=>{if(e)return w=e,M.addEventListener("click",z),void M.setAttribute("style",O);U=s.login.loginStatusBox(t,e=>{e?(w=a.sym(e),D.removeChild(U),M.addEventListener("click",z),M.setAttribute("style",O)):(console.log("(Logged out)"),w=null)}),U.setAttribute("style","margin: 0.5em 1em;"),D.appendChild(U)});const q=[];for(let e=0;e<I.length;e++)(function(){const n=I[e],a=R.appendChild(t.createElement("img"));a.setAttribute("src",s.icons.iconBase+n.icon),a.setAttribute("style",O+"display: none;"),q.push(a),a.tool=n;const i=n.maker;n.disabled||a.addEventListener("click",function(e){V(a),i(n)})})();const $=function(e){for(let n=0;n<q.length;n++){let t=O+e;I[n].disabled&&(t+="opacity: 0.3;"),q[n].setAttribute("style",t)}},H=function(){$("display: none;"),M.setAttribute("style",O)},V=function(e){$("display: none;"),e.setAttribute("style",O+"background-color: yellow;")},G={dom:t};G.predicate=i.meeting("toolList"),G.subject=e,G.ordered=!0,G.orientation=1,G.renderMain=function(e,o){let r,p=null,h=null;e.innerHTML="";const g=function(n,t){n||(e.textContent=""+t)},b=function(){e.appendChild(t.createElement("h3")).textContent="Details of meeting";const n=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#main");s.widgets.appendForm(document,e,{},f,n,f.doc(),g),e.appendChild(function(){const e=t.createElement("div"),n=e.appendChild(t.createElement("p"));return n.setAttribute("style","margin: 0em; padding:3em; color: #888;"),n.textContent="Tip: Drag URL-bar icons of web pages into the tab bar on the left to add new meeting materials.",e}()),w=c.authn.currentUser(),w&&a.add(f,i.dc("author"),w,m);const o={noun:"meeting",me:w,statusArea:e,div:e,dom:t};s.login.registrationControl(o,f,i.meeting("Meeting")).then(function(e){console.log("Registration control finsished.")}),s.pad.manageParticipation(t,e,m,f,w,{});const r="height: 2em; width: 2em; margin:0.5em;",u=e.appendChild(t.createElement("div")),d=u.appendChild(t.createElement("img"));d.setAttribute("src",s.icons.iconBase+"noun_145978.svg"),d.setAttribute("title","Make a fresh new meeting"),d.addEventListener("click",L),d.setAttribute("style",r);const p=u.appendChild(t.createElement("a"));p.setAttribute("href","https://github.com/solid/solid-panes"),p.setAttribute("target","_blank");const h=p.appendChild(t.createElement("img"));h.setAttribute("src",s.icons.iconBase+"noun_368567.svg"),h.setAttribute("title","Fork me on github"),h.setAttribute("style",r+"opacity: 50%;")};if(a.holds(o,i.rdf("type"),i.meeting("Tool"))){const m=a.any(o,i.meeting("target"));if(m.sameTerm(f)&&!a.any(o,i.meeting("view")))b();else{let g=a.any(o,i.meeting("view"));g=g?g.value:null,"details"===g?b():"peoplePicker"===g?function(){const n={div:e,dom:t};e.appendChild(t.createElement("h4")).textContent="Meeting Participants";const o=function(e){const n=[l.st(f,i.meeting("particpantGroup"),e,f.doc())];a.updater.update([],n,function(n,t,a){t?h=e:u("Cant save participants group: "+a)})};h=a.any(f,i.meeting("particpantGroup")),c.authn.checkUser().then(e=>{e&&d(a.sym(e)).then(function(){const e={defaultNewGroupName:"Meeting Participants",selectedGroup:h};new s.widgets.PeoplePicker(n.div,n.index.private[0],o,e).render()})})}():"iframe"===g?function(n){const a=e.appendChild(t.createElement("iframe"));a.setAttribute("src",n.uri),a.setAttribute("style","border: none; margin: 0; padding: 0; height: 100%; width: 100%;"),a.setAttribute("allow","microphone camera"),a.setAttribute("name","disable-x-frame-options"),e.style.padding=0}(m):(p=g?n.session.paneRegistry.byName(g):null,r=e.appendChild(t.createElement("table")),r.style.width="100%",n.getOutliner(t).GotoSubject(m,!0,p,!1,void 0,r))}}else o.sameTerm(f)?b():(!o.sameTerm(o.doc())||a.holds(o,s.ns.rdf("type"),s.ns.meeting("Chat"))||a.holds(o,s.ns.rdf("type"),s.ns.meeting("PaneView")))&&(r=e.appendChild(t.createElement("table")),n.getOutliner(t).GotoSubject(o,!0,void 0,!1,void 0,r))},G.renderTab=function(e,n){if(a.holds(n,i.rdf("type"),i.meeting("Tool"))){const o=a.any(n,i.meeting("target"));let r=a.any(n,i.rdfs("label"));r=r?r.value:s.utils.label(o);const l=e.appendChild(t.createElement("div"));l.textContent=r,l.setAttribute("style","margin-left: 0.7em");const c=a.any(n,i.meeting("icon"));if(c){const n=e.appendChild(t.createElement("table")).appendChild(t.createElement("tr")),a=n.appendChild(t.createElement("td")),i=n.appendChild(t.createElement("td")),o=a.appendChild(t.createElement("img"));o.setAttribute("src",c.uri),o.setAttribute("style","width: 1.5em; height: 1.5em;"),o.setAttribute("title",r),i.appendChild(l)}else e.appendChild(l)}else e.textContent=s.utils.label(n)},G.renderTabSettings=function(e,n){if(e.innerHTML="",e.style+="border-color: #eed;",e.appendChild(t.createElement("h3")).textContent="Adjust this tab",a.holds(n,i.rdf("type"),i.meeting("Tool"))){const o=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#settings");s.widgets.appendForm(document,e,{},n,o,f.doc(),p),s.widgets.deleteButtonWithCheck(t,e,"tab",function(){const e=a.the(f,i.meeting("toolList"));for(let t=0;t<e.elements.length;t++)if(e.elements[t].sameTerm(n)){e.elements.splice(t,1);break}const t=a.any(n,i.meeting("target")),o=a.statementsMatching(n).concat(a.statementsMatching(void 0,void 0,n)).concat(a.statementsMatching(f,void 0,t));a.remove(o),x()}).setAttribute("style","width: 1.5em; height: 1.5em;")}else e.appendChild(t.createElement("h4")).textContent="(No adjustments available)"},G.backgroundColor=a.anyValue(e,i.ui("backgroundColor"))||"#ddddcc";const W=A.appendChild(s.tabs.tabWidget(G));return s.aclControl.preventBrowserDropEvents(t),s.widgets.makeDropTarget(W.tabContainer,B,S),s.widgets.makeDropTarget(R,B,S),g}};return r})(),e.exports=a(t(9426),t(5491),t(5663))},7598(e,n,t){e.exports=t(1813)},6049(e,n,t){"use strict";var a,i,o=t(7598),r=t(8466).extname,s=t(983),l=/^\s*([^;\s]*)(?:;|\s|$)/,c=/^text\//i;function u(e){if(!e||"string"!=typeof e)return!1;var n=l.exec(e),t=n&&o[n[1].toLowerCase()];return t&&t.charset?t.charset:!(!n||!c.test(n[1]))&&"UTF-8"}function d(e){if(!e||"string"!=typeof e)return!1;var t=l.exec(e),a=t&&n.extensions[t[1].toLowerCase()];return!(!a||!a.length)&&a[0]}function p(e,n,t){return(n?s(n,o[n].source):0)>(t?s(t,o[t].source):0)?n:t}function f(e,t,a){var i=["nginx","apache",void 0,"iana"],r=t?i.indexOf(o[t].source):0,s=a?i.indexOf(o[a].source):0;return"application/octet-stream"!==n.types[d]&&(r>s||r===s&&"application/"===n.types[d]?.slice(0,12))||r>s?t:a}n.charset=u,n.charsets={lookup:u},n.contentType=function(e){if(!e||"string"!=typeof e)return!1;var t=-1===e.indexOf("/")?n.lookup(e):e;if(!t)return!1;if(-1===t.indexOf("charset")){var a=n.charset(t);a&&(t+="; charset="+a.toLowerCase())}return t},n.extension=d,n.extensions=Object.create(null),n.lookup=function(e){if(!e||"string"!=typeof e)return!1;var t=r("x."+e).toLowerCase().slice(1);if(!t)return!1;return n.types[t]||!1},n.types=Object.create(null),n._extensionConflicts=[],a=n.extensions,i=n.types,Object.keys(o).forEach(function(e){var t=o[e].extensions;if(t&&t.length){a[e]=t;for(var r=0;r<t.length;r++){var s=t[r];i[s]=p(s,i[s],e);const a=f(s,i[s],e);a!==i[s]&&n._extensionConflicts.push([s,a,i[s]])}}})},983(e){var n={"prs.":100,"x-":200,"x.":300,"vnd.":400,default:900},t={nginx:10,apache:20,iana:40,default:30},a={application:1,font:2,audio:2,video:3,default:0};e.exports=function(e,i="default"){if("application/octet-stream"===e)return 0;const[o,r]=e.split("/"),s=r.replace(/(\.|x-).*/,"$1");return(n[s]||n.default)+(t[i]||t.default)+(a[o]||a.default)+(1-e.length/100)}},4059(e){const n=e.exports={};n.list=[],n.paneForIcon=[],n.paneForPredicate=[],n.register=function(e,t){if(e.requireQueryButton=t,e.name)if(console.log(" registering pane: "+e.name),e.label){if(n.list.push(e),e.name in n||(n[e.name]=e),e.icon&&(n.paneForIcon[e.icon]=e),e.predicates)for(const t in e.predicates)n.paneForPredicate[t]={pred:t,code:e.predicates[t]}}else console.log("*** No label for pane!");else console.log("*** No name for pane!")},n.byName=function(e){for(let t=0;t<n.list.length;t++)if(n.list[t].name===e)return n.list[t];return console.warn(`No view with name ${e} found in the registry of views (aka paneRegistry)`),null}},5956(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CVCard=void 0;var a=t(6752);t(8481);function i(e,n=!1){return e&&e.length&&e[0]?a.html`${function(e,n=!1){return e&&n?a.html`
1
+ !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("UI"),require("SolidLogic"),require("rdflib")):"function"==typeof define&&define.amd?define(["UI","SolidLogic","rdflib"],n):"object"==typeof exports?exports.SolidPanes=n(require("UI"),require("SolidLogic"),require("rdflib")):e.SolidPanes=n(e.UI,e.SolidLogic,e.rdflib)}(this,(e,n,t)=>(()=>{var a={6305(e){e.exports&&(e.exports=function(e,n){if(void 0===t)var t=n.dom;var a=t.querySelectorAll(e),i={init:function(e,n){this.counter=0,this.el=e,this.$items=e.querySelectorAll("figure"),this.numItems=this.$items.length,(n=n||{}).auto=n.auto||!1,this.opts={auto:void 0!==n.auto&&n.auto,speed:void 0===n.auto.speed?1500:n.auto.speed,pauseOnHover:void 0!==n.auto.pauseOnHover&&n.auto.pauseOnHover,fullScreen:void 0!==n.fullScreen&&n.fullScreen,swipe:void 0!==n.swipe&&n.swipe},this.$items[0].classList.add("bss-show"),this.injectControls(e),this.addEventListeners(e),this.opts.auto&&this.autoCycle(this.el,this.opts.speed,this.opts.pauseOnHover),this.opts.fullScreen&&this.addFullScreen(this.el),this.opts.swipe&&this.addSwipe(this.el)},showCurrent:function(e){this.counter=e>0?this.counter+1===this.numItems?0:this.counter+1:this.counter-1<0?this.numItems-1:this.counter-1,[].forEach.call(this.$items,function(e){e.classList.remove("bss-show")}),this.$items[this.counter].classList.add("bss-show")},injectControls:function(e){var n=t.createElement("span"),a=t.createElement("span"),i=t.createDocumentFragment();n.classList.add("bss-prev"),a.classList.add("bss-next"),n.innerHTML="&laquo;",a.innerHTML="&raquo;",i.appendChild(n),i.appendChild(a),e.appendChild(i)},addEventListeners:function(e){var n=this;e.querySelector(".bss-next").addEventListener("click",function(){n.showCurrent(1)},!1),e.querySelector(".bss-prev").addEventListener("click",function(){n.showCurrent(-1)},!1),e.onkeydown=function(e){37===(e=e||window.event).keyCode?n.showCurrent(-1):39===e.keyCode&&n.showCurrent(1)}},autoCycle:function(e,n,t){var a=this,i=window.setInterval(function(){a.showCurrent(1)},n);t&&(e.addEventListener("mouseover",function(){i=clearInterval(i)},!1),e.addEventListener("mouseout",function(){i=window.setInterval(function(){a.showCurrent(1)},n)},!1))},addFullScreen:function(e){var n=this,a=t.createElement("span");a.classList.add("bss-fullscreen"),e.appendChild(a),e.querySelector(".bss-fullscreen").addEventListener("click",function(){n.toggleFullScreen(e)},!1)},addSwipe:function(e){var n=this,t=new Hammer(e);t.on("swiperight",function(e){n.showCurrent(-1)}),t.on("swipeleft",function(e){n.showCurrent(1)})},toggleFullScreen:function(e){t.fullscreenElement||t.mozFullScreenElement||t.webkitFullscreenElement||t.msFullscreenElement?t.exitFullscreen?t.exitFullscreen():t.msExitFullscreen?t.msExitFullscreen():t.mozCancelFullScreen?t.mozCancelFullScreen():t.webkitExitFullscreen&&t.webkitExitFullscreen():t.documentElement.requestFullscreen?e.requestFullscreen():t.documentElement.msRequestFullscreen?e.msRequestFullscreen():t.documentElement.mozRequestFullScreen?e.mozRequestFullScreen():t.documentElement.webkitRequestFullscreen&&e.webkitRequestFullscreen(e.ALLOW_KEYBOARD_INPUT)}};[].forEach.call(a,function(e){Object.create(i).init(e,n)})})},701(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.findChat=s,n.getChat=async function(e,n=!0){const{me:t,chatContainer:l,exists:c}=await s(e);if(c)return new o.NamedNode(l.value+r.longChatPane.CHAT_LOCATION_IN_CONTAINER);if(n){const n=await async function(e,n){const t=await r.longChatPane.mintNew({session:{store:i.store}},{me:n,newBase:e.value});return t.newInstance}(l,t);return await async function(e,n){await i.store.fetcher.load(e.doc());const t=i.store.any(e,a.ns.ldp("inbox"),void 0,e.doc());if(!t)throw new Error(`Invitee inbox not found! ${e.value}`);const o=`\n<> a <http://www.w3.org/ns/pim/meeting#LongChatInvite> ;\n${a.ns.rdf("seeAlso")} <${n.value}> . \n `,r=await i.store.fetcher.webOperation("POST",t.value,{data:o,contentType:"text/turtle"});if(!r.headers.get("location"))throw new Error(`Invite sending returned a ${r.status}`)}(e,n),await async function(e,n,t){await i.store.fetcher.load(e);const a=i.store.any(e,new o.NamedNode("http://www.iana.org/assignments/link-relations/acl"));if(!a)throw new Error("Chat ACL doc not found!");const r=`\n@prefix acl: <http://www.w3.org/ns/auth/acl#>.\n<#owner>\n a acl:Authorization;\n acl:agent <${n.value}>;\n acl:accessTo <.>;\n acl:default <.>;\n acl:mode\n acl:Read, acl:Write, acl:Control.\n<#invitee>\n a acl:Authorization;\n acl:agent <${t.value}>;\n acl:accessTo <.>;\n acl:default <.>;\n acl:mode\n acl:Read, acl:Append.\n`;await i.store.fetcher.webOperation("PUT",a.value,{data:r,contentType:"text/turtle"})}(l,t,e),await async function(e,n){const t=i.store.any(n,a.ns.solid("privateTypeIndex"));if(!t)throw new Error("Private type index not found!");await i.store.fetcher.load(t);const r=a.widgets.newThing(t),s=[(0,o.st)(r,a.ns.rdf("type"),a.ns.solid("TypeRegistration"),t.doc()),(0,o.st)(r,a.ns.solid("forClass"),a.ns.meeting("LongChat"),t.doc()),(0,o.st)(r,a.ns.solid("instance"),e,t.doc())];await new Promise((e,n)=>{i.store.updater.update([],s,function(t,a,i){a?e():n(new Error(i))})})}(n,t),n}throw new Error("Chat does not exist and createIfMissing is false")};var a=t(9426),i=t(5663),o=t(5491),r=t(8055);async function s(e){const n=await async function(){const e=i.authn.currentUser();if(null===e)throw new Error("Current user not found! Not logged in?");return await i.store.fetcher.load(e.doc()),e}(),t=await async function(e){const n=i.store.any(e,a.ns.space("storage"),void 0,e.doc());if(!n)throw new Error("Current user pod root not found!");return n}(n),s=function(e,n){const t=new URL(`IndividualChats/${new URL(e.value).host}/`,n.value).toString();return new o.NamedNode(t)}(e,t);let l=!0;try{await i.store.fetcher.load(new o.NamedNode(s.value+r.longChatPane.CHAT_LOCATION_IN_CONTAINER))}catch(e){l=!1}return{me:n,chatContainer:s,exists:l}}},8055(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.longChatPane=void 0;var a=t(5663),i=r(t(9426)),o=r(t(5491));function r(e,n){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(r=function(e,n){if(!n&&e&&e.__esModule)return e;var i,o,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(i=n?a:t){if(i.has(e))return i.get(e);i.set(e,r)}for(const n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,n))&&(o.get||o.set)?i(r,n,o):r[n]=e[n]);return r})(e,n)}const s=i.ns,l=s.meeting("LongChat"),c="index.ttl#this",u=i.style.sidebarComponentStyle||" padding: 0.5em; width: 100%;",d=i.style.sidebarStyle||"overflow-x: auto; overflow-y: auto; border-radius: 1em; border: 0.1em solid white;";n.longChatPane={CHAT_LOCATION_IN_CONTAINER:c,icon:i.icons.iconBase+"noun_1689339.svg",name:"long chat",label:function(e,n){const t=n.session.store;return t.holds(e,s.rdf("type"),s.meeting("LongChat"))?"Chat channnel":t.holds(e,s.rdf("type"),s.sioc("Thread"))?"Thread":t.any(e,s.sioc("content"))&&t.any(e,s.dct("created"))?"message":null},mintClass:l,mintNew:function(e,n){const t=e.session.store,a=t.updater;if(n.me&&!n.me.uri)throw new Error("chat mintNew: Invalid userid "+n.me);const i=n.newInstance=n.newInstance||t.sym(n.newBase+c),o=i.doc();t.add(i,s.rdf("type"),s.meeting("LongChat"),o),t.add(i,s.dc("title"),"Chat channel",o),t.add(i,s.dc("created"),new Date,o),n.me&&t.add(i,s.dc("author"),n.me,o);const r=(e,n,t)=>`\n @prefix : <#>.\n @prefix acl: <http://www.w3.org/ns/auth/acl#>.\n @prefix foaf: <http://xmlns.com/foaf/0.1/>.\n @prefix lon: <./${n}>.\n\n :ControlReadWrite\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agent <${e.uri}>;\n acl:default lon:;\n acl:mode acl:Control, acl:Read, acl:Write.\n :Read\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agentClass foaf:Agent;\n acl:default lon:;\n acl:mode acl:Read.\n :Read${t}\n a acl:Authorization;\n acl:accessTo lon:;\n acl:agentClass acl:AuthenticatedAgent;\n acl:default lon:;\n acl:mode acl:Read, acl:${t}.`;return new Promise(function(e,i){a.put(o,t.statementsMatching(void 0,void 0,void 0,o),"text/turtle",function(t,a,o){a?e(n):i(new Error("FAILED to save new chat channel at: "+t+" : "+o))}).then(e=>new Promise((e,a)=>{n.me&&(t.fetcher.webOperation("PUT",n.newBase+".acl",{data:r(n.me,"","Append"),contentType:"text/turtle"}),t.fetcher.webOperation("PUT",n.newBase+"index.ttl.acl",{data:r(n.me,"index.ttl","Write"),contentType:"text/turtle"})),e(n)}))})},render:function(e,n,t){const r=n.dom,c=n.session.store,p=c.sym("https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this"),f=p.doc();c.holds(void 0,void 0,void 0,f)||o.parse('\n @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n @prefix ui: <http://www.w3.org/ns/ui#>.\n @prefix : <#>.\n\n :this\n <http://purl.org/dc/elements/1.1/title> "Chat preferences" ;\n a ui:Form ;\n ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms\n :shiftEnterSendsMessage :authorDateOnLeft :showDeletedMessages).\n\n :colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n ui:label "Color user input by user".\n\n :expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n ui:label "Expand image URLs inline".\n\n :newestFirst a ui:TristateField; ui:property solid:newestFirst;\n ui:label "Newest messages at the top".\n\n :inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n ui:label "Inline image height (lines)".\n\n :shiftEnterSendsMessage a ui:TristateField; ui:property solid:shiftEnterSendsMessage;\n ui:label "Shift-Enter sends message".\n\n :authorDateOnLeft a ui:TristateField; ui:property solid:authorDateOnLeft;\n ui:label "Author & date of message on left".\n\n :showDeletedMessages a ui:TristateField; ui:property solid:showDeletedMessages;\n ui:label "Show placeholders for deleted messages".\n',c,f.uri,"text/turtle");const m=c.statementsMatching(null,s.ui.property,null,f).map(e=>e.object);function h(e){const t=i.widgets.button(n.dom,i.icons.iconBase+"noun_1180156.svg","close",function(){e.parentNode.removeChild(e)});return t.style.float="right",t.style.margin="0.7em",delete t.style.backgroundColor,t}function g(e,t){const o=r.createElement("div"),s=a.authn.currentUser(),l={div:o,dom:r,noun:t,statusArea:o,me:s,refreshTarget:e},c=[n.session.paneRegistry.byName("chat")];return i.create.newThingUI(l,n,c),o}let b,v=null;let A=e,y=null,w=null;if(c.holds(e,s.rdf("type"),s.meeting("LongChat")))console.log("@@@ Chat channnel");else if(c.holds(e,s.rdf("type"),s.sioc("Thread"))){console.log("Thread is subject "+e.uri),w=e;const n=c.the(null,s.sioc("has_reply"),w,w.doc());if(!n)throw new Error("Thread has no root message "+w);if(A=c.any(null,s.wf("message"),n),!A)throw new Error("Thread root has no link to chatChannel")}else if(c.any(e,s.sioc("content"))&&c.any(e,s.dct("created"))&&(console.log("message is subject "+e.uri),y=e,A=c.any(null,s.wf("message"),y),!A))throw new Error("Message has no link to chatChannel");const x=r.createElement("div"),C="20cm",E=x.appendChild(r.createElement("table"));E.style.maxHeight='12"';const k=E.appendChild(r.createElement("tr")),B=k.appendChild(r.createElement("td")),S=k.appendChild(r.createElement("td")),T=k.appendChild(r.createElement("td")),P=k.appendChild(r.createElement("td")),F=E.appendChild(r.createElement("tr"));B.style=d,B.style.paddingRight="1em",T.style=d,T.style.paddingLeft="1em",P.style=d,P.style.paddingLeft="1em",F.appendChild(r.createElement("td"));const N=F.appendChild(r.createElement("td"));F.appendChild(r.createElement("td"));const L=i.widgets.button(r,i.icons.iconBase+"noun_339237.svg","participants ...");N.appendChild(L),L.addEventListener("click",function(e){if(!b){b=r.createElement("div"),b.style=u,b.style.maxHeight=C,b.appendChild(h(b));const e=a.authn.currentUser();e||alert("Should be logeed in for partipants panel"),i.pad.manageParticipation(r,b,A.doc(),A,e,{})}B.contains(b)?(b.parentNode.removeChild(b),b=null):B.appendChild(b)});const I=i.widgets.button(r,i.icons.iconBase+"noun_1689339.svg","List of other chats ...");N.appendChild(I),I.addEventListener("click",async function(e){v||(v=r.createElement("div"),v.style=u,v.style.maxHeight=C,v.appendChild(h(v)),v.appendChild(await async function(e,n){const t=r.createElement("div"),a={dom:r,div:t,noun:n};return await i.login.registrationList(a,{public:!0,private:!0,type:e}),t.appendChild(g(t,n)),t}(s.meeting("LongChat"),"chat"))),B.contains(v)?v.parentNode.removeChild(v):B.appendChild(v)});let _=null;const O=i.widgets.button(r,i.icons.iconBase+"noun_344563.svg","Setting ...");N.appendChild(O),O.style.float="right",O.addEventListener("click",async function(e){_||(_=await async function(e){const{dom:n,noun:t}=e,o=n.createElement("div");o.appendChild(h(o)),o.style=u,o.style.minWidth="25em",o.style.maxHeight=C;const r=o.appendChild(n.createElement("table")),s=r.appendChild(n.createElement("tr")),d=r.appendChild(n.createElement("tr")),f=a.authn.currentUser();return f&&(await i.login.registrationControl({noun:t,me:f,statusArea:d,dom:n,div:s},A,l),console.log("Registration control finsished."),o.appendChild(i.preferences.renderPreferencesForm(A,l,p,{noun:t,me:f,statusArea:d,div:o,dom:n,kb:c}))),o}({dom:r,noun:"chat room"})),P.contains(_)?(_.parentNode.removeChild(_),_=null):P.appendChild(_)}),x.setAttribute("class","chatPane");const R={infinite:!0},D={noun:"chat room",div:x,dom:r};async function M(e,n){console.log("@@@@ showThread thread "+e);const t={};t.thread=e,t.includeRemoveButton=!0,t.authorDateOnLeft=n.authorDateOnLeft,t.newestFirst=n.newestFirst,T.innerHTML="",console.log("Options for showThread message Area",t);const a=await i.infiniteMessageArea(r,c,A,t);a.style.resize="both",a.style.overflow="auto",a.style.maxHeight=C,T.appendChild(a)}return D.me=a.authn.currentUser(),async function(){let e;try{e=await i.preferences.getPreferencesForClass(A,l,m,D)}catch(e){i.widgets.complain(D,e)}for(const n in e)R[n.split("#")[1]]=e[n];y&&(R.selectedMessage=y),t.solo&&(R.solo=!0),w?R.thread=w:R.showThread=M;const n=await i.infiniteMessageArea(r,c,A,R);n.style.resize="both",n.style.overflow="auto",n.style.maxHeight=C,S.appendChild(n)}().then(console.log("async - chat pane built")),x}}},7052(e,n,t){"use strict";Object.defineProperty(n,"Pq",{enumerable:!0,get:function(){return i.longChatPane}}),Object.defineProperty(n,"bz",{enumerable:!0,get:function(){return a.shortChatPane}});var a=t(6303),i=t(8055),o=t(701)},6303(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.shortChatPane=void 0;var a=t(5663),i=function(e,n){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return function(e,n){if(!n&&e&&e.__esModule)return e;var i,o,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(i=n?a:t){if(i.has(e))return i.get(e);i.set(e,r)}for(const n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,n))&&(o.get||o.set)?i(r,n,o):r[n]=e[n]);return r}(e,n)}(t(9426));const o=i.ns;n.shortChatPane={icon:i.icons.iconBase+"noun_346319.svg",name:"chat",audience:[o.solid("PowerUser")],label:function(e,n){const t=n.session.store,a=t.each(e,o.wf("message")).length;return a>0?"Chat ("+a+")":t.holds(e,o.rdf("type"),o.meeting("Chat"))?"Meeting chat":t.holds(void 0,o.rdf("type"),o.foaf("ChatChannel"),e)?"IRC log":null},mintClass:o.meeting("Chat"),mintNew:function(e,n){if(!confirm("short Chat is deprecated in favor of long Chat.\nEmbedded chat for comments and existing short Chats will work.\nYou can report any issues at https://github.com/SolidOS/chat-pane ?\n\nDo you really want to create a new deprecated short Chat?"))return;const t=e.session.store,a=t.updater;if(n.me&&!n.me.uri)throw new Error("chat mintNew: Invalid userid "+n.me);const i=n.newInstance=n.newInstance||t.sym(n.newBase+"index.ttl#this"),r=i.doc();return t.add(i,o.rdf("type"),o.meeting("Chat"),r),t.add(i,o.dc("title"),"Chat",r),t.add(i,o.dc("created"),new Date,r),n.me&&t.add(i,o.dc("author"),n.me,r),new Promise(function(e,i){a.put(r,t.statementsMatching(void 0,void 0,void 0,r),"text/turtle",function(t,a,o){a?e(n):i(new Error("FAILED to save new tool at: "+t+" : "+o))})})},render:function(e,n){const t=n.session.store,r=n.dom,s=r.createElement("div");s.setAttribute("class","chatPane");const l={};let c;if(t.holds(e,o.rdf("type"),o.meeting("Chat")))c=e.doc();else if(t.any(e,i.ns.wf("message")))c=a.store.any(e,i.ns.wf("message")).doc();else if(t.holds(void 0,o.rdf("type"),o.foaf("ChatChannel"),e)||t.holds(e,o.rdf("type"),o.foaf("ChatChannel"))){const n=function(){const e=new $rdf.Query("IRC log entries"),n=[];return["chan","msg","date","list","pred","creator","content"].forEach(function(t){e.vars.push(n[t]=$rdf.variable(t))}),e.pat.add(n.chan,o.foaf("chatEventList"),n.list),e.pat.add(n.list,n.pred,n.msg),e.pat.add(n.msg,o.dc("date"),n.date),e.pat.add(n.msg,o.dc("creator"),n.creator),e.pat.add(n.msg,o.dc("description"),n.content),e};c=e.doc(),l.query=n()}else!function(e,n){const t=r.createElement("pre");t.setAttribute("style","background-color: "+n||0),s.appendChild(t),t.appendChild(r.createTextNode(e))}("Unknown chat type");return s.appendChild(i.messageArea(r,t,e,c,l)),t.updater.addDownstreamChangeListener(c,function(){i.widgets.refreshTree(s)}),s}}},3955(e,n,t){var a;globalThis,a=(e,n,t)=>(()=>{"use strict";var a={903(e,n,t){t.d(n,{A:()=>p});var a=t(354),i=t.n(a),o=t(314),r=t.n(o),s=t(417),l=t.n(s),c=new URL(t(102),t.b),u=r()(i()),d=l()(c);u.push([e.id,`/* Focus indicator for keyboard navigation */\n.contactPane table tr[tabindex="0"]:focus {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n background: var(--color-info-bg);\n}\n/* contactsPane styles — extracted from inline styles in contactsPane.js */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Layout: Three-column browser ────────────────────────────── */\n\n.contactPane .peopleSection .selected {\n background-color: var(--color-info-bg) !important;\n}\n\n.contactPane .detailSection {\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 300px;\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n min-height: 200px;\n padding: var(--spacing-lg);\n max-width: 900px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 900px;\n}\n\n.contactPane .cardFooter {\n display: flex;\n flex-wrap: nowrap; /* keep buttons inline */\n align-items: center; /* vertical centering if varied heights */\n gap: var(--spacing-xs);\n padding-top: var(--spacing-md);\n margin-top: var(--spacing-md);\n}\n\n.contactPane .detailsSectionContent {\n margin: 0;\n}\n\n/* ── Contact type chooser ───────────────────────────────────── */\n\n.contactPane .contactTypeChooser {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n max-width: 360px;\n}\n\n.contactPane .contactTypeChooser h3 {\n margin: 0 0 var(--spacing-xs) 0;\n font-size: var(--font-size-lg);\n}\n\n.contactPane .contactTypeSelect {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm);\n font-size: var(--font-size-sm);\n background: var(--color-section-bg);\n}\n\n/* ── Search ──────────────────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n border-radius: var(--border-radius-full) !important;\n /* existing styles */\n}\n/* wrapper to position clear icon/button */\n.contactPane .searchDiv {\n position: relative;\n}\n\n.contactPane .searchInput {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n background-color: var(--color-section-bg);\n background-image: url(${d});\n background-repeat: no-repeat;\n background-position: 8px center;\n background-size: 20px 20px;\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 34px;\n font-size: var(--font-size-base);\n width: 100%;\n box-sizing: border-box;\n}\n\n/* clear button inside search input */\n.contactPane .searchClearButton {\n position: absolute;\n right: var(--spacing-sm);\n top: 50%;\n transform: translateY(-50%);\n border: none;\n background: transparent;\n font-size: var(--font-size-base);\n line-height: 1;\n padding: 0;\n cursor: pointer;\n color: var(--color-text-muted);\n /* visibility is controlled via the generic \`.hidden\` utility class */\n display: block;\n}\n.contactPane .searchClearButton.hidden {\n display: none;\n}\n.contactPane .searchClearButton:hover {\n color: var(--color-text);\n}\n\n/* ── Contact toolbar (top-right link + delete) ──────────────── */\n\n.contactPane .contact-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* ── "All" groups button ─────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n margin-left: var(--spacing-md);\n font-size: var(--font-size-base);\n}\n\n.contactPane .allGroupsButton--loading {\n background-color: var(--color-primary);\n}\n\n.contactPane .allGroupsButton--active {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n.contactPane .allGroupsButton--loaded {\n background-color: var(--color-primary);\n}\n\n/* ── Selection & visibility states ───────────────────────────── */\n\n.contactPane .group-loading {\n}\n\n.contactPane .hidden {\n display: none;\n}\n\n/* ── Mint new address book ───────────────────────────────────── */\n\n.contactPane .claimSuccess {\n font-size: var(--font-size-xl);\n}\n\n.contactPane {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 50%;\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: auto; /* allow horizontal scroll if needed */\n}\n\n.contactPane .addressBookSection {\n flex: 1 1 350px;\n max-width: 485px;\n box-sizing: border-box;\n}\n\n@media ((min-width: 500px) and (max-width: 900px)) {\n .contactPane .addressBookSection {\n max-width: 900px;\n }\n .contactPane .addressBookSection section {\n max-width: 485px;\n }\n}\n\n@media (max-width: 500px) {\n .contactPane .addressBookSection {\n max-width: 485px;\n }\n}\n\n/* Card Section Background */\n.contactPane .section-bg {\n background: var(--color-section-bg);\n padding: var(--spacing-md);\n box-sizing: border-box;\n border: none !important;\n border-radius: 0 !important;\n}\n\n/* Primary Button */\n.contactPane .btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: var(--color-background);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.contactPane .btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n\n/* Secondary button */\n.contactPane .btn-secondary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: var(--border-width-thin) solid var(--color-secondary);\n border-radius: var(--border-radius-base);\n background: var(--color-secondary);\n color: var(--color-background);\n font-weight: var(--font-weight-bold);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.contactPane .btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.contactPane .action-button-focus:focus,\n.contactPane .action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\n.contactPane .buttonSection {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: var(--spacing-sm);\n padding-bottom: 0;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n margin-bottom: 0;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar {\n height: 6px;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-thumb {\n background: var(--color-border-pale);\n border-radius: var(--border-radius-base);\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.contactPane .buttonSection .selected {\n background: none !important;\n}\n\n.contactPane .groupButtonsList {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--spacing-xs);\n list-style: none;\n}\n\n.contactPane .buttonSection .groupButtonsList {\n margin-left: var(--spacing-xs);\n margin-right: var(--spacing-xs);\n padding-left: 0;\n}\n\n.contactPane .groupButtonsList li {\n flex-shrink: 0;\n}\n\n.contactPane .groupButtonsList button {\n white-space: nowrap;\n flex-shrink: 0;\n min-width: max-content;\n margin-left: 0;\n}\n\n/* Groups list in details section — flexible 2-column grid */\n.contactPane .detailsSectionContent .groupButtonsList {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li {\n width: 100%;\n aspect-ratio: 1 / 1;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n@media (max-width: 599px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n }\n\n .contactPane .detailsSectionContent .groupButtonsList button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.contactPane .detailsSectionContent .newGroupBtn {\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane .detailsSectionContent h3 {\n font-size: var(--font-size-xl);\n margin-bottom: var(--spacing-sm);\n padding-left: 0;\n}\n\n/* Delete confirmation POPUP — centered overlay in details section */\n.contactPane .detailSection {\n position: relative;\n}\n\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"],\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"],\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"],\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1000;\n}\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n z-index: 1001;\n}\n\n/* Selected state for All contacts button */\n.contactPane .allGroupsButton--selected {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n/* ── Header section ──────────────────────────────────────────── */\n\n.contactPane .headerSection {\n background: var(--color-background);\n padding: var(--spacing-sm);\n border-top-left-radius: var(--border-radius-full);\n border-top-right-radius: var(--border-radius-full);\n margin-bottom: 0;\n}\n\n.contactPane .headerSection header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0;\n}\n\n.contactPane .headerSection h2 {\n margin-bottom: 0;\n}\n\n/* ── Dotted horizontal rule ─────────────────────────────────── */\n\n.contactPane .dottedHr {\n border: none;\n border-top: 1px dotted var(--color-text-muted);\n margin: 0;\n}\n\n/* ── Search section ─────────────────────────────────────────── */\n\n.contactPane .searchSection {\n padding: var(--spacing-sm);\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n/* ── People list section ────────────────────────────────────── */\n\n.contactPane .peopleSection {\n display: flex;\n background: var(--color-background);\n border-top: 1px dotted var(--color-text-muted);\n margin-bottom: 0;\n}\n\n.contactPane .peopleSection ul {\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 70vh;\n overflow-y: auto;\n}\n\n.contactPane .peopleSection li {\n border-top: 1px solid var(--color-border-pale);\n padding: var(--spacing-xs);\n}\n\n/* ── Person list item (addressBookPresenter) ─────────────────── */\n\n.contactPane .personLi-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.contactPane .personLi-avatar {\n width: 45px;\n height: 45px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar .avatar-placeholder {\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.contactPane .personLi-info {\n flex: 1;\n margin-left: var(--spacing-sm);\n overflow: hidden;\n}\n\n.contactPane .personLi-name {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.contactPane .personLi-arrow {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n\n.contactPane .personLi--error {\n opacity: 0.5;\n}`,"",{version:3,sources:["webpack://./src/styles/contactsPane.css"],names:[],mappings:"AAAA,4CAA4C;AAC5C;EACE,2DAA2D;EAC3D,mBAAmB;EACnB,gCAAgC;AAClC;AACA,0EAA0E;AAC1E,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,iDAAiD;AACnD;;AAEA;EACE,WAAW,EAAE,wCAAwC;EACrD,gBAAgB;EAChB,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;EACE,iBAAiB;EACjB,0BAA0B;EAC1B,gBAAgB;EAChB,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,iBAAiB,EAAE,wBAAwB;EAC3C,mBAAmB,EAAE,yCAAyC;EAC9D,sBAAsB;EACtB,8BAA8B;EAC9B,6BAA6B;AAC/B;;AAEA;EACE,SAAS;AACX;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA;EACE,+BAA+B;EAC/B,0CAA0C;EAC1C,wCAAwC;EACxC,4BAA4B;EAC5B,8BAA8B;EAC9B,mCAAmC;AACrC;;AAEA,mEAAmE;;AAEnE;EACE,mDAAmD;EACnD,oBAAoB;AACtB;AACA,0CAA0C;AAC1C;EACE,kBAAkB;AACpB;;AAEA;EACE,+BAA+B;EAC/B,0CAA0C;EAC1C,yCAAyC;EACzC,yDAAgZ;EAChZ,4BAA4B;EAC5B,+BAA+B;EAC/B,0BAA0B;EAC1B,wCAAwC;EACxC,mCAAmC;EACnC,gCAAgC;EAChC,WAAW;EACX,sBAAsB;AACxB;;AAEA,qCAAqC;AACrC;EACE,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,2BAA2B;EAC3B,YAAY;EACZ,uBAAuB;EACvB,gCAAgC;EAChC,cAAc;EACd,UAAU;EACV,eAAe;EACf,8BAA8B;EAC9B,qEAAqE;EACrE,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,wBAAwB;AAC1B;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,gCAAgC;AAClC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,sCAAsC;EACtC,8BAA8B;AAChC;;AAEA;EACE,sCAAsC;AACxC;;AAEA,mEAAmE;;AAEnE;AACA;;AAEA;EACE,aAAa;AACf;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,iBAAiB,EAAE,+BAA+B;EAClD,OAAO;EACP,cAAc;EACd,oBAAoB;EACpB,WAAW;EACX,sBAAsB;EACtB,gBAAgB,EAAE,sCAAsC;AAC1D;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,sBAAsB;AACxB;;AAEA;EACE;IACE,gBAAgB;EAClB;EACA;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF;;AAEA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA,mBAAmB;AACnB;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gCAAgC;EAChC,8BAA8B;EAC9B,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,eAAe;AACjB;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,6DAA6D;EAC7D,wCAAwC;EACxC,kCAAkC;EAClC,8BAA8B;EAC9B,oCAAoC;EACpC,eAAe;EACf,8CAA8C;EAC9C,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,iEAAiE;AACnE;;AAEA;EACE,gCAAgC;EAChC,mBAAmB;AACrB;;AAEA,0DAA0D;AAC1D;;EAEE,kDAAkD;EAClD,8BAA8B;EAC9B,4FAA4F;EAC5F,UAAU;AACZ;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB;EAClB,iCAAiC;EACjC,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,oCAAoC;EACpC,wCAAwC;AAC1C;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,8BAA8B;EAC9B,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,cAAc;EACd,sBAAsB;EACtB,cAAc;AAChB;;AAEA,4DAA4D;AAC5D;EACE,aAAa;EACb,2DAA2D;EAC3D,sBAAsB;EACtB,gBAAgB;EAChB,UAAU;EACV,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;AAC3B;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;EACxB;;EAEA;IACE,8BAA8B;IAC9B,wCAAwC;EAC1C;AACF;;AAEA;EACE;IACE,qCAAqC;EACvC;AACF;;AAEA;EACE,WAAW;EACX,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,8BAA8B;EAC9B,gCAAgC;EAChC,eAAe;AACjB;;AAEA,oEAAoE;AACpE;EACE,kBAAkB;AACpB;;AAEA;;;;EAIE,6BAA6B;EAC7B,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,8BAA8B;EAC9B,aAAa;AACf;AACA;;;;EAIE,6BAA6B;EAC7B,oBAAoB;EACpB,mCAAmC;EACnC,wCAAwC;EACxC,0BAA0B;EAC1B,yCAAyC;EACzC,aAAa;AACf;;AAEA,2CAA2C;AAC3C;EACE,sCAAsC;EACtC,8BAA8B;AAChC;;AAEA,mEAAmE;;AAEnE;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,iDAAiD;EACjD,kDAAkD;EAClD,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA,kEAAkE;;AAElE;EACE,YAAY;EACZ,8CAA8C;EAC9C,SAAS;AACX;;AAEA,kEAAkE;;AAElE;EACE,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA,kEAAkE;;AAElE;EACE,aAAa;EACb,mCAAmC;EACnC,8CAA8C;EAC9C,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,WAAW;EACX,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,8CAA8C;EAC9C,0BAA0B;AAC5B;;AAEA,mEAAmE;;AAEnE;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,8BAA8B;EAC9B,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,gCAAgC;EAChC,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,YAAY;AACd",sourcesContent:['/* Focus indicator for keyboard navigation */\n.contactPane table tr[tabindex="0"]:focus {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n background: var(--color-info-bg);\n}\n/* contactsPane styles — extracted from inline styles in contactsPane.js */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Layout: Three-column browser ────────────────────────────── */\n\n.contactPane .peopleSection .selected {\n background-color: var(--color-info-bg) !important;\n}\n\n.contactPane .detailSection {\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 300px;\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n min-height: 200px;\n padding: var(--spacing-lg);\n max-width: 900px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 900px;\n}\n\n.contactPane .cardFooter {\n display: flex;\n flex-wrap: nowrap; /* keep buttons inline */\n align-items: center; /* vertical centering if varied heights */\n gap: var(--spacing-xs);\n padding-top: var(--spacing-md);\n margin-top: var(--spacing-md);\n}\n\n.contactPane .detailsSectionContent {\n margin: 0;\n}\n\n/* ── Contact type chooser ───────────────────────────────────── */\n\n.contactPane .contactTypeChooser {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n max-width: 360px;\n}\n\n.contactPane .contactTypeChooser h3 {\n margin: 0 0 var(--spacing-xs) 0;\n font-size: var(--font-size-lg);\n}\n\n.contactPane .contactTypeSelect {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm);\n font-size: var(--font-size-sm);\n background: var(--color-section-bg);\n}\n\n/* ── Search ──────────────────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n border-radius: var(--border-radius-full) !important;\n /* existing styles */\n}\n/* wrapper to position clear icon/button */\n.contactPane .searchDiv {\n position: relative;\n}\n\n.contactPane .searchInput {\n height: var(--min-touch-target);\n border: 1px solid var(--color-border-pale);\n background-color: var(--color-section-bg);\n background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23999\' viewBox=\'0 0 24 24\' width=\'20\' height=\'20\'%3E%3Cpath d=\'M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99c.41.41 1.09.41 1.5 0s.41-1.09 0-1.5l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\'/%3E%3C/svg%3E");\n background-repeat: no-repeat;\n background-position: 8px center;\n background-size: 20px 20px;\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 34px;\n font-size: var(--font-size-base);\n width: 100%;\n box-sizing: border-box;\n}\n\n/* clear button inside search input */\n.contactPane .searchClearButton {\n position: absolute;\n right: var(--spacing-sm);\n top: 50%;\n transform: translateY(-50%);\n border: none;\n background: transparent;\n font-size: var(--font-size-base);\n line-height: 1;\n padding: 0;\n cursor: pointer;\n color: var(--color-text-muted);\n /* visibility is controlled via the generic `.hidden` utility class */\n display: block;\n}\n.contactPane .searchClearButton.hidden {\n display: none;\n}\n.contactPane .searchClearButton:hover {\n color: var(--color-text);\n}\n\n/* ── Contact toolbar (top-right link + delete) ──────────────── */\n\n.contactPane .contact-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* ── "All" groups button ─────────────────────────────────────── */\n\n.contactPane .allGroupsButton {\n margin-left: var(--spacing-md);\n font-size: var(--font-size-base);\n}\n\n.contactPane .allGroupsButton--loading {\n background-color: var(--color-primary);\n}\n\n.contactPane .allGroupsButton--active {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n.contactPane .allGroupsButton--loaded {\n background-color: var(--color-primary);\n}\n\n/* ── Selection & visibility states ───────────────────────────── */\n\n.contactPane .group-loading {\n}\n\n.contactPane .hidden {\n display: none;\n}\n\n/* ── Mint new address book ───────────────────────────────────── */\n\n.contactPane .claimSuccess {\n font-size: var(--font-size-xl);\n}\n\n.contactPane {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 50%;\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: auto; /* allow horizontal scroll if needed */\n}\n\n.contactPane .addressBookSection {\n flex: 1 1 350px;\n max-width: 485px;\n box-sizing: border-box;\n}\n\n@media ((min-width: 500px) and (max-width: 900px)) {\n .contactPane .addressBookSection {\n max-width: 900px;\n }\n .contactPane .addressBookSection section {\n max-width: 485px;\n }\n}\n\n@media (max-width: 500px) {\n .contactPane .addressBookSection {\n max-width: 485px;\n }\n}\n\n/* Card Section Background */\n.contactPane .section-bg {\n background: var(--color-section-bg);\n padding: var(--spacing-md);\n box-sizing: border-box;\n border: none !important;\n border-radius: 0 !important;\n}\n\n/* Primary Button */\n.contactPane .btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: var(--color-background);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.contactPane .btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.contactPane .btn-primary:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n\n/* Secondary button */\n.contactPane .btn-secondary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: var(--border-width-thin) solid var(--color-secondary);\n border-radius: var(--border-radius-base);\n background: var(--color-secondary);\n color: var(--color-background);\n font-weight: var(--font-weight-bold);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.contactPane .btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.contactPane .action-button-focus:focus,\n.contactPane .action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\n.contactPane .buttonSection {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: var(--spacing-sm);\n padding-bottom: 0;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n margin-bottom: 0;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar {\n height: 6px;\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-thumb {\n background: var(--color-border-pale);\n border-radius: var(--border-radius-base);\n}\n\n.contactPane .buttonSection::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.contactPane .buttonSection .selected {\n background: none !important;\n}\n\n.contactPane .groupButtonsList {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--spacing-xs);\n list-style: none;\n}\n\n.contactPane .buttonSection .groupButtonsList {\n margin-left: var(--spacing-xs);\n margin-right: var(--spacing-xs);\n padding-left: 0;\n}\n\n.contactPane .groupButtonsList li {\n flex-shrink: 0;\n}\n\n.contactPane .groupButtonsList button {\n white-space: nowrap;\n flex-shrink: 0;\n min-width: max-content;\n margin-left: 0;\n}\n\n/* Groups list in details section — flexible 2-column grid */\n.contactPane .detailsSectionContent .groupButtonsList {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li {\n width: 100%;\n aspect-ratio: 1 / 1;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n@media (max-width: 599px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n }\n\n .contactPane .detailsSectionContent .groupButtonsList button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .detailsSectionContent .groupButtonsList {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.contactPane .detailsSectionContent .newGroupBtn {\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane .detailsSectionContent h3 {\n font-size: var(--font-size-xl);\n margin-bottom: var(--spacing-sm);\n padding-left: 0;\n}\n\n/* Delete confirmation POPUP — centered overlay in details section */\n.contactPane .detailSection {\n position: relative;\n}\n\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"],\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"],\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"],\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1000;\n}\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .groupButtonsList li > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div,\n.contactPane .detailsSectionContent .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n z-index: 1001;\n}\n\n/* Selected state for All contacts button */\n.contactPane .allGroupsButton--selected {\n background-color: var(--color-primary);\n color: var(--color-background);\n}\n\n/* ── Header section ──────────────────────────────────────────── */\n\n.contactPane .headerSection {\n background: var(--color-background);\n padding: var(--spacing-sm);\n border-top-left-radius: var(--border-radius-full);\n border-top-right-radius: var(--border-radius-full);\n margin-bottom: 0;\n}\n\n.contactPane .headerSection header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0;\n}\n\n.contactPane .headerSection h2 {\n margin-bottom: 0;\n}\n\n/* ── Dotted horizontal rule ─────────────────────────────────── */\n\n.contactPane .dottedHr {\n border: none;\n border-top: 1px dotted var(--color-text-muted);\n margin: 0;\n}\n\n/* ── Search section ─────────────────────────────────────────── */\n\n.contactPane .searchSection {\n padding: var(--spacing-sm);\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n/* ── People list section ────────────────────────────────────── */\n\n.contactPane .peopleSection {\n display: flex;\n background: var(--color-background);\n border-top: 1px dotted var(--color-text-muted);\n margin-bottom: 0;\n}\n\n.contactPane .peopleSection ul {\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 70vh;\n overflow-y: auto;\n}\n\n.contactPane .peopleSection li {\n border-top: 1px solid var(--color-border-pale);\n padding: var(--spacing-xs);\n}\n\n/* ── Person list item (addressBookPresenter) ─────────────────── */\n\n.contactPane .personLi-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.contactPane .personLi-avatar {\n width: 45px;\n height: 45px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar .avatar-placeholder {\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.contactPane .personLi-info {\n flex: 1;\n margin-left: var(--spacing-sm);\n overflow: hidden;\n}\n\n.contactPane .personLi-name {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.contactPane .personLi-arrow {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n\n.contactPane .personLi--error {\n opacity: 0.5;\n}'],sourceRoot:""}]);const p=u},93(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* ── Group Membership Section ──────────────────────────────── */\n\n.contactPane .group-membership-container {\n padding: var(--spacing-sm) 0;\n}\n\n/* Grid wrapper — matches detailsSectionContent groupButtonsList */\n.contactPane .group-pills-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content;\n}\n\n/* Each group item: button on top, toolbar below */\n.contactPane .group-membership-item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n max-width: 256px;\n}\n\n.contactPane .group-membership-item > button {\n width: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n min-height: var(--min-touch-target);\n}\n\n/* Toolbar with link icon and delete button below each group button */\n.contactPane .group-membership-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n max-width: 100%;\n }\n\n .contactPane .group-membership-item > button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr);\n gap: var(--spacing-sm);\n }\n}\n","",{version:3,sources:["webpack://./src/styles/groupMembership.css"],names:[],mappings:"AAAA,iEAAiE;;AAEjE;EACE,4BAA4B;AAC9B;;AAEA,kEAAkE;AAClE;EACE,aAAa;EACb,2DAA2D;EAC3D,sBAAsB;EACtB,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA,kDAAkD;AAClD;EACE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;EACzB,mCAAmC;AACrC;;AAEA,qEAAqE;AACrE;EACE,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;IACtB,eAAe;EACjB;;EAEA;IACE,8BAA8B;IAC9B,wCAAwC;EAC1C;AACF;;AAEA;EACE;IACE,qCAAqC;IACrC,sBAAsB;EACxB;AACF",sourcesContent:["/* ── Group Membership Section ──────────────────────────────── */\n\n.contactPane .group-membership-container {\n padding: var(--spacing-sm) 0;\n}\n\n/* Grid wrapper — matches detailsSectionContent groupButtonsList */\n.contactPane .group-pills-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: var(--spacing-sm);\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content;\n}\n\n/* Each group item: button on top, toolbar below */\n.contactPane .group-membership-item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n max-width: 256px;\n}\n\n.contactPane .group-membership-item > button {\n width: 100%;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n min-height: var(--min-touch-target);\n}\n\n/* Toolbar with link icon and delete button below each group button */\n.contactPane .group-membership-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-xs);\n max-width: 100%;\n }\n\n .contactPane .group-membership-item > button {\n font-size: var(--font-size-sm);\n border-radius: var(--border-radius-base);\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr);\n gap: var(--spacing-sm);\n }\n}\n"],sourceRoot:""}]);const s=r},479(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* individual.js styles — extracted from inline styles */\n\n/* ── Individual pane container ───────────────────────────────── */\n\n.individualPane {\n padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n max-width: 100%;\n}","",{version:3,sources:["webpack://./src/styles/individual.css"],names:[],mappings:"AAAA,wDAAwD;;AAExD,mEAAmE;;AAEnE;EACE,gFAAgF;EAChF,mCAAmC;EACnC,wCAAwC;EACxC,6BAA6B;EAC7B,sBAAsB;EACtB,eAAe;AACjB",sourcesContent:["/* individual.js styles — extracted from inline styles */\n\n/* ── Individual pane container ───────────────────────────────── */\n\n.individualPane {\n padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n box-sizing: border-box;\n max-width: 100%;\n}"],sourceRoot:""}]);const s=r},546(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* CSS for the accessible modal dialogs created by localUtils.js */\n\n/* backdrop / focus trap container */\n.focus-trap {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.focus-trap.hidden {\n display: none;\n}\n\n/* inner dialog box */\n.focus-trap .modal {\n background: var(--color-background);\n padding: var(--spacing-lg);\n border-radius: var(--border-radius-base);\n max-width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n/* button container: center buttons horizontally (uses id in markup) */\n#contacts-modal #modal-buttons {\n margin-top: var(--spacing-md);\n display: flex;\n justify-content: center;\n gap: var(--spacing-sm);\n}\n\n/* buttons themselves use the shared btn-primary rules */\n#contacts-modal .modal button {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button.btn-primary {\n background: var(--color-primary);\n color: var(--color-background);\n}\n\n#contacts-modal .modal button.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n","",{version:3,sources:["webpack://./src/styles/localUtils.css"],names:[],mappings:"AAAA,kEAAkE;;AAElE,oCAAoC;AACpC;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,aAAa;EACb,8BAA8B;EAC9B,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,cAAc;EACd,yCAAyC;AAC3C;;AAEA,sEAAsE;AACtE;EACE,6BAA6B;EAC7B,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA,wDAAwD;AACxD;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,gCAAgC;EAChC,8BAA8B;AAChC;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,eAAe;AACjB",sourcesContent:["/* CSS for the accessible modal dialogs created by localUtils.js */\n\n/* backdrop / focus trap container */\n.focus-trap {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.focus-trap.hidden {\n display: none;\n}\n\n/* inner dialog box */\n.focus-trap .modal {\n background: var(--color-background);\n padding: var(--spacing-lg);\n border-radius: var(--border-radius-base);\n max-width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n/* button container: center buttons horizontally (uses id in markup) */\n#contacts-modal #modal-buttons {\n margin-top: var(--spacing-md);\n display: flex;\n justify-content: center;\n gap: var(--spacing-sm);\n}\n\n/* buttons themselves use the shared btn-primary rules */\n#contacts-modal .modal button {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button.btn-primary {\n background: var(--color-primary);\n color: var(--color-background);\n}\n\n#contacts-modal .modal button.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled, 0.6);\n cursor: not-allowed;\n transform: none;\n}\n"],sourceRoot:""}]);const s=r},715(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* mugshotGallery.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Mugshot image ───────────────────────────────────────────── */\n\n.contactPane .mugshotImage {\n max-height: 10em;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n","",{version:3,sources:["webpack://./src/styles/mugshotGallery.css"],names:[],mappings:"AAAA,4DAA4D;AAC5D,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,gBAAgB;EAChB,wCAAwC;EACxC,yBAAyB;AAC3B",sourcesContent:["/* mugshotGallery.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Mugshot image ───────────────────────────────────────────── */\n\n.contactPane .mugshotImage {\n max-height: 10em;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n"],sourceRoot:""}]);const s=r},434(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,'/* Solid-UI form */\n\n/* Vertically center autocomplete input in .formFieldValue */\n.individualPane .formFieldValue > div[style*="flex-direction: row"],\n.contactPane .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n\n.individualPane .hoverControl:has(> img:first-child),\n.contactPane .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.individualPane .hoverControlHide,\n.contactPane .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.individualPane .hoverControl:has(> img:first-child) > span,\n.contactPane .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img),\n.contactPane div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img) > span,\n.contactPane div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.individualPane button,\n.contactPane button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]),\n.individualPane textarea,\n.contactPane textarea,\n.individualPane select,\n.contactPane select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.individualPane textarea,\n.contactPane textarea {\n border-color: var(--color-border-pale) !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane input[type="date"],\n.contactPane input[type="date"],\n.individualPane input[type="month"],\n.contactPane input[type="month"],\n.individualPane input[type="week"],\n.contactPane input[type="week"],\n.individualPane input[type="time"],\n.contactPane input[type="time"],\n.individualPane input[type="datetime-local"],\n.contactPane input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.individualPane .hoverControl:has(> img:first-child):focus-visible,\n.contactPane .hoverControl:has(> img:first-child):focus-visible,\n.individualPane button:focus-visible,\n.contactPane button:focus-visible,\n.individualPane input:not([type="color"]):focus-visible,\n.contactPane input:not([type="color"]):focus-visible,\n.individualPane textarea:focus-visible,\n.contactPane textarea:focus-visible,\n.individualPane select:focus-visible,\n.contactPane select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.individualPane input[type="url"],\n.contactPane input[type="url"] {\n width: 100%;\n}\n\n.individualPane .formFieldValue,\n.contactPane .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.individualPane .formFieldValue table,\n.contactPane .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane .formFieldValue td,\n.contactPane .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.individualPane .formFieldValue input:not([type="color"]),\n.contactPane .formFieldValue input:not([type="color"]),\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n width: 100%;\n max-width: 100%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 100%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane span select,\n.contactPane span select {\n max-width: 96% !important;\n box-sizing: border-box;\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue span select,\n.contactPane .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.individualPane > div:first-of-type,\n.contactPane > div:first-of-type,\n.individualPane > div:first-of-type > div:first-of-type,\n.contactPane > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.individualPane > div,\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue),\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n align-items: baseline;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.individualPane .choiceBox .classifierBox-label,\n.contactPane .choiceBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.individualPane .classifierBox .classifierBox-label,\n.contactPane .classifierBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox,\n.contactPane .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox select,\n.contactPane .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.individualPane .formFieldValue > span > select,\n.contactPane .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue,\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border-radius: 0.2em !important;\n border: 0.05em solid #88c !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.individualPane div:has(> a) + div:has(textarea),\n.contactPane div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]),\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName,\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: var(--spacing-xs) !important;\n}\n\n.individualPane .formFieldValue:has(input[data-testid="autocomplete-input"]),\n.contactPane .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"],\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane input:disabled,\n.contactPane input:disabled,\n.individualPane textarea:disabled,\n.contactPane textarea:disabled,\n.individualPane select:disabled,\n.contactPane select:disabled,\n.individualPane input[readonly],\n.contactPane input[readonly],\n.individualPane textarea[readonly],\n.contactPane textarea[readonly],\n.individualPane input:read-only,\n.contactPane input:read-only,\n.individualPane textarea:read-only,\n.contactPane textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid var(--color-background) !important;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n padding: var(--spacing-xs) !important;\n}\n\n.contactPane .webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n\n/* ------------------------------------------------------------------ */\n/* inline popup used for small confirmation flows (like the new confirmDialog) */\n/* apply the class `rdf-inline-modal` on the outer wrapper and give the\n inner box the class `popup` instead of using the old inline styles. */\n\n/* selectors that match the old inline-styled markup when no classes can be added */\n\n/* outer container: position relative containing an absolute grid popup */\n.contactPane div[style*="position: relative"] > div[style*="position: absolute"][style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute;\n top: -1em;\n padding: 0.7em !important;\n background: var(--color-background) !important;\n border: 0.1em solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: 0 0.5em 0.9em rgba(0, 0, 0, 0.2) !important;\n display: grid;\n grid-template-columns: auto auto;\n gap: 0.3em;\n z-index: 10;\n}',"",{version:3,sources:["webpack://./src/styles/rdfFormsEnforced.css"],names:[],mappings:"AAAA,kBAAkB;;AAElB,4DAA4D;AAC5D;;EAEE,mBAAmB;EACnB,aAAa;AACf;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,yBAAyB;EACzB,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;;EAEE,uBAAuB;EACvB,wBAAwB;EACxB,cAAc;EACd,wBAAwB;EACxB,yBAAyB;EACzB,0BAA0B;EAC1B,+BAA+B;AACjC;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;;EAEE,kBAAkB;AACpB;;AAEA;;EAEE,wCAAwC;AAC1C;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;;EAEE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;;;;;EAME,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;;EAEE,iDAAiD;EACjD,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;;;;;;;;;EAUE,mCAAmC;AACrC;;AAEA;;;;;;;;;;EAUE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;;EAEE,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;;EAEE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;EAEE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;;EAEE,YAAY;AACd;;AAEA;;;;EAIE,WAAW;EACX,eAAe;AACjB;;AAEA;;EAEE,WAAW;EACX,qBAAqB;EACrB,0BAA0B;AAC5B;;AAEA;;EAEE,WAAW;EACX,cAAc;EACd,sBAAsB;EACtB,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;EAEE,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;;EAEE,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,oFAAoF;AACpF;;;;EAIE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,sEAAsE;AACtE;;EAEE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,8FAA8F;AAC9F;;EAEE,aAAa;EACb,qBAAqB;EACrB,gCAAgC;AAClC;;AAEA,6CAA6C;AAC7C,yDAAyD;AACzD;;EAEE,eAAe;EACf,mBAAmB;AACrB;;AAEA;;EAEE,6BAA6B;AAC/B;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;;EAEE,eAAe;EACf,mBAAmB;EACnB,UAAU;EACV,cAAc;EACd,sBAAsB;AACxB;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;;EAEE,gBAAgB;AAClB;;AAEA;;;;;;;;;;EAUE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;;;;;;;;;;EAUE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;EACtB,OAAO;EACP,YAAY;AACd;;AAEA;;;;EAIE,gBAAgB;EAChB,wBAAwB;EACxB,+BAA+B;EAC/B,oCAAoC;EACpC,WAAW;EACX,sBAAsB;EACtB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,gFAAgF;AAChF;;EAEE,8BAA8B;AAChC;;AAEA,mDAAmD;AACnD;;EAEE,uBAAuB;AACzB;;AAEA;;EAEE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA,2FAA2F;AAC3F;;EAEE,uBAAuB;AACzB;;AAEA;;EAEE,yCAAyC;AAC3C;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;;;EAIE,oBAAoB;AACtB;;AAEA;;EAEE,wBAAwB;AAC1B;;AAEA;;EAEE,WAAW;EACX,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;;;;;;;;;;;EAcE,oDAAoD;EACpD,mBAAmB;EACnB,aAAa;EACb,uDAAuD;AACzD;;AAEA;;;;EAIE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB;;AAEA,uEAAuE;AACvE,gFAAgF;AAChF;wEACwE;;AAExE,mFAAmF;;AAEnF,yEAAyE;AACzE;EACE,gDAAgD;EAChD,kBAAkB;EAClB,SAAS;EACT,yBAAyB;EACzB,8CAA8C;EAC9C,mDAAmD;EACnD,mDAAmD;EACnD,uDAAuD;EACvD,aAAa;EACb,gCAAgC;EAChC,UAAU;EACV,WAAW;AACb",sourcesContent:['/* Solid-UI form */\n\n/* Vertically center autocomplete input in .formFieldValue */\n.individualPane .formFieldValue > div[style*="flex-direction: row"],\n.contactPane .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n\n.individualPane .hoverControl:has(> img:first-child),\n.contactPane .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.individualPane .hoverControlHide,\n.contactPane .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.individualPane .hoverControl:has(> img:first-child) > span,\n.contactPane .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img),\n.contactPane div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.individualPane div[style*="padding: 0.5em"]:has(> img) > span,\n.contactPane div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.individualPane button,\n.contactPane button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]),\n.individualPane textarea,\n.contactPane textarea,\n.individualPane select,\n.contactPane select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.individualPane textarea,\n.contactPane textarea {\n border-color: var(--color-border-pale) !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane input[type="date"],\n.contactPane input[type="date"],\n.individualPane input[type="month"],\n.contactPane input[type="month"],\n.individualPane input[type="week"],\n.contactPane input[type="week"],\n.individualPane input[type="time"],\n.contactPane input[type="time"],\n.individualPane input[type="datetime-local"],\n.contactPane input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.individualPane .hoverControl:has(> img:first-child):focus-visible,\n.contactPane .hoverControl:has(> img:first-child):focus-visible,\n.individualPane button:focus-visible,\n.contactPane button:focus-visible,\n.individualPane input:not([type="color"]):focus-visible,\n.contactPane input:not([type="color"]):focus-visible,\n.individualPane textarea:focus-visible,\n.contactPane textarea:focus-visible,\n.individualPane select:focus-visible,\n.contactPane select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.individualPane input[type="url"],\n.contactPane input[type="url"] {\n width: 100%;\n}\n\n.individualPane .formFieldValue,\n.contactPane .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.individualPane .formFieldValue table,\n.contactPane .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.individualPane .formFieldValue td,\n.contactPane .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.individualPane .formFieldValue input:not([type="color"]),\n.contactPane .formFieldValue input:not([type="color"]),\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n width: 100%;\n max-width: 100%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 100%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane span select,\n.contactPane span select {\n max-width: 96% !important;\n box-sizing: border-box;\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue span select,\n.contactPane .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.individualPane > div:first-of-type,\n.contactPane > div:first-of-type,\n.individualPane > div:first-of-type > div:first-of-type,\n.contactPane > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.individualPane > div,\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue),\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n align-items: baseline;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.individualPane .choiceBox .classifierBox-label,\n.contactPane .choiceBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.individualPane .classifierBox .classifierBox-label,\n.contactPane .classifierBox .classifierBox-label {\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox,\n.contactPane .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.individualPane .classifierBox .classifierBox-selectBox select,\n.contactPane .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.individualPane .formFieldValue > span > select,\n.contactPane .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue,\n.contactPane :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]),\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.individualPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue,\n.contactPane :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border-radius: 0.2em !important;\n border: 0.05em solid #88c !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.individualPane div:has(> a) + div:has(textarea),\n.contactPane div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.individualPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a),\n.contactPane div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]),\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.individualPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName,\n.contactPane :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: var(--spacing-xs) !important;\n}\n\n.individualPane .formFieldValue:has(input[data-testid="autocomplete-input"]),\n.contactPane .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"],\n.individualPane .formFieldValue input[data-testid="autocomplete-input"],\n.contactPane .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.individualPane .formFieldValue table[data-testid="autocomplete-table"],\n.contactPane .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.individualPane input:not([type="color"]),\n.contactPane input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.individualPane input:disabled,\n.contactPane input:disabled,\n.individualPane textarea:disabled,\n.contactPane textarea:disabled,\n.individualPane select:disabled,\n.contactPane select:disabled,\n.individualPane input[readonly],\n.contactPane input[readonly],\n.individualPane textarea[readonly],\n.contactPane textarea[readonly],\n.individualPane input:read-only,\n.contactPane input:read-only,\n.individualPane textarea:read-only,\n.contactPane textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid var(--color-background) !important;\n}\n\n.individualPane textarea,\n.contactPane textarea,\n.individualPane .formFieldValue textarea,\n.contactPane .formFieldValue textarea {\n padding: var(--spacing-xs) !important;\n}\n\n.contactPane .webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n\n/* ------------------------------------------------------------------ */\n/* inline popup used for small confirmation flows (like the new confirmDialog) */\n/* apply the class `rdf-inline-modal` on the outer wrapper and give the\n inner box the class `popup` instead of using the old inline styles. */\n\n/* selectors that match the old inline-styled markup when no classes can be added */\n\n/* outer container: position relative containing an absolute grid popup */\n.contactPane div[style*="position: relative"] > div[style*="position: absolute"][style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute;\n top: -1em;\n padding: 0.7em !important;\n background: var(--color-background) !important;\n border: 0.1em solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: 0 0.5em 0.9em rgba(0, 0, 0, 0.2) !important;\n display: grid;\n grid-template-columns: auto auto;\n gap: 0.3em;\n z-index: 10;\n}'],sourceRoot:""}]);const s=r},295(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* toolsPane.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Tools pane table ────────────────────────────────────────── */\n\n.contactPane .statsLog {\n font-size: var(--font-size-lg);\n margin: var(--spacing-md);\n background-color: var(--color-background);\n}\n\n.contactPane .statsLog pre {\n padding: var(--spacing-md);\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n overflow: hidden;\n max-width: 100%;\n}\n\n/* ── Tools pane layout ────────────────────────────────────────── */\n\n.contactPane .toolsPane {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n}\n\n.contactPane .toolsButtonsContainer {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-xs);\n}\n\n/* ── Load index button states ──────────────────────────────── */\n\n.contactPane .toolsButton--loading {\n}\n\n.contactPane .toolsButton--error {\n background-color: var(--color-error);\n}\n\n.contactPane .toolsButton--success {\n background-color: var(--color-primary);\n}\n","",{version:3,sources:["webpack://./src/styles/toolsPane.css"],names:[],mappings:"AAAA,uDAAuD;AACvD,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,yBAAyB;EACzB,yCAAyC;AAC3C;;AAEA;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,qBAAqB;EACrB,yBAAyB;EACzB,gBAAgB;EAChB,eAAe;AACjB;;AAEA,oEAAoE;;AAEpE;EACE,aAAa;EACb,sBAAsB;EACtB,sBAAsB;AACxB;;AAEA;EACE,aAAa;EACb,eAAe;EACf,sBAAsB;AACxB;;AAEA,iEAAiE;;AAEjE;AACA;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,sCAAsC;AACxC",sourcesContent:["/* toolsPane.js styles — extracted from inline styles */\n/* Uses CSS custom properties from the global stylesheet (dev-global.css / mashlib) */\n\n/* ── Tools pane table ────────────────────────────────────────── */\n\n.contactPane .statsLog {\n font-size: var(--font-size-lg);\n margin: var(--spacing-md);\n background-color: var(--color-background);\n}\n\n.contactPane .statsLog pre {\n padding: var(--spacing-md);\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n overflow: hidden;\n max-width: 100%;\n}\n\n/* ── Tools pane layout ────────────────────────────────────────── */\n\n.contactPane .toolsPane {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n}\n\n.contactPane .toolsButtonsContainer {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-xs);\n}\n\n/* ── Load index button states ──────────────────────────────── */\n\n.contactPane .toolsButton--loading {\n}\n\n.contactPane .toolsButton--error {\n background-color: var(--color-error);\n}\n\n.contactPane .toolsButton--success {\n background-color: var(--color-primary);\n}\n"],sourceRoot:""}]);const s=r},886(e,n,t){t.d(n,{A:()=>s});var a=t(354),i=t.n(a),o=t(314),r=t.n(o)()(i());r.push([e.id,"/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: 0.1em solid var(--color-text-muted);\n border-radius: var(--border-radius-base);\n}\n\n/* ── Persona row ─────────────────────────────────────────────── */\n\n.contactPane .personaRow {\n padding: var(--spacing-xs);\n}\n\n.contactPane .personaRow--webid {\n background-color: var(--color-info-bg);\n}\n\n/* ── Full-width elements ─────────────────────────────────────── */\n\n.contactPane .fullWidth {\n width: 100%;\n}\n\n/* ── Open/close profile button ───────────────────────────────── */\n\n.contactPane .personaOpenButton {\n float: right;\n background-color: transparent;\n border: none;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .webidHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\n padding: var(--spacing-xs);\n margin: var(--spacing-sm) 0;\n}\n\n/* ── Prompt text ─────────────────────────────────────────────── */\n\n.contactPane .webidPrompt {\n padding: var(--spacing-sm);\n border: none;\n font-size: var(--font-size-base);\n white-space: pre-wrap;\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .hidden {\n display: none;\n}\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n","",{version:3,sources:["webpack://./src/styles/webidControl.css"],names:[],mappings:"AAAA,mEAAmE;AACnE;EACE,2CAA2C;EAC3C,wCAAwC;AAC1C;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;AAC5B;;AAEA;EACE,sCAAsC;AACxC;;AAEA,mEAAmE;;AAEnE;EACE,WAAW;AACb;;AAEA,mEAAmE;;AAEnE;EACE,YAAY;EACZ,6BAA6B;EAC7B,YAAY;AACd;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,iBAAiB;EACjB,2BAA2B;EAC3B,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;EAC1B,YAAY;EACZ,gCAAgC;EAChC,qBAAqB;AACvB;;AAEA,mEAAmE;;AAEnE;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB",sourcesContent:["/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: 0.1em solid var(--color-text-muted);\n border-radius: var(--border-radius-base);\n}\n\n/* ── Persona row ─────────────────────────────────────────────── */\n\n.contactPane .personaRow {\n padding: var(--spacing-xs);\n}\n\n.contactPane .personaRow--webid {\n background-color: var(--color-info-bg);\n}\n\n/* ── Full-width elements ─────────────────────────────────────── */\n\n.contactPane .fullWidth {\n width: 100%;\n}\n\n/* ── Open/close profile button ───────────────────────────────── */\n\n.contactPane .personaOpenButton {\n float: right;\n background-color: transparent;\n border: none;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .webidHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\n padding: var(--spacing-xs);\n margin: var(--spacing-sm) 0;\n}\n\n/* ── Prompt text ─────────────────────────────────────────────── */\n\n.contactPane .webidPrompt {\n padding: var(--spacing-sm);\n border: none;\n font-size: var(--font-size-base);\n white-space: pre-wrap;\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .hidden {\n display: none;\n}\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n"],sourceRoot:""}]);const s=r},314(e){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(r[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);a&&r[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),n.push(u))}},n}},417(e){e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},354(e){e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(i," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},72(e){var n=[];function t(e){for(var t=-1,a=0;a<n.length;a++)if(n[a].identifier===e){t=a;break}return t}function a(e,a){for(var o={},r=[],s=0;s<e.length;s++){var l=e[s],c=a.base?l[0]+a.base:l[0],u=o[c]||0,d="".concat(c," ").concat(u);o[c]=u+1;var p=t(d),f={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==p)n[p].references++,n[p].updater(f);else{var m=i(f,a);a.byIndex=s,n.splice(s,0,{identifier:d,updater:m,references:1})}r.push(d)}return r}function i(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,i){var o=a(e=e||[],i=i||{});return function(e){e=e||[];for(var r=0;r<o.length;r++){var s=t(o[r]);n[s].references--}for(var l=a(e,i),c=0;c<o.length;c++){var u=t(o[c]);0===n[u].references&&(n[u].updater(),n.splice(u,1))}o=l}}},659(e){var n={};e.exports=function(e,t){var a=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}},540(e){e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},56(e,n,t){e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},825(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var i=void 0!==t.layer;i&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,i&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleTagTransform(a,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},113(e){e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},102(e){e.exports="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27 viewBox=%270 0 24 24%27 width=%2720%27 height=%2720%27%3E%3Cpath d=%27M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99c.41.41 1.09.41 1.5 0s.41-1.09 0-1.5l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%27/%3E%3C/svg%3E"},53(e){e.exports=t},941(n){n.exports=e},104(e){e.exports=n}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={id:e,exports:{}};return a[e](t,t.exports,o),t.exports}o.m=a,o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.b="undefined"!=typeof document&&document.baseURI||self.location.href,o.nc=void 0;var r={};o.d(r,{default:()=>Dn});var s=o(941),l=o(104),c=o(53),u=o(72),d=o.n(u),p=o(825),f=o.n(p),m=o(659),h=o.n(m),g=o(56),b=o.n(g),v=o(540),A=o.n(v),y=o(113),w=o.n(y),x=o(886),C={};function E(...e){console.log(...e)}function k(...e){console.warn(...e)}function B(...e){console.error(...e)}C.styleTagTransform=w(),C.setAttributes=b(),C.insert=h().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=A(),d()(x.A,C),x.A&&x.A.locals&&x.A.locals;const S=l.ns,T=l.widgets,P=l.utils,F=s.store,N=T.publicData.wikidataClasses,L=T.publicData.wikidataParameters,I="WebID",_="WikiData link",O=l.icons.iconBase+"noun_1369241.svg",R=l.icons.iconBase+"noun_1369237.svg";function D(e,n){const t=M(e,n).concat(function(e,n,t){const a=new Set,i=new Set([n.uri]);for(;i.size;){const n=Array.from(i)[0];if(i.delete(n),a.has(n))continue;a.add(n);const o=e.sym(n);e.each(o,S.owl("sameAs"),null,t).concat(e.each(null,S.owl("sameAs"),o,t)).forEach(e=>{E(" OWL sameAs found "+e),i.add(e.uri)}),e.each(o,S.schema("sameAs"),null,t).concat(e.each(null,S.schema("sameAs"),o,t)).forEach(e=>{E(" Schema sameAs found "+e),i.add(e.uri)})}return a.delete(n.uri),Array.from(a).map(n=>e.sym(n))}(e,n,n.doc())),a=[...new Set(t.map(e=>e.value))].map(n=>e.sym(n));return a.sort(),a.filter(e=>!e.sameTerm(n)),a}function M(e,n,t){return e.each(n,S.vcard("url"),null,n.doc()).filter(a=>e.holds(a,S.rdf("type"),t,n.doc())).map(t=>e.any(t,S.vcard("value"),null,n.doc())).filter(e=>!!e)}function j(e){const n=e.doc();return F.holds(e,S.rdf("type"),S.vcard("Organization"),n)||F.holds(e,S.rdf("type"),S.schema("Organization"),n)}async function z(e,n,t){function a(a,o,r){const s=a.createElement("div");s.classList.add("fullWidth");const u=s.appendChild(a.createElement("table"));u.classList.add("fullWidth");const d=u.appendChild(function(n){const o=new c.Literal(n.uri),u=t.urlType.sameTerm(S.vcard("WebID")),d=t.editable?async function(){try{await async function(e,n,t,a){E(`Removing from ${e} their ${I}: ${n}.`);const i=a.each(e,S.vcard("url"),null,e.doc()).filter(n=>a.holds(n,S.rdf("type"),t,e.doc())).filter(t=>a.holds(t,S.vcard("value"),n,e.doc()));if(!i.length)throw new Error(`Person ${e} does not have ${I} ${n}.`);const o=i[0],r=[c.st(e,S.vcard("url"),o,e.doc()),c.st(o,S.rdf("type"),t,e.doc()),c.st(o,S.vcard("value"),n,e.doc())];await a.updater.update(r,[]);const s=a.each(null,S.vcard("hasMember"),a.sym(n));let l=[];const u=[];s.forEach(async t=>{l=l.concat(a.statementsMatching(a.sym(n),S.owl("sameAs"),e,t.doc())),u.push(c.st(t,S.vcard("hasMember"),e,t.doc())),a.statementsMatching(a.sym(n),S.owl("sameAs"),null,t.doc()).length<2&&(l=l.concat(a.statementsMatching(t,S.vcard("hasMember"),a.sym(n),t.doc())))}),await de(l,u)}(e,o,t.urlType,r)}catch(n){B(`Error removing Id ${o} from ${e}: ${n}`),s.appendChild(T.errorMessageBlock(a,"Error removing WebId from profile. If it persists, contact admin."))}await i()}:null,p={deleteFunction:d,draggable:!0};u&&(p.title=n.uri.split("/")[2],p.image=T.faviconOrDefault(a,n.site()));const f=T.personTR(a,l.ns.foaf("knows"),n,p);return u&&(f.children[1].textConent=p.title,f.classList.add("personaRow--webid")),f.classList.add("personaRow"),f}(o));d.classList.add("fullWidth");const p=u.appendChild(a.createElement("tr")).appendChild(a.createElement("td"));let f;p.setAttribute("colspan",3);let m=!0;const h=d.children[2].appendChild(T.button(a,O,"View",function(e){m=!m,f.classList.toggle("collapsed",!m),h.children[0].src=m?R:O,h.setAttribute("aria-expanded",m?"true":"false"),h.setAttribute("aria-label",m?"Collapse profile":"Expand profile")}));h.classList.add("personaOpenButton"),h.setAttribute("aria-expanded","true"),h.setAttribute("aria-label","Collapse profile");const g=(j(e)||j(o),"profile");return T.publicData.loadPublicDataThing(r,e,o).then(e=>{try{f=function(e,n,t,a){const i=a.session.paneRegistry.byName(t).render(n,a);return i.classList.add("namedPane"),i}(0,o,g,n),f.classList.add("fullWidth"),p.appendChild(f)}catch(e){B("Error displaying persona "+o+". Stack: "+e),f=T.errorMessageBlock(a,"Error displaying profile. If it persists, contact admin."),p.appendChild(f)}},e=>{B("Error loading persona "+o+". Stack: "+e),f=T.errorMessageBlock(a,"Error loading profile. If it persists, contact admin."),p.appendChild(f)}),s}async function i(){const n=D(F,e);u.classList.toggle("hidden",n.length>0),P.syncTableToArrayReOrdered(d,n,e=>a(o,e,F))}const{dom:o}=n;(t=t||{}).editable=F.updater.editable(e.doc().uri,F);const r=o.createElement("div");if(r.classList.add("webidControl"),0===D(F,e).length&&!t.editable)return r.classList.add("hidden"),r;const s=r.appendChild(o.createElement("h3"));s.textContent=t.idNoun,s.classList.add("webidHeading");const u=r.appendChild(o.createElement("p"));if(u.classList.add("webidPrompt"),u.textContent=t.longPrompt,r.appendChild(o.createElement("table")).classList.add("fullWidth"),t.editable){const n={editable:t.editable,manualURIEntry:!0,idNoun:t.idNoun,dbLookup:t.dbLookup},a={queryParams:t.queryParams||L,targetClass:t.class};try{r.appendChild(await T.renderAutocompleteControl(o,e,n,a,async function(e,n){try{await async function(e,n,t,a){try{new URL(n)}catch(e){throw new Error(`${I}: ${n} is not a valid url.`)}E(`Adding to ${e} a ${I}: ${n}.`);const i=a.bnode(),o=[c.st(e,S.vcard("url"),i,e.doc()),c.st(i,S.rdf("type"),t,e.doc()),c.st(i,S.vcard("value"),n,e.doc())],r=a.each(null,S.vcard("hasMember"),e);let s=[];r.forEach(t=>{s=s.concat(a.statementsMatching(t,S.vcard("hasMember"),e,t.doc())),o.push(c.st(t,S.vcard("hasMember"),a.sym(n),t.doc())),o.push(c.st(a.sym(n),S.owl("sameAs"),e,t.doc()))});try{await de(s,o)}catch(e){throw new Error(`Could not create webId ${I}: ${n}.`)}}(e,n,t.urlType,F)}catch(t){B("Error adding webId "+n+" to "+e+". Stack: "+t),r.appendChild(T.errorMessageBlock(o,"Error adding WebID to profile. If it persists, contact admin."))}await i()}))}catch(e){B("Render Autocomplete Control failed. Stack:",e),r.appendChild(T.errorMessageBlock(o,"Error rendering autocomplete. If it persists, contact admin."))}}const d=r.appendChild(o.createElement("div"));return await i(),r}var U=o(546),q={};q.styleTagTransform=w(),q.setAttributes=b(),q.insert=h().bind(null,"head"),q.domAPI=f(),q.insertStyleElement=A(),d()(U.A,q),U.A&&U.A.locals&&U.A.locals;const $=s.store,H=l.ns;let V;function G(e){V=e}let W=null,Y=null;function Q(e){Array.from(document.body.children).filter(e=>e!==W).forEach(n=>{e?n.setAttribute("aria-hidden","true"):n.removeAttribute("aria-hidden")})}function X({title:e,message:n,buttons:t}){const a=(W&&document.body.contains(W)||(W=null,W=V.createElement("div"),W.id="contacts-modal",W.className="focus-trap hidden",W.setAttribute("role","presentation"),W.innerHTML='\n <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-desc">\n <h2 id="modal-title"></h2>\n <div id="modal-desc"></div>\n <div id="modal-buttons"></div>\n </div>\n ',document.body.appendChild(W),W.addEventListener("keydown",e=>{if("Escape"===e.key){e.stopPropagation();const n=W.querySelector("button[data-cancel]");n?n.click():K()}else if("Tab"===e.key){const n=Array.from(W.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>!e.hasAttribute("disabled"));if(0===n.length)return;const t=n.indexOf(document.activeElement);e.shiftKey?0===t&&(n[n.length-1].focus(),e.preventDefault()):t===n.length-1&&(n[0].focus(),e.preventDefault())}})),W);Y=document.activeElement,Q(!0),a.classList.remove("hidden"),a.querySelector("#modal-title").textContent=e||"";const i=a.querySelector("#modal-desc");"string"==typeof n?i.textContent=n:(i.innerHTML="",i.appendChild(n));const o=a.querySelector("#modal-buttons");return o.innerHTML="",new Promise(e=>{t.forEach(n=>{const t=V.createElement("button");t.setAttribute("type","button"),t.textContent=n.label,n.primary&&t.classList.add("btn-primary"),n.cancel&&t.setAttribute("data-cancel","true"),t.addEventListener("click",()=>{K(n.value),e(n.value)}),o.appendChild(t)});const n=o.querySelector("button");n&&n.focus()})}function K(e){W&&(W.classList.add("hidden"),Q(!1),Y&&Y.focus&&Y.focus())}function Z(e,n="Information"){return X({title:n,message:e,buttons:[{label:"OK",value:!0,primary:!0}]})}function J(e,n="Confirm"){return X({title:n,message:e,buttons:[{label:"Cancel",value:!1,cancel:!0},{label:"OK",value:!0,primary:!0}]})}function ee(e){return e&&e.endsWith(".ttl")?e+"#this":e}function ne(e,n,t){e.appendChild(l.widgets.errorMessageBlock(n,t,"pink"))}function te(e,n,t){return e.each(n,H.owl("sameAs"),null,t).concat(e.each(null,H.owl("sameAs"),n,t))}function ae(e,n){return new Promise(function(t,a){e.fetcher.load(n).then(function(){const i=e.each(n,H.ldp("contains")).map(n=>e.holds(n,H.rdf("type"),H.ldp("BasicContainer"))?ae(e,n):(E("Recursive delete - we delete file "+n.uri),e.fetcher.webOperation("DELETE",n.uri)));E("Recursive delete - we delete folder "+n.uri),i.push(e.fetcher.webOperation("DELETE",n.uri)),Promise.all(i).then(e=>{t()}).catch(a)}).catch(a)})}async function ie(e){const n=re(e);if(!await J("Really DELETE "+n+"?"))throw new Error("User cancelled contact deletion");E("deleteThingAndDoc - to be deleted "+e);const t=$.statementsMatching(e).concat($.statementsMatching(void 0,void 0,e));try{await $.updater.updateMany(t),await $.fetcher.delete(e.doc()),E("deleteThingAndDoc - deleted")}catch(n){throw B("Error deleting "+e+". Stack: "+n),new Error("An error occured while deleting.")}}function oe(e,n){let t=re(e),a=re(n);if(t&&a){if(t=t.toLowerCase(),a=a.toLowerCase(),t>a)return 1;if(t<a)return-1}return e.uri>n.uri?1:e.uri<n.uri?-1:0}function re(e){const n=$.any(e,H.vcard("fn"))||$.any(e,H.foaf("name"))||$.any(e,H.vcard("organization-name"));return n?n.value:"???"}const se=l.ns,le=l.utils,ce=s.store,ue=ce.updater;async function de(e,n=[]){const t=e.concat(n).map(e=>e.why),a=[];t.forEach(e=>{a.find(n=>n.equals(e))||a.push(e)});const i=a.map(t=>ce.updater.update(e.filter(e=>e.why.sameTerm(t)),n.filter(e=>e.why.sameTerm(t))));return Promise.all(i)}async function pe(e,n){await ce.fetcher.load(e.doc());const t=ce.any(e,se.vcard("groupIndex")),a=function(e){return e.replace(/\W/gu,"_").replace(/_+/g,"_")}(n),i=ce.sym(e.dir().uri+"Group/"+a+".ttl#this"),o=i.doc();try{await ce.fetcher.load(t)}catch(e){throw new Error("Error loading group index!"+t.uri+": "+e)}if(ce.holds(e,se.vcard("includesGroup"),i,t))return i;const r=[c.st(e,se.vcard("includesGroup"),i,t),c.st(i,se.rdf("type"),se.vcard("Group"),t),c.st(i,se.vcard("fn"),n,t)];try{await ue.update([],r)}catch(e){throw new Error("Could not update group index "+e)}const s=[c.st(e,se.vcard("includesGroup"),i,o),c.st(i,se.rdf("type"),se.vcard("Group"),o),c.st(i,se.vcard("fn"),n,o)];try{await ue.update([],s)}catch(e){throw new Error("Could not update group file: "+e)}return i}async function fe(e,n){const t=[e.doc(),n.doc()];try{await ce.fetcher.load(t)}catch(t){throw B("Error adding "+e+" to group "+n+". Stack: "+t),new Error("Error adding to group.")}const a=ce.findTypeURIs(e);if(!(se.vcard("Individual").uri in a)&&!(se.vcard("Organization").uri in a))return k("Thing "+e+" is not an Individual or Organization, but has types: "+Object.keys(a)),void Z("You are trying to add something else than an individual or organization.");let i=ce.any(e,se.vcard("fn"));const o=ce.any(n,se.vcard("fn"));if(!i)return k("Thing "+e+" has no vcard:fn"),void Z("What you are trying to add seems to have no full name.");if(ce.holds(e,se.vcard("fn"),null,n.doc()))return""===i&&(i="Contact"),void Z(i+" already exists in group "+o+".");const r="Add "+i+" to group "+o+"?";if(!await J(r))return;const s=[c.st(e,se.vcard("fn"),i,n.doc())],l=D(ce,e).map(e=>e.value);l.length?l.forEach(t=>{s.push(c.st(ce.sym(t),se.owl("sameAs"),e,n.doc())),s.push(c.st(n,se.vcard("hasMember"),ce.sym(t),n.doc()))}):s.push(c.st(n,se.vcard("hasMember"),e,n.doc()));try{await ue.update([],s),ce.fetcher.unload(n.doc()),await ce.fetcher.load(n.doc())}catch(t){throw B("Error adding "+e+" to group "+n+". Stack: "+t),new Error("Error adding to group.")}return e}function me(e,n){const t=e.each(n,se.vcard("hasMember"),null,n.doc());let a=[];t.forEach(t=>{a=e.any(t,se.vcard("fn"),null,n.doc())?a.concat(t):a.concat(e.each(t,se.owl("sameAs"),null,n.doc()))});const i=new Set(a.map(e=>e.uri));return a=[...i].map(n=>e.sym(n)),a}function he(e,n){const t=e.dir().dir().dir();return n.uri&&n.uri.startsWith(t.uri)}const{setACLUserPublic:ge}=s.solidLogicSingleton.acl;var be=o(715),ve={};ve.styleTagTransform=w(),ve.setAttributes=b(),ve.insert=h().bind(null,"head"),ve.domAPI=f(),ve.insertStyleElement=A(),d()(be.A,ve),be.A&&be.A.locals&&be.A.locals;const Ae={"image/png":"png","image/jpeg":"jpg","image/gif":"gif","image/svg+xml":"svg","image/webp":"webp","image/bmp":"bmp","image/tiff":"tiff","application/pdf":"pdf","text/plain":"txt","text/html":"html","application/json":"json","application/octet-stream":"bin"},ye=Object.fromEntries(Object.entries(Ae).map(([e,n])=>[n,e])),we=e=>Ae[e]||!1,xe=e=>{const n=e.split(".").pop().toLowerCase();return ye[n]||!1},Ce=l.ns,Ee=l.utils,ke=s.store;function Be(e,n){function t(n){g.appendChild(l.widgets.errorMessageBlock(e,n,"pink"))}async function a(e,n,t){const a=[c.st(e,Ce.vcard("hasPhoto"),n,e.doc())];try{t?await ke.updater.update(a,[]):await ke.updater.update([],a)}catch(e){throw B("Writing back image link FAILED "+n+". Stack: "+e),new Error("Writing back image link FAILED")}}function i(e){ke.fetcher.nowOrWhenFetched(e.doc(),function(t,a){if(t){const t=ke.findTypeURIs(e);for(const e in t)E("drop object type includes: "+e);E("Default: assume web page "+e),ke.add(n,Ce.wf("attachment"),e,n.doc())}else B("Error looking up dropped thing "+e+". Stack: "+a)})}function o(e,a,i){const o=we(a);let r,s;a!==xe(e)&&k("MIME TYPE MISMATCH -- adding extension: "+(e+="_."+o));const l=a.startsWith("image");let c,u;for(l?(r="image_",s=Ce.vcard("hasPhoto")):(r="attachment_",s=Ce.wf("attachment")),c=0;u=ke.sym(n.dir().uri+e),ke.holds(n,Ce.vcard("hasPhoto"),u);c++)e=r+c+"."+o;E("Putting "+i.byteLength+" bytes of "+a+" to "+u),ke.fetcher.webOperation("PUT",u.uri,{data:i,contentType:a}).then(function(e){if(!e.ok)return B("Upload of "+u+" failed: "+e.status+" "+e.statusText),void t("Error uploading picture. If the problem persists, contact admin.");E("Upload picture put OK: "+u),ke.add(n,s,u,n.doc()),ke.fetcher.putBack(n.doc(),{contentType:"text/turtle"}).then(function(e){l&&b.refresh()},function(e){B(" Write back image link FAIL "+u+". Stack: "+e)})})}async function r(e){for(const n of e){let e=c.sym(n);if(E("Dropped on mugshot thing "+e),n.startsWith("http")&&n.indexOf("#")<0){n.startsWith("http:")&&(e=c.sym("https:"+n.slice(5)));const t={withCredentials:!1,credentials:"omit"};let a;try{a=await ke.fetcher.webOperation("GET",e.uri,t)}catch(n){return B("Fetch error trying to GET picture "+e+". Stack: "+n),void i(e)}const r=a.headers.get("Content-Type");let s=e.uri.split("/").slice(-1)[0];s=s.split("?")[0];const l=await a.arrayBuffer();return a.ok?void o(s,r,l):(B("Cant download, so will link image. "+e+":"+a.status),void i(e))}t("Not a web document URI, cannot copy "+e+" as picture."),i(e)}}function u(e){for(let n=0;n<e.length;n++){const t=e[n];E(" contacts: Filename: "+t.name+", type: "+(t.type||"n/a")+" size: "+t.size+" bytes, last modified: "+(t.lastModifiedDate?t.lastModifiedDate.toLocaleDateString():"n/a"));const a=new FileReader;a.onload=function(e){return function(n){const t=n.target.result;E(" File read byteLength : "+t.byteLength),o(encodeURIComponent(e.name),e.type,t)}}(t),a.readAsArrayBuffer(t)}}function d(n){const t=e.createElement("img");return t.classList.add("mugshotImage"),t.setAttribute("alt",n?"Contact photo":"Drop photo here"),l.widgets.makeDropTarget(t,r,u),n&&(s.store.fetcher._fetch(n.uri).then(function(e){return e.blob()}).then(function(e){const n=URL.createObjectURL(e);t.setAttribute("src",n)}),l.widgets.makeDraggable(t,n)),t}function p(){let e=ke.each(n,Ce.vcard("hasPhoto"));e.sort(),e=e.slice(0,5),0===e.length?(b.innerHTML="",h&&b.appendChild(v)):Ee.syncTableToArray(b,e,d)}function f(){return ke.sym(n.dir().uri+"Image_"+Date.now()+".png")}async function m(e){e&&(await a(n,e),p())}const h=ke.updater.editable(n.doc().uri,ke),g=e.createElement("div"),b=g.appendChild(e.createElement("div")),v=d();return l.widgets.setImage(v,n),p(),b.refresh=p,h&&g.appendChild(function(){const i=e.createElement("table"),o=i.appendChild(e.createElement("tr")),r=o.appendChild(e.createElement("td")),s=o.appendChild(e.createElement("td")),c=o.appendChild(e.createElement("td"));r.appendChild(l.media.cameraButton(e,ke,f,m));try{s.appendChild(l.widgets.fileUploadButtonDiv(e,u))}catch(e){E("ignore fileUploadButtonDiv error for now",e)}return c.appendChild(function(){const i=l.widgets.button(e,l.icons.iconBase+"noun_925021.svg","Drag here to delete",void 0,{"aria-label":"Delete picture - drag picture here"});return l.widgets.makeDropTarget(i,async function(e){const i=ke.each(n,Ce.vcard("hasPhoto")).map(e=>e.uri);for(const o of e){if(!i.includes(o))return void Z("Only drop pictures onto this trash can.");if(await J("Really DELETE picture?"))try{E("Unlinking image file "+o),await a(n,ke.sym(o),!0),E("Deleting image file "+o),await ke.fetcher.webOperation("DELETE",o)}catch(e){return void t("Error deleting picture. If it persists, contact your admin.")}}p()},null),i}()),i}()),g}var Se=o(93),Te={};Te.styleTagTransform=w(),Te.setAttributes=b(),Te.insert=h().bind(null,"head"),Te.domAPI=f(),Te.insertStyleElement=A(),d()(Se.A,Te),Se.A&&Se.A.locals&&Se.A.locals;const Pe=l.ns,Fe=l.utils,Ne=s.store;let Le,Ie={},_e={},Oe=null,Re=null,De=null,Me=null,je=null,ze=null,Ue=null;function qe(e,n){e.querySelectorAll("button").forEach(e=>{e.classList.remove("btn-primary","allGroupsButton--selected","allGroupsButton--active","allGroupsButton--loaded"),e.classList.add("btn-secondary")}),n&&(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}function $e(e,n,t,a,i,o,r,s,l,c){Le=a,Ie=i||{},o&&(Oe=o),r&&(De=r),s&&(Me=s),l&&(ze=l),c&&(Ue=c),je=e,Re=n;const u=Xe(je,t);Fe.syncTableToArrayReOrdered(Re,u,Ge)}function He(e){const n=Ne.any(e,Pe.vcard("fn")),t=Le.createElement("li");t.setAttribute("role","listitem"),t.setAttribute("aria-label",n?n.value:"Some group"),t.subject=e,l.widgets.makeDraggable(t,e);const a=t.appendChild(Le.createElement("button"));return a.setAttribute("type","button"),a.innerHTML=n?n.value:"Some group",a.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),{groupLi:t,groupButton:a,name:n}}async function Ve(e,n){for(const t of e){let e=Ne.sym(t);try{e=await fe(e,n)}catch(e){Z("Error adding to group. Make sure you are adding a contact URI.")}e&&Ze(Oe)}}function Ge(e){function n(n){if(n.preventDefault(),qe(Re,a),Ue&&Ue(),!n.metaKey)for(const e in Ie)delete Ie[e];Ie[e.uri]=!Ie[e.uri],Ye(Re,Ie),Ne.fetcher.nowOrWhenFetched(e.doc(),void 0,function(n,t){n||B("Cannot load one group: "+e+". Stack: "+t),Ze(Oe,null,!1)})}const{groupLi:t,groupButton:a}=He(e);return a.addEventListener("click",n,!1),l.widgets.makeDropTarget(t,n=>Ve(n,e)),t.addEventListener("click",n,!0),t}function We(e,n,t){function a(a,i){return new Promise((o,r)=>{i.classList.add("group-loading"),i.setAttribute("aria-busy","true"),Ne.fetcher.nowOrWhenFetched(a.doc(),void 0,function(s,l){if(!s){const e="Cannot load group "+a+". Stack: "+l;return B(e),t&&t(!1,e),void r(e)}i.classList.remove("group-loading"),i.setAttribute("aria-busy","false"),i.classList.add("selected"),e[a.uri]=!0,Ye(n,e),Ze(Oe,null),t&&t(!0),o(!0)})})}for(let e=0;e<n.children.length;e++){const i=n.children[e],o=i.subject;o&&a(o,i).catch(e=>{t&&t(!1,e)})}}function Ye(e,n){for(let t=0;t<e.children.length;t++){const a=e.children[t];a.subject&&a.classList.toggle("selected",!!n[a.subject.uri])}}function Qe(e,n,t,a,i,o,r){Le=a,i&&(Ie=i),o&&(Oe=o),r&&(De=r),Re=t;const s=Xe(e,n);s.length>0&&Ge(s[0]),Fe.syncTableToArrayReOrdered(t,s,Ge)}function Xe(e,n){let t=[];if(n.foreignGroup&&t.push(["",Ne.any(n.foreignGroup,Pe.vcard("fn")),n.foreignGroup]),e){const n=Ne.any(e,Pe.vcard("groupIndex")),a=(e?Ne.each(e,Pe.vcard("includesGroup"),null,n):[]).map(function(n){return[e,Ne.any(n,Pe.vcard("fn")),n]});t=t.concat(a),t.sort()}return t.map(e=>e[2])}async function Ke(e){const n=Ne.any(e,Pe.vcard("groupIndex"));if(n){await Ne.fetcher.load(n);const t=e?Ne.each(e,Pe.vcard("includesGroup"),null,n):[];return await Ne.fetcher.load(t),t}return[]}function Ze(e,n,t=!0){const a=e||Oe;if(!a||!a.children||"number"!=typeof a.children.length)return void k("refreshNames called with invalid ulPeople:",a);function i(e,n){function t(e){e.preventDefault(),Je(a,n,Me)}e.addEventListener("click",t),e.addEventListener("keydown",function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t(e))})}let o=[];Object.keys(Ie).map(e=>Ne.sym(e)).forEach(e=>{Ie[e.value]&&(o=o.concat(me(Ne,e)))}),o.sort(oe);for(let e=0;e<o.length-1;)o[e].uri===o[e+1].uri?o.splice(e,1):e++;Fe.syncTableToArrayReOrdered(a,o,e=>function(e){const n=Le.createElement("li");n.setAttribute("role","listitem"),n.setAttribute("tabindex","0"),n.classList.add("personLi"),n.subject=e,l.widgets.makeDraggable(n,e);const t=Le.createElement("div");t.classList.add("personLi-row");const a=Le.createElement("div");a.classList.add("personLi-avatar");const o=Le.createElement("div");o.classList.add("avatar-placeholder"),o.innerHTML='<svg aria-hidden="true" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="18" fill="#e0e0e0"/><text x="50%" y="58%" text-anchor="middle" fill="#595959" font-size="16" font-family="Arial" dy=".3em">?</text></svg>',a.appendChild(o);const r=re(e)||"Unknown Name";function s(){const n=Ne.any(e,Pe.vcard("hasPhoto"));if(n&&n.value){const e=Le.createElement("img");e.src=n.value,e.alt=r+" avatar",a.replaceChild(e,a.firstChild)}}s(),Ne.fetcher.nowOrWhenFetched(e.doc(),void 0,function(t,a){if(!t)return B("Cannot load contact: "+e+". Stack: "+a),void n.classList.add("personLi--error");s()});const c=Le.createElement("div");c.classList.add("personLi-info"),n.setAttribute("aria-label",r);const u=Le.createElement("div");u.classList.add("personLi-name"),u.textContent=r,c.appendChild(u);const d=Le.createElement("div");return d.classList.add("personLi-arrow"),d.innerHTML='<svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.5L11.25 9L6 13.5" stroke="#595959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',t.appendChild(a),t.appendChild(c),t.appendChild(d),n.appendChild(t),i(n,e),n}(e)),nn(a,t,n||Me)}function Je(e,n,t){if(!t)return;let a;t.parentNode&&t.parentNode.classList.remove("hidden"),t.innerHTML="Loading...",t.setAttribute("aria-busy","true"),t.classList.add("detailsSectionContent--wide"),_e={},_e[n.uri]=!0,nn(e,!1,t);try{a=je?function(e){const n=Ne.allAliases(e),t=je.dir().uri;for(let e=0;e<n.length;e++)if(n[e].uri.slice(0,t.length)===t)return n[e];throw new Error("No local URI for "+e)}(n):n}catch(e){return t.innerHTML="",t.setAttribute("aria-busy","false"),void ne(t,Le,"Cannot load contact: "+e.message)}Ne.fetcher.nowOrWhenFetched(a.doc(),void 0,function(i,o){if(t.innerHTML="",t.setAttribute("aria-busy","false"),!i)return B("Failed to load contact card: "+a+". Stack: "+o),void ne(t,Le,"Failed to load contact. If it persists, contact your admin.");const r=Le.createElement("div");r.classList.add("contact-toolbar");const c=l.widgets.linkIcon(Le,a);c.setAttribute("title","Uri of contact"),r.appendChild(c),s.authn.currentUser()&&l.widgets.deleteButtonWithCheck(Le,r,"contact",async function(){const a=n.dir();E("We are about to delete the contact "+Ne.any(n,Pe.vcard("fn"))),await Ke();const i=Ne.any(je,Pe.vcard("nameEmailIndex"));await Ne.fetcher.load(i);const o=ln(n);let r=[];o.forEach(e=>{te(Ne,n,e.doc()).forEach(n=>{1===te(Ne,n,e.doc()).length&&(r=r.concat(Ne.statementsMatching(e,Pe.vcard("hasMember"),n,e.doc())))})}),await Ne.updater.updateMany(r);try{await ie(n)}catch(e){return void ne(t,Le,"Failed to delete contact. If it persists, contact your admin.")}try{await ae(Ne,a)}catch(e){return void ne(t,Le,"Failed to delete contact. If it persists, contact your admin.")}Ze(e,t),t.innerHTML="Contact data deleted."}).classList.add("deleteButton"),t.appendChild(r),t.classList.add("detailsSectionContent--wide"),t.appendChild(function(e,n){const t=ze.session.paneRegistry.byName(n).render(e,ze);return t.classList.add("renderPane"),t}(a,"contact"))})}function en(e){if(_e={},e)for(let n=0;n<e.children.length;n++)e.children[n].classList.remove("selected")}function nn(e,n,t){let a=0,i=null;for(let n=0;n<e.children.length;n++){const t=e.children[n],o=tn(re(t.subject));o&&(a++,i=t),t.classList.toggle("selected",o&&!!_e[t.subject.uri]),t.classList.toggle("hidden",!o)}1===a&&n&&Je(e,i.subject,t)}function tn(e){const n=De.value.trim().toLowerCase();if(0===n.length)return!0;const t=n.split(" ");for(let n=0;n<t.length;n++){const a=t[n];if(e.toLowerCase().indexOf(a)<0)return!1}return!0}async function an(e,n){const t=await Ke(e);if(t&&t.length>0){const{del:e,ins:a}=await async function(e){const n=[],t=[];return e.forEach(e=>{ce.each(e,se.vcard("hasMember"),null,e.doc()).forEach(a=>{const i=te(ce,a,e.doc());if(i.length&&he(e,a))for(const o of i)if(!he(e,o)){n.push(c.st(e,se.vcard("hasMember"),a,e.doc())),t.push(c.st(e,se.vcard("hasMember"),o,e.doc()));break}})}),{del:n,ins:t}}(t);s.authn.currentUser()&&e.length&&l.widgets.deleteButtonWithCheck(Le,n,"contact",async function(){await Ne.updater.updateMany(e,a),E("Deleted "+e.length+" bad statements from groups")})}}async function on(){const e=function(e){if(e)return e;let n;for(const e in Ie){n=Ne.sym(e);const t=Ne.any(void 0,Pe.vcard("includesGroup"),n);if(t)return t}throw new Error("findBookFromGroups: Cant find address book which this group is part of")}(je);try{await Ne.fetcher.load(e)}catch(n){throw new Error("Book won't load:"+e)}const n=Ne.any(e,Pe.vcard("nameEmailIndex"));if(!n)throw new Error("No nameEmailIndex");await Ne.fetcher.load(n)}const rn=l.ns,sn=s.store;function ln(e){let n=sn.statementsMatching(null,rn.owl("sameAs"),e).map(e=>e.why).concat(sn.each(null,rn.vcard("hasMember"),e));const t=new Set(n.map(e=>ee(e.uri)));return n=[...t].map(e=>sn.sym(e)),n}async function cn(e,n,t){const a=t||null;function i(n){const t=c.any(n,rn.vcard("fn")),i=t?t.value:n.uri,d=r.createElement("li");d.classList.add("group-membership-item");const p=r.createElement("button");p.setAttribute("type","button"),p.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),p.textContent=i,p.title=i,d.appendChild(p);const f=r.createElement("div");f.classList.add("group-membership-toolbar");const m=l.widgets.linkIcon(r,n);return m.setAttribute("title","Link to "+i),f.appendChild(m),s.authn.currentUser()&&l.widgets.deleteButtonWithCheck(r,f,"membership in "+i,async function(){await async function(e,n){const t=c.any(e,rn.vcard("fn")),i=c.any(n,rn.vcard("fn")),s=c.each(null,rn.owl("sameAs"),e,n.doc());let d=[];s.forEach(t=>{c.statementsMatching(t,rn.owl("sameAs"),e,n.doc())&&(d=d.concat(t))}),d=M(c,e).map(e=>e.value);const p=d.map(e=>c.sym(e));let f=[e].concat(p).flatMap(e=>c.each(null,rn.vcard("hasMember"),e));if(f=[...new Set(f.map(e=>e.uri))].map(e=>c.sym(e)),f.length<2)return void Z("Must be a member of at least one group. Add to another group first.");const m="Remove "+t+" from group "+i+"?";if(await J(m)){let s=c.statementsMatching(e,void 0,void 0,n.doc()).concat(c.statementsMatching(void 0,void 0,e,n.doc()));d.forEach(e=>{c.statementsMatching(e,rn.owl("sameAs"),void 0,n.doc()).length<2&&(s=s.concat(c.statementsMatching(void 0,void 0,e,n.doc())))});try{await c.updater.update(s,[])}catch(e){const t="Error removing member from group "+n+": "+e;return void u.appendChild(l.widgets.errorMessageBlock(r,t,"pink"))}E("Removed "+t+" from group "+i),c.fetcher.unload(n.doc()),await c.fetcher.load(n.doc()),o(),Ze(a)}}(e,n)}),d.appendChild(f),d}function o(){const n=ln(e),t=u.querySelector(".group-pills-wrapper");0===n.length?t.innerHTML="<span>Not part of any Address Book group.</span>":t.innerHTML="",n.forEach(e=>{t.appendChild(i(e))})}const{dom:r}=n,c=n.session.store,u=r.createElement("div");u.classList.add("group-membership-container");const d=r.createElement("h3");d.classList.add("group-membership-header"),d.textContent="Part of groups",u.appendChild(d);const p=r.createElement("ul");return p.classList.add("group-pills-wrapper"),u.appendChild(p),await async function(e=null){if(!e&&!(e=c.any(void 0,rn.vcard("includesGroup"))))return;const n=c.any(e,rn.vcard("groupIndex")),t=e?c.each(e,rn.vcard("includesGroup"),null,n):[];await c.fetcher.load(t)}(),u.refresh=o,o(),u}const un='# This turtle file defines the forms used in the contacts management\n#\n# Individuals and orgs are in one file as they both\n# share some forms (address etc) and also interactions (roles)\n\n# Forms documentation: https://solidos.github.io/solid-ui/docs/forms-intro.html\n\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix prov: <http://www.w3.org/ns/prov#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix : <#>.\n\n\n############# For individual:\n:individualForm a ui:Form ;\n dct:title "Contact details for a person" ;\n ui:parts (\n :fullNameField\n :nicknameGroup\n :pronounsGroup\n :roleField\n :orgNameField\n # :addressesComment\n :addresses\n # :emailComment\n :eMails\n # :telephoneComment\n :telephones\n :birthdayField\n # :noteComment\n :noteField \n ) .\n\n :fullNameField\n a ui:SingleLineTextField ;\n ui:label "Name";\n ui:maxLength "128" ;\n ui:property vcard:fn .\n\n # Nickname\n\n :nicknameGroup a ui:Group; ui:weight 0; \n ui:parts (:nicknameField) .\n\n :nicknameField a ui:SingleLineTextField; \n ui:property foaf:nick;\n ui:label "Nickname"@en, "Nom court"@fr.\n\n # Pronouns\n\n :pronounsGroup a ui:Group; ui:weight 0; \n ui:parts ( :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n ui:label "He/she/they" .\n :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n ui:label "Him/her/them" .\n :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n ui:label "His/hers/theirs" .\n \n :roleField\n a ui:SingleLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:maxLength "128" ;\n ui:property vcard:role .\n\n :orgNameField\n a ui:SingleLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:maxLength "128" ;\n ui:property vcard:organization-name .\n\n :addresses a ui:Multiple ;\n dct:title "Address details" ;\n ui:part :oneAddress ;\n ui:property vcard:hasAddress .\n\n :oneAddress a ui:Group ;\n ui:parts ( \n :id1409437207443 :id1409437292400 \n :id1409437421996 :id1409437467649 \n :id1409437569420 ). \n\n :id1409437207443\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:street-address .\n\n :id1409437292400\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:locality .\n\n :id1409437421996\n a ui:SingleLineTextField ;\n ui:maxLength "25" ;\n ui:property vcard:postal-code .\n\n :id1409437467649\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:region .\n\n :id1409437569420\n a ui:SingleLineTextField ;\n ui:maxLength "128" ;\n ui:property vcard:country-name .\n\n\n :eMails a ui:Multiple ;\n ui:part :oneEMail ;\n ui:property vcard:hasEmail .\n\n :oneEMail a ui:Group ; # hint: side by side is good\n ui:part :emailValue, :emailType ;\n ui:parts ( :emailType :emailValue ).\n\n :emailValue\n a ui:EmailField ; ui:label "email";\n ui:property vcard:value .\n\n :emailType\n a ui:Classifier ;\n ui:canMintNew "0" ;\n ui:category vcard:Type ;\n ui:from vcard:Type ;\n ui:property rdf:type .\n\n :telephones a ui:Multiple ;\n ui:part :onetelephone ;\n ui:property vcard:hasTelephone .\n\n :onetelephone\n a ui:Group ;\n ui:part :telephoneValue, :telephoneType ;\n ui:parts ( :telephoneType :telephoneValue ).\n\n :telephoneValue\n a ui:PhoneField ;\n ui:property vcard:value .\n\n :telephoneType\n a ui:Classifier ;\n ui:canMintNew "0" ;\n ui:category vcard:TelephoneType ;\n ui:from vcard:Type ;\n ui:property rdf:type .\n\n :birthdayField a ui:DateField;\n ui:label "Born"@en;\n ui:suppressEmptyUneditable true;\n ui:property vcard:bday .\n\n :noteField\n a ui:MultiLineTextField ;\n ui:suppressEmptyUneditable true;\n ui:property vcard:note .\n\n# Ontology additions or interpretations needed for the form to work well\n\n# The ontology file doesn\'t make them disjoint. This makes the selector be a choice.\nvcard:TelephoneType owl:disjointUnionOf ( vcard:Cell vcard:Home vcard:Work) .\nvcard:Type owl:disjointUnionOf (vcard:Home vcard:Work) . # for email\n\n# Better field labels\nvcard:Cell ui:label "mobile"@en . # app will make initial caps if necessary\nvcard:hasAddress ui:label "address"@en .\nvcard:bday ui:label "born"@en.\nvcard:hasEmail ui:label "email"@en .\nvcard:hasTelephone ui:label "phone"@en .\nvcard:note ui:label "notes"@en .\n\n\n############ For organizations\n\n:organizationForm a ui:Form ; \n dct:title "Contact details for an organization";\n ui:parts (\n :OrgClassifier\n :fullNameField\n :homePageURIField\n :addresses\n :eMails\n :telephones\n :noteField ) .\n\n :OrgClassifier a ui:Classifier; \n ui:label "What sort of organization?"@en;\n ui:category solid:InterestingOrganization .\n\n :homePageURIField a ui:NamedNodeURIField;\n ui:label "Homepage"@en;\n ui:property schema:url .\n\n# Ontology data to drive the :OrgClassifier classifier\n solid:InterestingOrganization owl:disjointUnionOf (\n # Airline - a Corporation\n # Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n # FundingScheme - eh?\n schema:GovernmentOrganization\n # LibrarySystem\n # LocalBusiness - Corporation\n # MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\n schema:PerformingGroup # a band\n schema:Project # like Solid\n schema:SportsOrganization) .\n';var dn=o(479),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=h().bind(null,"head"),pn.domAPI=f(),pn.insertStyleElement=A(),d()(dn.A,pn),dn.A&&dn.A.locals&&dn.A.locals;var fn=o(434),mn={};mn.styleTagTransform=w(),mn.setAttributes=b(),mn.insert=h().bind(null,"head"),mn.domAPI=f(),mn.insertStyleElement=A(),d()(fn.A,mn),fn.A&&fn.A.locals&&fn.A.locals;const hn="https://solidos.github.io/contacts-pane/src/ontology/";function gn(e,n,t,a){const i=a||hn+t,o=(0,c.sym)(i);e.holds(void 0,void 0,void 0,o)||(0,c.parse)(n,e,i,"text/turtle",()=>null)}const bn=l.ns,vn=s.store,An="individualAndOrganizationForm.ttl";async function yn(e,n,t,a){const i=vn.findTypeURIs(t),o=!(!i[bn.vcard("Organization").uri]&&!i[bn.schema("Organization").uri]),r=vn.updater.editable(t.doc().uri,vn);gn(vn,un,An);const u=l.ns.vcard("Type").doc().uri;gn(vn,'@prefix : <http://www.w3.org/2006/vcard/ns#> .\n@prefix owl: <http://www.w3.org/2002/07/owl#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .\n@prefix xml: <http://www.w3.org/XML/1998/namespace> .\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .\n\n:Acquaintance a owl:Class ;\n rdfs:label "Acquaintance"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Agent a owl:Class ;\n rdfs:label "Agent"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:BBS a owl:Class ;\n rdfs:label "BBS"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Car a owl:Class ;\n rdfs:label "Car"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Cell a owl:Class ;\n rdfs:label "Cell"@en ;\n rdfs:comment "Also called mobile telephone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Child a owl:Class ;\n rdfs:label "Child"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Colleague a owl:Class ;\n rdfs:label "Colleague"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Contact a owl:Class ;\n rdfs:label "Contact"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Coresident a owl:Class ;\n rdfs:label "Coresident"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Coworker a owl:Class ;\n rdfs:label "Coworker"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Crush a owl:Class ;\n rdfs:label "Crush"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Date a owl:Class ;\n rdfs:label "Date"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Dom a owl:Class ;\n rdfs:label "Dom"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Emergency a owl:Class ;\n rdfs:label "Emergency"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Fax a owl:Class ;\n rdfs:label "Fax"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Female a owl:Class ;\n rdfs:label "Female"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Friend a owl:Class ;\n rdfs:label "Friend"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Home a owl:Class ;\n rdfs:label "Home"@en ;\n rdfs:comment "This implies that the property is related to an individual\'s personal life"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type .\n\n:ISDN a owl:Class ;\n rdfs:label "ISDN"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Internet a owl:Class ;\n rdfs:label "Internet"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Intl a owl:Class ;\n rdfs:label "Intl"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Kin a owl:Class ;\n rdfs:label "Kin"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Label a owl:Class ;\n rdfs:label "Label"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Male a owl:Class ;\n rdfs:label "Male"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Me a owl:Class ;\n rdfs:label "Me"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Met a owl:Class ;\n rdfs:label "Met"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Modem a owl:Class ;\n rdfs:label "Modem"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Msg a owl:Class ;\n rdfs:label "Msg"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Muse a owl:Class ;\n rdfs:label "Muse"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Neighbor a owl:Class ;\n rdfs:label "Neighbor"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:None a owl:Class ;\n rdfs:label "None"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Other a owl:Class ;\n rdfs:label "Other"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:PCS a owl:Class ;\n rdfs:label "PCS"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType ;\n owl:deprecated true .\n\n:Pager a owl:Class ;\n rdfs:label "Pager"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Parcel a owl:Class ;\n rdfs:label "Parcel"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Parent a owl:Class ;\n rdfs:label "Parent"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Postal a owl:Class ;\n rdfs:label "Postal"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Pref a owl:Class ;\n rdfs:label "Pref"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:Sibling a owl:Class ;\n rdfs:label "Sibling"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Spouse a owl:Class ;\n rdfs:label "Spouse"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Sweetheart a owl:Class ;\n rdfs:label "Sweetheart"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :RelatedType .\n\n:Tel a owl:Class ;\n rdfs:label "Tel"@en ;\n rdfs:comment "This class is deprecated. Use the hasTelephone object property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:Text a owl:Class ;\n rdfs:label "Text"@en ;\n rdfs:comment "Also called sms telephone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:TextPhone a owl:Class ;\n rdfs:label "Text phone"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Unknown a owl:Class ;\n rdfs:label "Unknown"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Gender .\n\n:Video a owl:Class ;\n rdfs:label "Video"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Voice a owl:Class ;\n rdfs:label "Voice"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :TelephoneType .\n\n:Work a owl:Class ;\n rdfs:label "Work"@en ;\n rdfs:comment "This implies that the property is related to an individual\'s work place"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type .\n\n:X400 a owl:Class ;\n rdfs:label "X400"@en ;\n rdfs:comment "This class is deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Type ;\n owl:deprecated true .\n\n:adr a owl:ObjectProperty ;\n rdfs:label "address"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasAddress .\n\n:agent a owl:ObjectProperty ;\n rdfs:label "agent"@en ;\n rdfs:comment "This object property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:anniversary a owl:DatatypeProperty ;\n rdfs:label "anniversary"@en ;\n rdfs:comment "The date of marriage, or equivalent, of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range [ a rdfs:Datatype ;\n owl:unionOf ( xsd:dateTime xsd:gYear ) ] .\n\n:bday a owl:DatatypeProperty ;\n rdfs:label "birth date"@en ;\n rdfs:comment "To specify the birth date of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range [ a rdfs:Datatype ;\n owl:unionOf ( xsd:dateTime xsd:dateTimeStamp xsd:gYear ) ] .\n\n:category a owl:DatatypeProperty ;\n rdfs:label "category"@en ;\n rdfs:comment "The category information about the object, also known as tags"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:class a owl:DatatypeProperty ;\n rdfs:label "class"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:email a owl:ObjectProperty ;\n rdfs:label "email"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasEmail .\n\n:extended-address a owl:DatatypeProperty ;\n rdfs:label "extended address"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:geo a owl:ObjectProperty ;\n rdfs:label "geo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasGeo .\n\n:hasAdditionalName a owl:ObjectProperty ;\n rdfs:label "has additional name"@en ;\n rdfs:comment "Used to support property parameters for the additional name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarBusy a owl:ObjectProperty ;\n rdfs:label "has calendar busy"@en ;\n rdfs:comment "To specify the busy time associated with the object. (Was called FBURL in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarLink a owl:ObjectProperty ;\n rdfs:label "has calendar link"@en ;\n rdfs:comment "To specify the calendar associated with the object. (Was called CALURI in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCalendarRequest a owl:ObjectProperty ;\n rdfs:label "has calendar request"@en ;\n rdfs:comment "To specify the calendar user address to which a scheduling request be sent for the object. (Was called CALADRURI in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCategory a owl:ObjectProperty ;\n rdfs:label "has category"@en ;\n rdfs:comment "Used to support property parameters for the category data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasCountryName a owl:ObjectProperty ;\n rdfs:label "has country name"@en ;\n rdfs:comment "Used to support property parameters for the country name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasFN a owl:ObjectProperty ;\n rdfs:label "has formatted name"@en ;\n rdfs:comment "Used to support property parameters for the formatted name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasFamilyName a owl:ObjectProperty ;\n rdfs:label "has family name"@en ;\n rdfs:comment "Used to support property parameters for the family name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasGender a owl:ObjectProperty ;\n rdfs:label "has gender"@en ;\n rdfs:comment "To specify the sex or gender identity of the object. URIs are recommended to enable interoperable sex and gender codes to be used."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasGivenName a owl:ObjectProperty ;\n rdfs:label "has given name"@en ;\n rdfs:comment "Used to support property parameters for the given name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasHonorificPrefix a owl:ObjectProperty ;\n rdfs:label "has honorific prefix"@en ;\n rdfs:comment "Used to support property parameters for the honorific prefix data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasHonorificSuffix a owl:ObjectProperty ;\n rdfs:label "has honorific suffix"@en ;\n rdfs:comment "Used to support property parameters for the honorific suffix data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasInstantMessage a owl:ObjectProperty ;\n rdfs:label "has messaging"@en ;\n rdfs:comment "To specify the instant messaging and presence protocol communications with the object. (Was called IMPP in RFC6350)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasLanguage a owl:ObjectProperty ;\n rdfs:label "has language"@en ;\n rdfs:comment "Used to support property parameters for the language data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasLocality a owl:ObjectProperty ;\n rdfs:label "has locality"@en ;\n rdfs:comment "Used to support property parameters for the locality data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasNickname a owl:ObjectProperty ;\n rdfs:label "has nickname"@en ;\n rdfs:comment "Used to support property parameters for the nickname data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:seeAlso :nickname .\n\n:hasNote a owl:ObjectProperty ;\n rdfs:label "has note"@en ;\n rdfs:comment "Used to support property parameters for the note data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasOrganizationName a owl:ObjectProperty ;\n rdfs:label "has organization name"@en ;\n rdfs:comment "Used to support property parameters for the organization name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasOrganizationUnit a owl:ObjectProperty ;\n rdfs:label "has organization unit name"@en ;\n rdfs:comment "Used to support property parameters for the organization unit name data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasPostalCode a owl:ObjectProperty ;\n rdfs:label "has postal code"@en ;\n rdfs:comment "Used to support property parameters for the postal code data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRegion a owl:ObjectProperty ;\n rdfs:label "has region"@en ;\n rdfs:comment "Used to support property parameters for the region data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRelated a owl:ObjectProperty ;\n rdfs:label "has related"@en ;\n rdfs:comment "To specify a relationship between another entity and the entity represented by this object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasRole a owl:ObjectProperty ;\n rdfs:label "has role"@en ;\n rdfs:comment "Used to support property parameters for the role data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasSource a owl:ObjectProperty ;\n rdfs:label "has source"@en ;\n rdfs:comment "To identify the source of directory information of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasStreetAddress a owl:ObjectProperty ;\n rdfs:label "has street address"@en ;\n rdfs:comment "Used to support property parameters for the street address data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasTitle a owl:ObjectProperty ;\n rdfs:label "has title"@en ;\n rdfs:comment "Used to support property parameters for the title data property"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasUID a owl:ObjectProperty ;\n rdfs:label "has uid"@en ;\n rdfs:comment "To specify a value that represents a globally unique identifier corresponding to the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasValue a owl:ObjectProperty ;\n rdfs:label "has value"@en ;\n rdfs:comment "Used to indicate the resource value of an object property that requires property parameters"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:label a owl:DatatypeProperty ;\n rdfs:label "label"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:language a owl:DatatypeProperty ;\n rdfs:label "language"@en ;\n rdfs:comment "To specify the language that may be used for contacting the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:latitude a owl:DatatypeProperty ;\n rdfs:label "latitude"@en ;\n rdfs:comment "This data property has been deprecated. See hasGeo"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:longitude a owl:DatatypeProperty ;\n rdfs:label "longitude"@en ;\n rdfs:comment "This data property has been deprecated. See hasGeo"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:mailer a owl:DatatypeProperty ;\n rdfs:label "mailer"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:note a owl:DatatypeProperty ;\n rdfs:label "note"@en ;\n rdfs:comment "A note associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:org a owl:ObjectProperty ;\n rdfs:label "organization"@en ;\n rdfs:comment "This object property has been mapped. Use the organization-name data property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :organization-name .\n\n:organization-unit a owl:DatatypeProperty ;\n rdfs:label "organizational unit name"@en ;\n rdfs:comment "To specify the organizational unit name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string ;\n rdfs:subPropertyOf :organization-name .\n\n:post-office-box a owl:DatatypeProperty ;\n rdfs:label "post office box"@en ;\n rdfs:comment "This data property has been deprecated"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:prodid a owl:DatatypeProperty ;\n rdfs:label "product id"@en ;\n rdfs:comment "To specify the identifier for the product that created the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:rev a owl:DatatypeProperty ;\n rdfs:label "revision"@en ;\n rdfs:comment "To specify revision information about the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:dateTime .\n\n:role a owl:DatatypeProperty ;\n rdfs:label "role"@en ;\n rdfs:comment "To specify the function or part played in a particular situation by the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:sort-string a owl:DatatypeProperty ;\n rdfs:label "sort as"@en ;\n rdfs:comment "To specify the string to be used for national-language-specific sorting. Used as a property parameter only."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:title a owl:DatatypeProperty ;\n rdfs:label "title"@en ;\n rdfs:comment "To specify the position or job of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:tz a owl:DatatypeProperty ;\n rdfs:label "time zone"@en ;\n rdfs:comment "To indicate time zone information that is specific to the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:value a owl:DatatypeProperty ;\n rdfs:label "value"@en ;\n rdfs:comment "Used to indicate the literal value of a data property that requires property parameters"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:Address a owl:Class ;\n rdfs:label "Address"@en ;\n rdfs:comment "To specify the components of the delivery address for the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Class ;\n owl:unionOf ( [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :country-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :country-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :locality ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :locality ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :postal-code ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :postal-code ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :region ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :region ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :street-address ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :street-address ] ) ] ) ] .\n\n:Email a owl:Class ;\n rdfs:label "Email"@en ;\n rdfs:comment "To specify the electronic mail address for communication with the object the vCard represents. Use the hasEmail object property."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:deprecated true .\n\n:Group a owl:Class ;\n rdfs:label "Group"@en ;\n rdfs:comment "Object representing a group of persons or entities. A group object will usually contain hasMember properties to specify the members of the group."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Individual,\n :Location,\n :Organization ;\n owl:equivalentClass [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :hasMember ;\n owl:someValuesFrom :Kind ] [ a owl:Restriction ;\n owl:minQualifiedCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onClass :Kind ;\n owl:onProperty :hasMember ] ) ] .\n\n:Individual a owl:Class ;\n rdfs:label "Individual"@en ;\n rdfs:comment "An object representing a single person or entity"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Location,\n :Organization .\n\n:Name a owl:Class ;\n rdfs:label "Name"@en ;\n rdfs:comment "To specify the components of the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Class ;\n owl:unionOf ( [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :additional-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :additional-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :family-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :family-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :given-name ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:maxCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onProperty :given-name ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :honorific-prefix ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :honorific-prefix ] ) ] [ a owl:Class ;\n owl:intersectionOf ( [ a owl:Restriction ;\n owl:onProperty :honorific-suffix ;\n owl:someValuesFrom xsd:string ] [ a owl:Restriction ;\n owl:minCardinality "0"^^xsd:nonNegativeInteger ;\n owl:onProperty :honorific-suffix ] ) ] ) ] .\n\n:VCard a owl:Class ;\n rdfs:label "VCard"@en ;\n rdfs:comment "The vCard class is equivalent to the new Kind class, which is the parent for the four explicit types of vCards (Individual, Organization, Location, Group)"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass :Kind .\n\n:fn a owl:DatatypeProperty ;\n rdfs:label "formatted name"@en ;\n rdfs:comment "The formatted text corresponding to the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:hasAddress a owl:ObjectProperty ;\n rdfs:label "has address"@en ;\n rdfs:comment "To specify the components of the delivery address for the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Address .\n\n:hasEmail a owl:ObjectProperty ;\n rdfs:label "has email"@en ;\n rdfs:comment "To specify the electronic mail address for communication with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Email .\n\n:hasGeo a owl:ObjectProperty ;\n rdfs:label "has geo"@en ;\n rdfs:comment "To specify information related to the global positioning of the object. May also be used as a property parameter."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:hasKey a owl:ObjectProperty ;\n rdfs:label "has key"@en ;\n rdfs:comment "To specify a public key or authentication certificate associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :key .\n\n:hasLogo a owl:ObjectProperty ;\n rdfs:label "has logo"@en ;\n rdfs:comment "To specify a graphic image of a logo associated with the object "@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :logo .\n\n:hasName a owl:ObjectProperty ;\n rdfs:label "has name"@en ;\n rdfs:comment "To specify the components of the name of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Name ;\n owl:equivalentProperty :n .\n\n:hasPhoto a owl:ObjectProperty ;\n rdfs:label "has photo"@en ;\n rdfs:comment "To specify an image or photograph information that annotates some aspect of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :photo .\n\n:hasSound a owl:ObjectProperty ;\n rdfs:label "has sound"@en ;\n rdfs:comment "To specify a digital sound content information that annotates some aspect of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :sound .\n\n:hasTelephone a owl:ObjectProperty ;\n rdfs:label "has telephone"@en ;\n rdfs:comment "To specify the telephone number for telephony communication with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :tel .\n\n:hasURL a owl:ObjectProperty ;\n rdfs:label "has url"@en ;\n rdfs:comment "To specify a uniform resource locator associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :url .\n\n:key a owl:ObjectProperty ;\n rdfs:label "key"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasKey .\n\n:logo a owl:ObjectProperty ;\n rdfs:label "logo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasLogo .\n\n:n a owl:ObjectProperty ;\n rdfs:label "name"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasName .\n\n:nickname a owl:DatatypeProperty ;\n rdfs:label "nickname"@en ;\n rdfs:comment "The nick name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:photo a owl:ObjectProperty ;\n rdfs:label "photo"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasPhoto .\n\n:sound a owl:ObjectProperty ;\n rdfs:label "sound"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasSound .\n\n:tel a owl:ObjectProperty ;\n rdfs:label "telephone"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasTelephone .\n\n:url a owl:ObjectProperty ;\n rdfs:label "url"@en ;\n rdfs:comment "This object property has been mapped"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentProperty :hasURL .\n\n:Location a owl:Class ;\n rdfs:label "Location"@en ;\n rdfs:comment "An object representing a named geographical place"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind ;\n owl:disjointWith :Organization .\n\n:additional-name a owl:DatatypeProperty ;\n rdfs:label "additional name"@en ;\n rdfs:comment "The additional name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:country-name a owl:DatatypeProperty ;\n rdfs:label "country name"@en ;\n rdfs:comment "The country name associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:family-name a owl:DatatypeProperty ;\n rdfs:label "family name"@en ;\n rdfs:comment "The family name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:given-name a owl:DatatypeProperty ;\n rdfs:label "given name"@en ;\n rdfs:comment "The given name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:hasMember a owl:ObjectProperty ;\n rdfs:label "has member"@en ;\n rdfs:comment "To include a member in the group this object represents. (This property can only be used by Group individuals)"@en ;\n rdfs:domain :Group ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range :Kind .\n\n:honorific-prefix a owl:DatatypeProperty ;\n rdfs:label "honorific prefix"@en ;\n rdfs:comment "The honorific prefix of the name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:honorific-suffix a owl:DatatypeProperty ;\n rdfs:label "honorific suffix"@en ;\n rdfs:comment "The honorific suffix of the name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:locality a owl:DatatypeProperty ;\n rdfs:label "locality"@en ;\n rdfs:comment "The locality (e.g. city or town) associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:organization-name a owl:DatatypeProperty ;\n rdfs:label "organization name"@en ;\n rdfs:comment "To specify the organizational name associated with the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:postal-code a owl:DatatypeProperty ;\n rdfs:label "postal code"@en ;\n rdfs:comment "The postal code associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:region a owl:DatatypeProperty ;\n rdfs:label "region"@en ;\n rdfs:comment "The region (e.g. state or province) associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:street-address a owl:DatatypeProperty ;\n rdfs:label "street address"@en ;\n rdfs:comment "The street address associated with the address of the object"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:range xsd:string .\n\n:Organization a owl:Class ;\n rdfs:label "Organization"@en ;\n rdfs:comment """An object representing an organization. An organization is a single entity, and might represent a business or government, a department or division within a business or government, a club, an association, or the like.\n"""@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n rdfs:subClassOf :Kind .\n\n:Gender a owl:Class ;\n rdfs:label "Gender"@en ;\n rdfs:comment "Used for gender codes. The URI of the gender code must be used as the value for Gender."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:Kind a owl:Class ;\n rdfs:label "Kind"@en ;\n rdfs:comment "The parent class for all objects"@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> ;\n owl:equivalentClass [ a owl:Restriction ;\n owl:minQualifiedCardinality "1"^^xsd:nonNegativeInteger ;\n owl:onDataRange xsd:string ;\n owl:onProperty :fn ],\n :VCard .\n\n:Type a owl:Class ;\n rdfs:label "Type"@en ;\n rdfs:comment "Used for type codes. The URI of the type code must be used as the value for Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:TelephoneType a owl:Class ;\n rdfs:label "Phone"@en ;\n rdfs:comment "Used for telephone type codes. The URI of the telephone type code must be used as the value for the Telephone Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n:RelatedType a owl:Class ;\n rdfs:label "Relation Type"@en ;\n rdfs:comment "Used for relation type codes. The URI of the relation type code must be used as the value for the Relation Type."@en ;\n rdfs:isDefinedBy <http://www.w3.org/2006/vcard/ns> .\n\n<http://www.w3.org/2006/vcard/ns> a owl:Ontology ;\n rdfs:label "Ontology for vCard"@en ;\n rdfs:comment "Ontology for vCard based on RFC6350"@en ;\n owl:versionInfo "Final"@en .\n\n\n',"vcard.ttl",u);try{await vn.fetcher.load(t.doc())}catch(e){throw B("Error loading profile card. Stack: "+e),new Error("Failed to load profile card.")}n.classList.add("individualPane"),s.authn.checkUser(),n.appendChild(Be(e,t));const d=o?"organizationForm":"individualForm";if(function(e,n,t,a,i,o,r,s){const u=hn+a,d=s||"this",p=(0,c.Namespace)(u+"#")(d);gn(i,t,a,u),l.widgets.appendForm(o,e,{},n,p,r,(e,n)=>{e||l.widgets.errorMessageBlock(o,n)})}(n,t,un,An,s.store,e,t.doc(),d),n.appendChild(await cn(t,a,a.ulPeople)),s.authn.currentUser()){const a=n.appendChild(e.createElement("h3"));a.textContent="Attach a document",a.classList.add("webidHeading"),l.widgets.attachmentList(e,t,n,{modify:r})}o?n.appendChild(await async function(e,n){let t=F.sym("http://www.wikidata.org/wiki/Q43229");for(const n in N)F.holds(e,S.rdf("type"),S.schema(n),e.doc())&&(t=F.sym(N[n]),E(` renderPublicIdControl bingo: ${n} -> ${t}`));return z(e,n,{longPrompt:`Add a ${_}?`,idNoun:_,urlType:S.vcard("PublicId"),dbLookup:!0,class:t,queryParams:L})}(t,a)):n.appendChild(await async function(e,n){return z(e,n,{longPrompt:`Link to a ${I}?`,idNoun:I,urlType:S.vcard("WebID")})}(t,a))}var wn=o(295),xn={};xn.styleTagTransform=w(),xn.setAttributes=b(),xn.insert=h().bind(null,"head"),xn.domAPI=f(),xn.insertStyleElement=A(),d()(wn.A,xn),wn.A&&wn.A.locals&&wn.A.locals;const Cn=s.store,En=l.ns,kn=En.vcard;let Bn,Sn,Tn,Pn;function Fn(e,n,t,a,i,o,r){Bn=a,Sn=n,Pn=r;const u=i.dom,d=u.createElement("div");d.classList.add("toolsPane");const p=u.createElement("h3");p.textContent="Tools",d.appendChild(p);const f=d.appendChild(u.createElement("div"));f.classList.add("statsLog"),Tn=f.appendChild(u.createElement("pre")),Tn.setAttribute("id","logSpace");const m=d.appendChild(u.createElement("div"));function h(e){const n=e.classList.contains("btn-primary");m.querySelectorAll("button").forEach(e=>{e.classList.remove("btn-primary","toolsButton--loading","toolsButton--error","toolsButton--success"),e.classList.add("btn-secondary")}),n||(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}m.classList.add("toolsButtonsContainer");const g=m.appendChild(u.createElement("button"));g.textContent="Load main index",g.classList.add("actionButton","btn-secondary","action-button-focus"),g.addEventListener("click",()=>{h(g),Tn.textContent="",async function(e,n){e.classList.add("toolsButton--loading"),e.classList.remove("toolsButton--error","toolsButton--success");const t=Cn.any(Bn,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load(t)}catch(t){e.classList.remove("toolsButton--loading"),e.classList.add("toolsButton--error"),Nn(n,"Error: People index has NOT been loaded"+t+"\n")}e.classList.remove("toolsButton--loading"),e.classList.add("toolsButton--success"),Nn(n," People index has been loaded\n")}(g,Tn)});const b=m.appendChild(u.createElement("button"));b.textContent="Statistics",b.classList.add("actionButton","btn-secondary","action-button-focus"),b.addEventListener("click",()=>{h(b),Tn.textContent="",function(e){const n=Cn.each(void 0,kn("inAddressBook"),Bn).length;Nn(e,n+" contacts loaded. ");let t=Cn.each(Bn,kn("includesGroup"));const a=new Set(t.map(e=>ee(e.uri)));t=[...a].map(e=>Cn.sym(e)),Nn(e,t.length+" total groups. ");const i=[];for(const e in Sn)i.push(e);Nn(e,i.length+" selected groups. ")}(Tn)});const v=m.appendChild(u.createElement("button"));v.textContent="Check individual contact access of selected groups",v.classList.add("actionButton","btn-secondary","action-button-focus"),v.addEventListener("click",e=>{h(v),Tn.textContent="",async function(){function e(e){l.acl.fixIndividualCardACL(e,e=>Nn(Tn,e),function(n,t){n?Nn(Tn,"Success for "+l.utils.label(e)):(B("Failure for "+e+": "+t),Nn(Tn,"Failure for "+e+": "+t))})}const n=[];for(const e in Sn)n.push(e);for(let t=0;t<n.length;t++){const a=Cn.sym(n[t]),i=me(Cn,a);Nn(Tn,l.utils.label(a)+": "+i.length+" members");for(let n=0;n<i.length;n++){const t=i[n];Nn(Tn,l.utils.label(t)),e(t)}}}()});const A=m.appendChild(u.createElement("button"));A.textContent="Find duplicate contacts",A.classList.add("actionButton","btn-secondary","action-button-focus"),A.addEventListener("click",function(e){h(A),Tn.textContent="";const n={};n.book=Bn,n.nameEmailIndex=Cn.any(Bn,En.vcard("nameEmailIndex")),Nn(Tn,"Loading name index..."),s.store.fetcher.nowOrWhenFetched(n.nameEmailIndex,void 0,function(e,t){function a(e){let t;return Promise.resolve().then(()=>{const a=e.uri.replace("/Group/","/NewGroup/");t=Cn.sym(a);let i=[];for(let t=0;t<n.uniques.length;t++)i=i.concat(Cn.connectedStatements(n.uniques[t],e.doc()));const o=new c.Serializer(Cn).setBase(e.uri);Nn(Tn," Regenerating group of uniques..."+t);const r=o.statementsToN3(i);return Cn.fetcher.webOperation("PUT",t,{data:r,contentType:"text/turtle"})}).then(()=>(Nn(Tn," Done uniques group "+t),!0)).catch(e=>{Nn(Tn,"Error saving : "+e)})}Nn(Tn,"Loaded name index."),n.cards=[],n.duplicates=[],n.definitive=[],n.nameless=[],n.exactDuplicates=[],n.nameOnlyDuplicates=[],n.uniquesSet=[],n.groupProblems=[],n.nameDupLog=Cn.sym(Bn.dir().uri+"dedup-nameDupLog.ttl"),n.exactDupLog=Cn.sym(Bn.dir().uri+"dedup-exactDupLog.ttl"),n.nameOnlyErrors=[],n.nameLessZeroData=[],n.nameLessIndex=[],n.namelessUniques=[],n.nameOnlyDuplicatesGroupDiff=[];const i=function(){let e=[];return n.book&&([n.book].forEach(function(n){const t=(n?Cn.each(n,En.vcard("includesGroup")):[]).map(function(e){return[n,Cn.any(e,En.vcard("fn")),e]});e=e.concat(t)}),e.sort()),e}();n.groupObjects=i.map(e=>e[2]),Nn(Tn,"Loading "+n.groupObjects.length+" groups... "),Cn.fetcher.load(n.groupObjects).then(function(){return new Promise(function(e){let t,a,i;for(n.cards=Cn.each(void 0,kn("inAddressBook"),n.book),Nn(Tn,n.cards.length+" total contacts"),t=0;t<n.cards.length;t++)a=n.cards[t],i=Cn.anyValue(a,En.vcard("fn")),i?n.definitive[i]===a||(n.definitive[i]?(n.duplicates.length,n.duplicates.push(a)):n.definitive[i]=a):n.nameless.push(a);n.duplicateSet=[];for(let e=0;e<n.duplicates.length;e++)n.duplicateSet[n.duplicates[e].uri]=n.duplicates[e];n.namelessSet=[];for(let e=0;e<n.nameless.length;e++)n.namelessSet[n.nameless[e].uri]=n.nameless[e];n.uniques=[],n.uniqueSet=[];for(let e=0;e<n.cards.length;e++){const t=n.cards[e].uri;n.duplicateSet[t]||n.namelessSet[t]||(n.uniques.push(n.cards[e]),n.uniqueSet[t]=n.cards[e])}Nn(Tn,"Uniques: "+n.uniques.length),Nn(Tn,n.nameless.length+" nameless contacts."),Nn(Tn,n.duplicates.length+" name-duplicate contacts, leaving "+(n.cards.length-n.duplicates.length)),e(!0)})}).then(function(){return new Promise(function(e){Nn(Tn,"Groups loaded");for(let e=0;e<n.uniques.length;e++)n.uniquesSet[n.uniques[e].uri]=!0;n.groupMembers=[],Cn.each(null,En.vcard("hasMember")).forEach(e=>{n.groupMembers=n.groupMembers.concat(me(Cn,e))}),Nn(Tn," Naive group members "+n.groupMembers.length),n.groupMemberSet=[];for(let e=0;e<n.groupMembers.length;e++)n.groupMemberSet[n.groupMembers[e].uri]=n.groupMembers[e];n.groupMembers2=[];for(const e in n.groupMemberSet)n.groupMembers2.push(n.groupMemberSet[e]);if(Nn(Tn," Compact group members "+n.groupMembers2.length),c.keepThisCodeForLaterButDisableFerossConstantConditionPolice){for(let e=0;e<n.groupMembers.length;e++){const t=n.groupMembers[e];n.uniquesSet[t.uri]||(Nn(Tn," Not in uniques: "+t),n.groupProblems.push(t),n.duplicateSet[t.uri]?Nn(Tn," ** IN duplicates alas:"+t):Nn(Tn," **** WTF?"))}Nn(Tn,"Problem contacts: "+n.groupProblems.length)}e(!0)})}).then(function e(){return n.namelessToCheck=n.namelessToCheck||n.nameless.slice(),Nn(Tn,"Nameless check left: "+n.namelessToCheck.length),new Promise(function(t){const a=n.namelessToCheck.shift();if(a){var i;(i=a,new Promise(function(e){Cn.fetcher.load(i).then(function(t){Nn(Tn," Nameless check "+i);const a={};a[En.vcard("hasUID").uri]=!0,a[En.dc("created").uri]=!0,a[En.dc("modified").uri]=!0;const o=(r=i,Cn.statementsMatching(null,null,null,r.doc()).filter(function(e){return!a[e.predicate.uri]}));var r;if(!o.length)return Nn(Tn," Zero length "+i),n.nameLessZeroData.push(i),e(!1);const s=new c.Serializer(Cn).setBase(i.doc().uri).statementsToN3(o),l=n.nameLessIndex[s];if(l){Nn(Tn," Matches with "+l);const t=Cn.each(null,En.vcard("hasMember"),i),a=Cn.each(null,En.vcard("hasMember"),l);for(let o=0;o<t.length;o++){let r=!1;for(let e=0;e<a.length;e++)a[e].sameTerm(t[o])&&(r=!0);if(!r)return Nn(Tn,"This one groups: "+t),Nn(Tn,"Other one groups: "+a),Nn(Tn,"Cant skip this one because it has a group, "+t[o]+", which the other does not."),n.nameOnlyDuplicatesGroupDiff.push(i),e(!1)}E("Group check done -- exact duplicate: "+i)}else Nn(Tn,"First nameless like: "+i.doc()),Nn(Tn,"___________________________________________"),Nn(Tn,s),Nn(Tn,"___________________________________________"),n.nameLessIndex[s]=i,n.namelessUniques.push(i);e(!0)}).catch(function(t){Nn(Tn,"Cant load a nameless card!: "+t),n.nameOnlyErrors.push(i),e(!1)})})).then(function(n){Nn(Tn," Nameless check returns "+n),e()})}else{if(Nn(Tn,"namelessUniques: "+n.namelessUniques.length),Nn(Tn,"namelessUniques: "+n.namelessUniques),!(n.namelessUniques.length>0))return t(!0);{const e=u.createElement("p");e.textContent="Add all "+n.namelessUniques.length+" nameless contacts to the rescued set?",f.appendChild(e);const a=l.widgets.continueButton(u,function(){n.uniques=n.uniques.concat(n.namelessUniques);for(let e=0;e<n.namelessUniques.length;e++)n.uniqueSet[n.namelessUniques[e].uri]=!0;e.remove(),a.remove(),t(!0)});f.appendChild(a)}}})}).then(function(){let e;return Promise.resolve().then(()=>{e=Cn.sym(n.book.dir().uri+"clean-people.ttl");let t=[];for(let e=0;e<n.uniques.length;e++)t=t.concat(Cn.connectedStatements(n.uniques[e],n.nameEmailIndex));const a=new c.Serializer(Cn).setBase(n.nameEmailIndex.uri);Nn(Tn,"Serializing index of uniques...");const i=a.statementsToN3(t);return Cn.fetcher.webOperation("PUT",e,{data:i,contentType:"text/turtle"})}).then(function(){return Nn(Tn,"Done uniques log "+e),!0}).catch(function(e){Nn(Tn,"Error saving uniques: "+e)})}).then(function(){return Nn(Tn,"Saving ALL GROUPS"),Promise.all(n.groupObjects.map(a))}).then(function(){Nn(Tn,"Done!")})})});const y=m.appendChild(u.createElement("button"));y.classList.add("actionButton","btn-secondary","action-button-focus"),y.textContent="Find contacts with no group",y.addEventListener("click",function(n){h(y),Tn.textContent="",Nn(Tn,"Loading groups..."),e(Sn,t,async function(e,n){if(!e)return void Nn(Tn,"Loading all groups failed. If it persists, contact your admin.");const t=Cn.any(Bn,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load(t)}catch(e){return B("Error loading name index (vcard(nameEmailIndex)). Stack: "+e),void Nn(Tn,"Loading name index failed. If it persists, contact your admin.")}Nn(Tn,"Loaded groups and name index."),Ln(Bn),Nn(Tn,"Groupless list finished.")})});const w=m.appendChild(u.createElement("button"));return w.classList.add("actionButton","btn-secondary","action-button-focus"),w.textContent="Put all individuals with no group in a new group",w.addEventListener("click",e=>{h(w),Tn.textContent="",async function(e){const n=await Ln(e);if(0===n.length)return void Nn(Tn,"No groupless contacts found.");let t=null;try{t=await pe(e,"No group")}catch(e){}const a=Tn.ownerDocument;new Promise(function(e){const i=a.createElement("p");i.textContent=`Add the ${n.length} contacts without groups to a 'No group' group?`,Tn.appendChild(i);const o=l.widgets.continueButton(a,async function(){i.remove(),o.remove();for(const e of n)t&&(Nn(Tn," adding "+l.utils.label(e)),await fe(e,t));Nn(Tn,"People moved to group."),Pn&&Pn(),e()});Tn.appendChild(o)})}(Bn)}),d}function Nn(e,n){e.textContent+=n+"\n"}async function Ln(e){const n=Cn.any(e,En.vcard("groupIndex")),t=Cn.any(e,En.vcard("nameEmailIndex"));try{await Cn.fetcher.load([t,n]);const a=Cn.each(e,En.vcard("includesGroup"));await Cn.fetcher.load(a)}catch(e){B("Error loading groups. Stack: "+e),Nn(Tn,"Error loading groups or name index. If it persists, contact your admin.")}const a={},i=[];let o=Cn.each(e,kn("includesGroup"));const r=new Set(o.map(e=>ee(e.uri)));o=[...r].map(e=>Cn.sym(e)),Nn(Tn,o.length+" total groups. ");for(let e=0;e<o.length;e++){const n=o[e],t=me(Cn,n);Nn(Tn,l.utils.label(n)+": "+t.length+" members");for(let e=0;e<t.length;e++)Cn.allAliases(t[e]).forEach(function(e){a[e.uri]=n})}const s=Cn.each(void 0,kn("inAddressBook"),e);Nn(Tn,s.length+" total contatcs");for(let e=0;e<s.length;e++)a[s[e].uri]||(i.push(s[e]),Nn(Tn," groupless "+l.utils.label(s[e])));return Nn(Tn,i.length+" groupless contacts."),i}var In=o(903),_n={};_n.styleTagTransform=w(),_n.setAttributes=b(),_n.insert=h().bind(null,"head"),_n.domAPI=f(),_n.insertStyleElement=A(),d()(In.A,_n),In.A&&In.A.locals&&In.A.locals;const On=l.ns,Rn=l.utils,Dn={icon:l.icons.iconBase+"noun_99101.svg",name:"contact",label:function(e,n){const t=n.session.store.findTypeURIs(e);return t[On.vcard("Individual").uri]||t[On.vcard("Organization").uri]?"Contact":t[On.foaf("Person").uri]||t[On.schema("Person").uri]?"Person":t[On.vcard("Group").uri]?"Group":t[On.vcard("AddressBook").uri]?"Address book":null},mintClass:l.ns.vcard("AddressBook"),mintNew:function(e,n){return new Promise(function(t,a){l.login.ensureLoadedProfile(n).then(n=>{E("Logged in as "+n.me);const i=n.me,o=n.dom,r=n.div,s=e.session.store,u=l.ns,d=n.newBase||n.newInstance.dir().uri;if((n.instanceClass||u.vcard("AddressBook")).sameTerm(u.vcard("Group"))){const e=n.newInstance||s.sym(n.newBase+"index.ttl#this"),i=e.doc();return s.add(e,u.rdf("type"),u.vcard("Group"),i),s.add(e,u.vcard("fn"),n.instanceName||"untitled group",i),void s.fetcher.putBack(i,{contentType:"text/turtle"}).then(function(e){t(n)}).catch(function(e){B("Failed to fetch new address book. Stack: "+e),a(new Error("Error creating document for new group "+e))})}let p='@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n @prefix ab: <http://www.w3.org/ns/pim/ab#>.\n @prefix dc: <http://purl.org/dc/elements/1.1/>.\n @prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n <#this> a vcard:AddressBook;\n dc:title "New address Book";\n vcard:nameEmailIndex <people.ttl>;\n vcard:groupIndex <groups.ttl>.\n';p+="<#this> <http://www.w3.org/ns/auth/acl#owner> <"+i.uri+">.\n\n";const f=s.sym(d+"index.ttl#this"),m=[{to:"index.ttl",content:p,contentType:"text/turtle"},{to:"groups.ttl",content:"",contentType:"text/turtle"},{to:"people.ttl",content:"",contentType:"text/turtle"},{to:"",existing:!0,aclOptions:{defaultForNew:!0}}];!function e(){function l(n,t){if(!t)return a(new Error("Error writing new file "+u.to));ge(p,i,h).then(()=>e()).catch(e=>{B("Error setting access permissions for "+u.to+". Stack: "+e);const n="Error setting access permissions for "+u.to+".";return a(new Error(n))})}if(0===m.length)!function(e,a){E(`New ${a} created at ${e}`);const i=r.appendChild(o.createElement("p"));i.classList.add("claimSuccess"),i.innerHTML="Your <a href='"+e.uri+"'><b>new "+a+"</b></a> is ready. <br/><br/><a href='"+e.uri+"'>Go to new "+a+"</a>";const s=Object.assign({newInstance:e},n);t(s)}(f,"address book");else{var u=m.shift();E("Creating new file "+u.to+" in new instance ");var p=c.uri.join(u.to,d),h=u.aclOptions||{};"content"in u?s.fetcher.webOperation("PUT",p,{data:u.content,saveMetadata:!0,contentType:u.contentType}).then(()=>l(0,!0)):"existing"in u?l(0,!0):a(new Error("Copy not expected while buiding new app."))}}()},e=>{k("Error logging in. Stack: "+e),ne(n.div,n.dom,"Please log in to create a new address book.")})})},render:function(e,n,t={}){const a=n.dom,i=n.session.store,o=a.createElement("div");return G(a),l.aclControl.preventBrowserDropEvents(a),o.setAttribute("class","contactPane"),async function(){l.aclControl.preventBrowserDropEvents(a);const r=i.findTypeURIs(e);if(r[On.vcard("Individual").uri]||r[On.foaf("Person").uri]||r[On.schema("Person").uri]||r[On.vcard("Organization").uri]||r[On.schema("Organization").uri])yn(a,o,e,n).then(()=>E("(individual rendered)")).catch(()=>{throw new Error("Failed to render contact.")});else{if(!r[On.vcard("AddressBook").uri])throw B("No evidence that "+e+" is anything to do with contacts."),new Error("This does not seem to be a contact or address book.");!function(e,r){i.fetcher.load(e).then(function(u){!function(e,r){const u=Rn.label(On.vcard("AddressBook"));let d=r.foreignGroup,p="";e&&e.length>0?(d=e[0],p=Rn.label(d.dir())):(i.any(d,On.dc("title"))||i.any(d,On.vcard("fn")),t.solo&&p&&"undefined"!=typeof document&&(document.title=p.value),p=p?p.value:u);const f=i.any(d,On.vcard("groupIndex")),m={};let h={},g=null,b=null;const v=[];function A(e){v.forEach(e=>{e.classList.remove("btn-primary"),e.classList.add("btn-secondary")}),e&&(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}const y={dom:a,kb:i,ns:On,book:d,options:r,title:p,groupIndex:f,selectedGroups:m,get selectedPeople(){return h},set selectedPeople(e){h=e},get allGroupsLi(){return g},set allGroupsLi(e){g=e},get newGroupLi(){return b},set newGroupLi(e){b=e},actionButtons:v,setActiveActionButton:A,dataBrowserContext:n,div:o,me:c,setMe(e){c=e},paneOptions:t},{main:w,addressBookSection:x,detailsSection:C}=function(e){const{dom:n}=e,t=n.createElement("main");t.id="main-content",t.classList.add("addressBook-grid"),t.setAttribute("role","main"),t.setAttribute("aria-label","Address Book"),t.setAttribute("tabindex","-1");const a=n.createElement("section");a.setAttribute("aria-labelledby","addressBook-section"),a.classList.add("addressBookSection","section-bg"),a.setAttribute("role","region"),a.setAttribute("tabindex","-1"),t.appendChild(a);const i=n.createElement("section");return i.classList.add("detailSection"),i.setAttribute("role","region"),i.setAttribute("aria-label","Details section"),i.classList.add("hidden"),t.appendChild(i),{main:t,addressBookSection:a,detailsSection:i}}(y);function k(){C.classList.remove("hidden")}o.appendChild(w),y.showDetailsSection=k,y.detailsSection=C;const S=a.createElement("ul");S.setAttribute("role","list"),S.setAttribute("aria-label","People list"),y.ulPeople=S,y.dataBrowserContext&&(y.dataBrowserContext.ulPeople=S);const T=a.createElement("div");T.classList.add("detailsSectionContent"),T.setAttribute("role","region"),T.setAttribute("aria-labelledby","detailsSectionContent"),T.setAttribute("aria-live","polite"),y.detailsSectionContent=T;const P=function(e){const{dom:n,ns:t,title:a,me:i,setMe:o,setActiveActionButton:r}=e,l=n.createElement("section");l.classList.add("headerSection");const c=n.createElement("header");c.classList.add("mb-md");const u=n.createElement("h2");u.id="addressBook-heading",u.setAttribute("tabindex","-1"),u.textContent=a;const d=n.createElement("button"),p=n.createElement("div");d.setAttribute("type","button"),i||d.setAttribute("disabled","true"),s.authn.checkUser().then(e=>{e&&(o(e),d.removeAttribute("disabled"))}),p.appendChild(d),d.innerHTML="+ New contact",d.classList.add("actionButton","btn-primary","action-button-focus");let f=0;return d.addEventListener("click",async function(a){r(null),en(e.ulPeople);const i=++f;if(e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide"),await on(),i!==f)return;e.detailsSectionContent.innerHTML="";const o=n.createElement("div");o.classList.add("contactTypeChooser");const s=n.createElement("label");s.textContent="Contact type: ",s.setAttribute("for","contactTypeSelect"),o.appendChild(s);const l=n.createElement("select");l.id="contactTypeSelect",l.classList.add("contactTypeSelect");const c=n.createElement("option");c.value="Individual",c.textContent="New person",l.appendChild(c);const u=n.createElement("option");u.value="Organization",u.textContent="New organization",l.appendChild(u),o.appendChild(l),e.detailsSectionContent.appendChild(o);const d=n.createElement("p");d.classList.add("contactCreationRemark"),d.textContent="The new contact is added to the already selected group.",e.detailsSectionContent.appendChild(d);const p=n.createElement("div");function m(){return"Organization"===l.value?t.vcard("Organization"):t.vcard("Individual")}p.classList.add("contactFormContainer"),e.detailsSectionContent.appendChild(p),jn(e,p,m()),l.addEventListener("change",function(){jn(e,p,m())})},!1),c.appendChild(u),c.appendChild(p),l.appendChild(c),l}(y);x.appendChild(P);const F=a.createElement("hr");F.classList.add("dottedHr"),x.appendChild(F);const{searchSection:N,searchInput:L}=function(e){const{dom:n}=e,t=n.createElement("section");t.classList.add("searchSection");const a=n.createElement("div");a.classList.add("searchDiv"),t.appendChild(a);const i=n.createElement("input");i.setAttribute("type","text"),i.setAttribute("aria-label","Search contacts"),i.classList.add("searchInput"),i.setAttribute("placeholder","Search by name in selected group"),a.appendChild(i);const o=n.createElement("button");return o.setAttribute("type","button"),o.setAttribute("aria-label","Clear search"),o.classList.add("searchClearButton","hidden"),o.textContent="✕",a.appendChild(o),i.addEventListener("input",function(n){const t=i.value.length>0;o.classList.toggle("hidden",!t),nn(e.ulPeople,!0,e.detailsSectionContent)}),o.addEventListener("click",function(){i.value="",o.classList.add("hidden"),i.focus(),nn(e.ulPeople,!0,e.detailsSectionContent)}),{searchSection:t,searchInput:i}}(y);y.searchInput=L,x.appendChild(N);const{buttonSection:I,ulGroups:_}=function(e){const{dom:n,kb:t,book:a,options:i,groupIndex:o,selectedGroups:r,actionButtons:s,setActiveActionButton:l}=e,c=n.createElement("section");c.classList.add("buttonSection");const u=n.createElement("ul");if(u.classList.add("groupButtonsList"),u.setAttribute("role","list"),u.setAttribute("aria-label","Groups list"),i.foreignGroup&&(r[i.foreignGroup.uri]=!0),a){e.allGroupsLi=n.createElement("li");const d=n.createElement("button");d.textContent="All groups",d.classList.add("allGroupsButton","actionButton","btn-primary","action-button-focus","allGroupsButton--selected"),d.addEventListener("click",function(n){if(qe(u,d),l(null),Array.from(u.children).every(function(e){return!e.subject||!!r[e.subject.uri]})){d.classList.remove("allGroupsButton--loading","allGroupsButton--active"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--loaded");for(const e in r)delete r[e];Ye(u,r)}else d.classList.add("allGroupsButton--loading"),d.setAttribute("aria-busy","true"),We(r,u,function(n,t){if(!n)return Z("Failed to select all groups. If it persists, contact admin.");d.classList.remove("allGroupsButton--loading"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--active"),Ye(u,r),Ze(e.ulPeople,null)})}),e.allGroupsLi.appendChild(d),u.appendChild(e.allGroupsLi),e.newGroupLi=n.createElement("li");const p=n.createElement("button");p.setAttribute("type","button"),p.innerHTML="+ New group",p.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),s.push(p),p.addEventListener("click",function(n){qe(u,p),l(null),en(e.ulPeople),Mn(e)},!1),e.newGroupLi.appendChild(p),c.appendChild(u),o&&t.fetcher.nowOrWhenFetched(o.uri,a,function(t,o){if(!t)return B("Error loading group index. Stack: "+o),void Z("Error loading group index. If it persists, contact admin.");e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),Qe(a,i,u,n,r,e.ulPeople,e.searchInput),u.insertBefore(e.allGroupsLi,u.firstChild),u.appendChild(e.newGroupLi),d.classList.add("allGroupsButton--loading"),d.setAttribute("aria-busy","true"),We(r,u,function(n,t){if(!n)return Z("Failed to select all groups. If it persists, contact admin.");d.classList.remove("allGroupsButton--loading"),d.setAttribute("aria-busy","false"),d.classList.add("allGroupsButton--active"),Ye(u,r),Ze(e.ulPeople,null)})}),e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),$e(a,u,i,n,r,e.ulPeople,e.searchInput,e.detailsSectionContent,e.dataBrowserContext,function(){l(null),e.detailsSectionContent.querySelector(".contactTypeChooser, .contactFormContainer, .renderPane")||(e.detailsSectionContent.innerHTML="",e.detailsSection.classList.add("hidden"))}),u.insertBefore(e.allGroupsLi,u.firstChild),u.appendChild(e.newGroupLi)}else Qe(a,i,u,n,r,e.ulPeople,e.searchInput),Ze(e.ulPeople,null),E("No book, only one group -> hide list of groups");return{buttonSection:c,ulGroups:u}}(y);y.ulGroups=_,x.appendChild(I);const O=a.createElement("section");O.classList.add("peopleSection"),x.appendChild(O),O.appendChild(S),C.appendChild(T);const R=function(e){const{dom:n,kb:t,ns:a,book:i,options:o,selectedGroups:r,actionButtons:s,setActiveActionButton:c,dataBrowserContext:u,div:d,me:p}=e,f=n.createElement("div");if(f.classList.add("cardFooter"),i){const m=f.appendChild(n.createElement("button"));m.setAttribute("type","button"),m.innerHTML="Groups",m.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(m),m.addEventListener("click",async function(s){c(m),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide");const u=n.createElement("h3");u.textContent="Your groups",e.detailsSectionContent.appendChild(u);let d,f=n.createElement("p");f.textContent="When you delete a group it can happen that some contacts end up groupless.",e.detailsSectionContent.appendChild(f),f=n.createElement("p"),f.textContent="To move contacts around, simply drag and drop them onto a group.",e.detailsSectionContent.appendChild(f);try{d=await Ke(i)}catch(t){return void e.detailsSectionContent.appendChild(n.createTextNode("Failed to load groups: "+t))}const h=n.createElement("ul");h.setAttribute("role","list"),h.setAttribute("aria-label","All groups"),h.classList.add("groupButtonsList"),d&&(d.sort((e,n)=>{const i=(t.any(e,a.vcard("fn"))||"").toString().toLowerCase(),o=(t.any(n,a.vcard("fn"))||"").toString().toLowerCase();return i<o?-1:i>o?1:0}),d.forEach(function(a){const{groupLi:s,groupButton:c,name:u}=He(a);c.addEventListener("click",function(n){if(n.preventDefault(),!n.metaKey)for(const e in r)delete r[e];r[a.uri]=!r[a.uri],Ye(e.ulGroups,r);const i=Array.from(e.ulGroups.children).find(e=>e.subject&&e.subject.uri===a.uri);qe(e.ulGroups,i?i.querySelector("button"):null),t.fetcher.nowOrWhenFetched(a.doc(),void 0,function(n,t){if(!n)return B("Cannot load group: "+a+". Stack: "+t),Z("Failed to load group details. If it persists, contact your admin.");Ze(e.ulPeople,null,!1)})},!1),l.widgets.makeDropTarget(s,e=>Ve(e,a)),p&&l.widgets.deleteButtonWithCheck(n,s,"group "+u,async function(){await ie(a),delete r[a.uri];const t=e.allGroupsLi,s=e.newGroupLi;t.parentNode&&t.parentNode.removeChild(t),s.parentNode&&s.parentNode.removeChild(s),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(t,e.ulGroups.firstChild),e.ulGroups.appendChild(s),Ye(e.ulGroups,r),Ze(e.ulPeople,null,!1),m.click()}),h.appendChild(s)})),e.detailsSectionContent.appendChild(h);const g=n.createElement("button");g.setAttribute("type","button"),g.innerHTML="+ New group",g.classList.add("actionButton","btn-primary","action-button-focus","newGroupBtn"),g.addEventListener("click",function(){Mn(e)},!1),e.detailsSectionContent.appendChild(g)});const h=f.appendChild(n.createElement("button"));h.setAttribute("type","button"),h.innerHTML="Sharing",h.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(h),h.addEventListener("click",function(o){c(h),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.remove("detailsSectionContent--wide");const r=n.createElement("h3");r.textContent="Sharing",e.detailsSectionContent.appendChild(r),e.detailsSectionContent.appendChild(l.aclControl.ACLControlBox5(i.dir(),u,"book",t,function(t,a){t||(B("ACL control box Failed. Stack: "+a),ne(e.detailsSectionContent,n,"Problem displaying sharing controls. If persists, contact admin."))}));const s={target:i,me:p,noun:"address book",div:e.detailsSectionContent,dom:n,statusRegion:d};l.login.registrationControl(s,i,a.vcard("AddressBook")).then(()=>E("Registration control finished.")).catch(t=>{B("Error in registration control. Stack: "+t),ne(e.detailsSectionContent,n,"Problem displaying findable controls. If persists, contact admin.")})});const g=f.appendChild(n.createElement("button"));g.setAttribute("type","button"),g.innerHTML="Tools",g.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(g),g.addEventListener("click",function(t){c(g),en(e.ulPeople),e.showDetailsSection(),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.add("detailsSectionContent--wide"),e.detailsSectionContent.appendChild(Fn(We,r,e.ulGroups,i,u,0,function(){e.allGroupsLi.parentNode&&e.allGroupsLi.parentNode.removeChild(e.allGroupsLi),e.newGroupLi.parentNode&&e.newGroupLi.parentNode.removeChild(e.newGroupLi),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(e.allGroupsLi,e.ulGroups.firstChild),e.ulGroups.appendChild(e.newGroupLi),Ye(e.ulGroups,r)}))})}return f}(y);x.appendChild(R),an(d,T).then(()=>{E("Async checkDataModel done.")})}(e,r)}).catch(function(e){throw B("Error loading address book. Stack: "+e),new Error("Failed to load address book.")})}([e],{})}let c=s.authn.currentUser();if("undefined"!=typeof document&&document.location&&"http://localhost"===(""+document.location).slice(0,16)){const n=i.any(e,l.ns.acl("owner"));n&&(c=n)}return o}().then(()=>E("Contacts pane rendered for "+e),e=>ne(o,a,e.message||""+e)),o}};async function Mn(e){const{dom:n,kb:t,ns:a,book:i,options:o,selectedGroups:r,dataBrowserContext:s}=e;e.showDetailsSection(),e.detailsSectionContent.innerHTML="";const c=t.any(i,a.vcard("groupIndex"));try{await t.fetcher.load(c)}catch(e){E("Error: Group index NOT loaded:"+e+"\n")}E(" Group index has been loaded\n");const u=await l.widgets.askName(n,t,e.detailsSectionContent,l.ns.foaf("name"),a.vcard("Group"),"group");if(!u)return;let d;try{d=await pe(i,u)}catch(n){return E("Error: can't save new group:"+n),void(e.detailsSectionContent.innerHTML="Failed to save group"+n)}for(const e in r)delete r[e];r[d.uri]=!0;const p=e.allGroupsLi,f=e.newGroupLi;p.parentNode&&p.parentNode.removeChild(p),f.parentNode&&f.parentNode.removeChild(f),Qe(i,o,e.ulGroups,n,r,e.ulPeople,e.searchInput),e.ulGroups.insertBefore(p,e.ulGroups.firstChild),e.ulGroups.appendChild(f),Ye(e.ulGroups,r);const m=Array.from(e.ulGroups.children).find(e=>e.subject&&e.subject.uri===d.uri);qe(e.ulGroups,m?m.querySelector("button"):null),Ze(e.ulPeople,null,!1),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.appendChild(l.aclControl.ACLControlBox5(d.doc(),s,"group",t,function(n,t){n||(e.detailsSectionContent.innerHTML="Group sharing setup failed: "+t)}))}function jn(e,n,t){const{dom:a,kb:i,book:o,selectedGroups:r,dataBrowserContext:s}=e;n.innerHTML="",l.widgets.askName(a,i,n,l.ns.foaf("name"),t).then(async n=>{if(!n)return;let a;e.detailsSectionContent.innerHTML="Indexing...";try{a=await async function(e,n,t,a){await ce.fetcher.load(e.doc());const i=ce.any(e,se.vcard("nameEmailIndex")),o=le.genUuid(),r=ce.sym(e.dir().uri+"Person/"+o+"/index.ttl#this"),s=r.doc(),l=[c.st(r,se.vcard("inAddressBook"),e,i),c.st(r,se.vcard("fn"),n,i),c.st(r,se.vcard("fn"),n,s),c.st(r,se.rdf("type"),a,s),c.st(s,se.dct("created"),new Date,s)],u=Array.isArray(t)?t:Object.keys(t||{});if(u.length>0){for(const e of u){const t=ce.sym(e),a=t.doc();l.push(c.st(t,se.vcard("hasMember"),r,a),c.st(r,se.vcard("fn"),n,a))}try{await ue.updateMany([],l)}catch(e){throw B("Cannot add group membership for "+r+". Stack:"+e),new Error("Save new contact")}return r}Z("Must be a member of at least one group. Please select or create a group.")}(o,n,r,t)}catch(e){return void Z("Error saving contact. If it persists, contact your admin.")}if(!a)return void(e.detailsSectionContent.innerHTML="");e.selectedPeople={},e.selectedPeople[a.uri]=!0,Ze(e.ulPeople,null),e.detailsSectionContent.innerHTML="",e.detailsSectionContent.classList.add("detailsSectionContent--wide");const i=s.session.paneRegistry.byName("contact").render(a,s);i.classList.add("renderPane"),e.detailsSectionContent.appendChild(i)})}return r=r.default})(),e.exports=a(t(5663),t(9426),t(5491))},566(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* CVCard.css */\n/* Note: Uses utilities: .section-title for cvOrg styling */\n\n.cvSection {\n margin-bottom: 1.25em;\n}\n\n.cvRole {\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n display: flex;\n flex-direction: column;\n gap: 0.2em;\n}\n\n.cvOrg {\n font-weight: 600;\n color: var(--color-primary);\n}\n\n.cvSkill, .cvLanguage {\n text-align: left;\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n}\n\n.cvSection h3 {\n color: var(--color-text);\n font-size: var(--font-size-lg);\n font-weight: 600;\n line-height: var(--line-height-tight);\n margin-bottom: var(--spacing-xs);\n border-bottom: 1px solid var(--color-border-pale);\n padding-bottom: var(--spacing-xs);\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/CVCard.css"],names:[],mappings:"AAAA,eAAe;AACf,2DAA2D;;AAE3D;EACE,qBAAqB;AACvB;;AAEA;EACE,2BAA2B;EAC3B,gCAAgC;EAChC,oCAAoC;EACpC,aAAa;EACb,sBAAsB;EACtB,UAAU;AACZ;;AAEA;EACE,gBAAgB;EAChB,2BAA2B;AAC7B;;AAEA;EACE,gBAAgB;EAChB,2BAA2B;EAC3B,gCAAgC;EAChC,oCAAoC;AACtC;;AAEA;EACE,wBAAwB;EACxB,8BAA8B;EAC9B,gBAAgB;EAChB,qCAAqC;EACrC,gCAAgC;EAChC,iDAAiD;EACjD,iCAAiC;AACnC",sourcesContent:["/* CVCard.css */\n/* Note: Uses utilities: .section-title for cvOrg styling */\n\n.cvSection {\n margin-bottom: 1.25em;\n}\n\n.cvRole {\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n display: flex;\n flex-direction: column;\n gap: 0.2em;\n}\n\n.cvOrg {\n font-weight: 600;\n color: var(--color-primary);\n}\n\n.cvSkill, .cvLanguage {\n text-align: left;\n margin: var(--spacing-xs) 0;\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n}\n\n.cvSection h3 {\n color: var(--color-text);\n font-size: var(--font-size-lg);\n font-weight: 600;\n line-height: var(--line-height-tight);\n margin-bottom: var(--spacing-xs);\n border-bottom: 1px solid var(--color-border-pale);\n padding-bottom: var(--spacing-xs);\n}\n"],sourceRoot:""}]);const s=r},5223(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ChatWithMe.css */\n/* Uses utilities: .section-centered, .loading-text, .btn-primary, .btn-transparent */\n\n.chatSection {\n overflow-x: auto;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ChatWithMe.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,qFAAqF;;AAErF;EACE,gBAAgB;AAClB",sourcesContent:["/* ChatWithMe.css */\n/* Uses utilities: .section-centered, .loading-text, .btn-primary, .btn-transparent */\n\n.chatSection {\n overflow-x: auto;\n}\n"],sourceRoot:""}]);const s=r},5191(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* FriendList.css */\n/* Uses utilities: .list-reset, .section-title, .zebra-stripe, .flex, .gap-xs, .mb-md */\n\n.friendItem {\n padding: var(--spacing-xs) 0;\n font-size: 1em;\n color: var(--color-text-muted);\n}\n\n.friendItem:last-child {\n border-bottom: none;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/FriendList.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,uFAAuF;;AAEvF;EACE,4BAA4B;EAC5B,cAAc;EACd,8BAA8B;AAChC;;AAEA;EACE,mBAAmB;AACrB",sourcesContent:["/* FriendList.css */\n/* Uses utilities: .list-reset, .section-title, .zebra-stripe, .flex, .gap-xs, .mb-md */\n\n.friendItem {\n padding: var(--spacing-xs) 0;\n font-size: 1em;\n color: var(--color-text-muted);\n}\n\n.friendItem:last-child {\n border-bottom: none;\n}\n"],sourceRoot:""}]);const s=r},9662(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ProfileCard.css */\n/* Uses utilities: .action-button-focus, .btn-primary, .flex-column-center, .text-truncate, .text-center, .text-wrap-anywhere, .section-centered, .btn-transparent */\n\n.profileCard {\n /* Component container */\n}\n\n.image {\n width: 160px;\n height: 160px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n}\n\n.image-alt {\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n color: var(--color-text-secondary);\n}\n\n.name {\n font-size: var(--font-size-xl);\n font-weight: 700;\n line-height: var(--line-height-tight);\n text-decoration: underline;\n text-underline-offset: 0.2em;\n margin: 0;\n letter-spacing: var(--letter-spacing-wide);\n}\n\n.intro {\n color: var(--color-text-secondary);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n margin-bottom: var(--spacing-xs);\n max-width: 40ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n.buttonSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.buttonSubSection {\n width: 100%;\n min-width: 0;\n display: grid;\n}\n\n.buttonSubSection button {\n width: 100%;\n min-width: 0;\n}\n\n.qrCodeSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.details {\n color: var(--color-text-muted);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n max-width: 45ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* ProfileCard styles as regular CSS */\n.profile-card {\n border: 1px solid #ccc;\n padding: 16px;\n background: white;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ProfileCard.css"],names:[],mappings:"AAAA,oBAAoB;AACpB,oKAAoK;;AAEpK;EACE,wBAAwB;AAC1B;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,iBAAiB;EACjB,gCAAgC;EAChC,gCAAgC;EAChC,sCAAsC;EACtC,gCAAgC;EAChC,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,gCAAgC;EAChC,gCAAgC;EAChC,sCAAsC;EACtC,gCAAgC;EAChC,sBAAsB;EACtB,kCAAkC;AACpC;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,qCAAqC;EACrC,0BAA0B;EAC1B,4BAA4B;EAC5B,SAAS;EACT,0CAA0C;AAC5C;;AAEA;EACE,kCAAkC;EAClC,gCAAgC;EAChC,oCAAoC;EACpC,gCAAgC;EAChC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,gCAAgC;AAClC;;AAEA;EACE,8BAA8B;EAC9B,gCAAgC;EAChC,oCAAoC;EACpC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,sCAAsC;AACtC;EACE,sBAAsB;EACtB,aAAa;EACb,iBAAiB;AACnB",sourcesContent:["/* ProfileCard.css */\n/* Uses utilities: .action-button-focus, .btn-primary, .flex-column-center, .text-truncate, .text-center, .text-wrap-anywhere, .section-centered, .btn-transparent */\n\n.profileCard {\n /* Component container */\n}\n\n.image {\n width: 160px;\n height: 160px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n}\n\n.image-alt {\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: var(--spacing-sm);\n box-shadow: var(--box-shadow-sm);\n border: 3px solid var(--color-primary);\n background: var(--color-card-bg);\n box-sizing: border-box;\n color: var(--color-text-secondary);\n}\n\n.name {\n font-size: var(--font-size-xl);\n font-weight: 700;\n line-height: var(--line-height-tight);\n text-decoration: underline;\n text-underline-offset: 0.2em;\n margin: 0;\n letter-spacing: var(--letter-spacing-wide);\n}\n\n.intro {\n color: var(--color-text-secondary);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n margin-bottom: var(--spacing-xs);\n max-width: 40ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n.buttonSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.buttonSubSection {\n width: 100%;\n min-width: 0;\n display: grid;\n}\n\n.buttonSubSection button {\n width: 100%;\n min-width: 0;\n}\n\n.qrCodeSection {\n color: var(--color-text-secondary);\n font-size: 1em;\n margin-bottom: var(--spacing-xs);\n}\n\n.details {\n color: var(--color-text-muted);\n font-size: var(--font-size-base);\n line-height: var(--line-height-base);\n max-width: 45ch;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* ProfileCard styles as regular CSS */\n.profile-card {\n border: 1px solid #ccc;\n padding: 16px;\n background: white;\n}\n"],sourceRoot:""}]);const s=r},2751(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* ProfileView.css */\n/* Uses utilities: .section-bg, .text-center */\n\n/* Horizontal layout for cards */\n.profile-grid .profileSection {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n}\n\n@media (min-width: 900px) {\n .profile-grid .profileSection {\n margin-bottom: 0;\n }\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/ProfileView.css"],names:[],mappings:"AAAA,oBAAoB;AACpB,8CAA8C;;AAE9C,gCAAgC;AAChC;EACE,WAAW;EACX,eAAe;EACf,sBAAsB;EACtB,gCAAgC;EAChC,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF",sourcesContent:["/* ProfileView.css */\n/* Uses utilities: .section-bg, .text-center */\n\n/* Horizontal layout for cards */\n.profile-grid .profileSection {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n box-sizing: border-box;\n margin-bottom: var(--spacing-md);\n}\n\n@media (min-width: 900px) {\n .profile-grid .profileSection {\n margin-bottom: 0;\n }\n}\n"],sourceRoot:""}]);const s=r},1783(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* QRCodeCard.css */\n/* Note: Uses utilities: .text-center */\n\n/* Caption under the QR code */\n.qrCaption {\n text-align: center;\n margin-top: 0;\n font-size: 0.95em;\n color: var(--color-text-secondary);\n}\n\n.QRCode {\n width: 100%;\n max-width: 320px;\n min-width: 180px;\n margin: 0 auto;\n display: block;\n}\n\n.QRCode [role="img"]:focus {\n outline: 2px solid var(--color-primary, #7C4DFF);\n outline-offset: 2px;\n box-shadow: 0 0 0 2px rgba(124,77,255,0.2);\n}',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/QRCodeCard.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,uCAAuC;;AAEvC,8BAA8B;AAC9B;EACE,kBAAkB;EAClB,aAAa;EACb,iBAAiB;EACjB,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,gDAAgD;EAChD,mBAAmB;EACnB,0CAA0C;AAC5C",sourcesContent:['/* QRCodeCard.css */\n/* Note: Uses utilities: .text-center */\n\n/* Caption under the QR code */\n.qrCaption {\n text-align: center;\n margin-top: 0;\n font-size: 0.95em;\n color: var(--color-text-secondary);\n}\n\n.QRCode {\n width: 100%;\n max-width: 320px;\n min-width: 180px;\n margin: 0 auto;\n display: block;\n}\n\n.QRCode [role="img"]:focus {\n outline: 2px solid var(--color-primary, #7C4DFF);\n outline-offset: 2px;\n box-shadow: 0 0 0 2px rgba(124,77,255,0.2);\n}'],sourceRoot:""}]);const s=r},8824(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* SocialCard.css */\n/* Uses utilities: .list-reset, .text-wrap-anywhere, .flex, .gap-sm, .gap-lg, .rounded-sm */\n\n.socialList {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--spacing-lg);\n justify-content: center;\n}\n\n.socialItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n font-size: 1.1em;\n}\n\n.socialItem span {\n min-width: 0;\n display: block;\n}\n\n.socialItem a {\n color: var(--color-primary);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n min-height: var(--min-touch-target);\n padding: var(--spacing-xs);\n border-radius: var(--border-radius-base);\n transition: background-color var(--animation-duration) ease;\n position: relative;\n flex: 1;\n min-width: 0;\n}\n\n.socialItem a:hover,\n.socialItem a:focus {\n text-decoration: underline;\n background-color: rgba(124, 77, 255, 0.1);\n}\n\n/* Screen reader only external link indication */\n.socialItem a[href^="http"]:after {\n content: " (external link)";\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.socialIcon {\n width: 2.5em;\n height: 2.5em;\n border-radius: var(--border-radius-base);\n background: var(--color-card-bg);\n flex-shrink: 0;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/SocialCard.css"],names:[],mappings:"AAAA,mBAAmB;AACnB,2FAA2F;;AAE3F;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,2DAA2D;EAC3D,kBAAkB;EAClB,OAAO;EACP,YAAY;AACd;;AAEA;;EAEE,0BAA0B;EAC1B,yCAAyC;AAC3C;;AAEA,gDAAgD;AAChD;EACE,2BAA2B;EAC3B,kBAAkB;EAClB,cAAc;EACd,UAAU;EACV,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,wCAAwC;EACxC,gCAAgC;EAChC,cAAc;AAChB",sourcesContent:['/* SocialCard.css */\n/* Uses utilities: .list-reset, .text-wrap-anywhere, .flex, .gap-sm, .gap-lg, .rounded-sm */\n\n.socialList {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--spacing-lg);\n justify-content: center;\n}\n\n.socialItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n font-size: 1.1em;\n}\n\n.socialItem span {\n min-width: 0;\n display: block;\n}\n\n.socialItem a {\n color: var(--color-primary);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n min-height: var(--min-touch-target);\n padding: var(--spacing-xs);\n border-radius: var(--border-radius-base);\n transition: background-color var(--animation-duration) ease;\n position: relative;\n flex: 1;\n min-width: 0;\n}\n\n.socialItem a:hover,\n.socialItem a:focus {\n text-decoration: underline;\n background-color: rgba(124, 77, 255, 0.1);\n}\n\n/* Screen reader only external link indication */\n.socialItem a[href^="http"]:after {\n content: " (external link)";\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.socialIcon {\n width: 2.5em;\n height: 2.5em;\n border-radius: var(--border-radius-base);\n background: var(--color-card-bg);\n flex-shrink: 0;\n}\n'],sourceRoot:""}]);const s=r},5295(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* StuffCard.css */\n/* Uses utilities: .zebra-stripe */\n\n.stuffTable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: var(--spacing-md);\n caption-side: top;\n}\n\n.stuffTable caption {\n font-weight: 600;\n padding: var(--spacing-sm);\n text-align: left;\n color: var(--color-text);\n}\n\n.stuffTable th,\n.stuffTable td {\n padding: var(--spacing-sm) var(--spacing-md);\n text-align: left;\n line-height: 1.4;\n}\n","",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/StuffCard.css"],names:[],mappings:"AAAA,kBAAkB;AAClB,kCAAkC;;AAElC;EACE,WAAW;EACX,yBAAyB;EACzB,gCAAgC;EAChC,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;;EAEE,4CAA4C;EAC5C,gBAAgB;EAChB,gBAAgB;AAClB",sourcesContent:["/* StuffCard.css */\n/* Uses utilities: .zebra-stripe */\n\n.stuffTable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: var(--spacing-md);\n caption-side: top;\n}\n\n.stuffTable caption {\n font-weight: 600;\n padding: var(--spacing-sm);\n text-align: left;\n color: var(--color-text);\n}\n\n.stuffTable th,\n.stuffTable td {\n padding: var(--spacing-sm) var(--spacing-md);\n text-align: left;\n line-height: 1.4;\n}\n"],sourceRoot:""}]);const s=r},2024(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* this overrides a style coming from contacts-pane*/\n.profile-form .individualPane {\n box-shadow: none !important;\n}\n\n/* Vertically center autocomplete input in .formFieldValue */\n.profile-form .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n/* Solid-UI form sizing fixes scoped to Edit CV section */\n.profile-form .hoverControl:not(:has(> img:first-child)) {\n border: 0.1em solid rgb(136, 136, 136) !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.profile-form .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.profile-form .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.profile-form button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.profile-form button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.profile-form input:not([type="color"]),\n.profile-form textarea,\n.profile-form select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.profile-form textarea {\n border-color: var(--color-border-pale) !important;\n}\n\n.profile-form input[type="date"],\n.profile-form input[type="month"],\n.profile-form input[type="week"],\n.profile-form input[type="time"],\n.profile-form input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.profile-form .hoverControl:has(> img:first-child):focus-visible,\n.profile-form button:focus-visible,\n.profile-form input:not([type="color"]):focus-visible,\n.profile-form textarea:focus-visible,\n.profile-form select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.profile-form input[type="url"] {\n width: 100%;\n}\n\n.profile-form .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.profile-form .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.profile-form .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.profile-form .formFieldValue input:not([type="color"]),\n.profile-form .formFieldValue textarea,\n.profile-form .formFieldValue select {\n width: 100%;\n max-width: 100%;\n}\n\n.profile-form select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.profile-form > div:first-of-type,\n.profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Remove border/padding from the inner div of the first wrapper in the contact section. */\nsection[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.profile-form .choiceBox .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\n.profile-form .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.profile-form .classifierBox .classifierBox-label {\n /* Match .formFieldName for alignment */\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n.profile-form .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.profile-form .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.profile-form .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n/* for the social media */\n/* Add space between classifierBox label and select box */\nsection[data-testid="edit-social-section"] .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\nsection[data-testid="edit-social-section"] .classifierBox-selectBox select {\n margin-left: 0.7em !important;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.profile-form textarea,\n.profile-form .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border: .05em solid #88c !important;\n border-style: solid !important;\n border-width: .05em !important;\n border-color: #88c !important;\n border-radius: 0.2em !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.profile-form div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: 0.55em !important;\n}\n\n.profile-form .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"],\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.profile-form input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form input:disabled,\n.profile-form textarea:disabled,\n.profile-form select:disabled,\n.profile-form input[readonly],\n.profile-form textarea[readonly],\n.profile-form input:read-only,\n.profile-form textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid white !important;\n}\n\n.webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/rdfFormsEnforced.css"],names:[],mappings:"AAAA,oDAAoD;AACpD;EACE,2BAA2B;AAC7B;;AAEA,4DAA4D;AAC5D;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;AACA,yDAAyD;AACzD;EACE,iDAAiD;AACnD;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,yBAAyB;EACzB,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;EACvB,wBAAwB;EACxB,cAAc;EACd,wBAAwB;EACxB,yBAAyB;EACzB,0BAA0B;EAC1B,+BAA+B;AACjC;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;;EAGE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;EACE,iDAAiD;AACnD;;AAEA;;;;;EAKE,mCAAmC;AACrC;;AAEA;;;;;EAKE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,YAAY;AACd;;AAEA;;;EAGE,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,sBAAsB;EACtB,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;EACE,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,oFAAoF;AACpF;;EAEE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,0FAA0F;AAC1F;EACE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,sEAAsE;AACtE;EACE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,8FAA8F;AAC9F;EACE,aAAa;EACb,gCAAgC;AAClC;;AAEA,6CAA6C;AAC7C,yDAAyD;AACzD;EACE,qDAAqD;EACrD,eAAe;EACf,mBAAmB;AACrB;AACA;EACE,6BAA6B;AAC/B;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;EACE,uCAAuC;EACvC,eAAe;EACf,mBAAmB;EACnB,UAAU;EACV,cAAc;EACd,sBAAsB;AACxB;AACA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA,yBAAyB;AACzB,yDAAyD;AACzD;EACE,qDAAqD;EACrD,eAAe;EACf,mBAAmB;AACrB;AACA;EACE,6BAA6B;AAC/B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;;;;EAKE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;;;;;EAKE,oBAAoB;EACpB,mBAAmB;EACnB,sBAAsB;EACtB,OAAO;EACP,YAAY;AACd;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;EACxB,mCAAmC;EACnC,8BAA8B;EAC9B,8BAA8B;EAC9B,6BAA6B;EAC7B,+BAA+B;EAC/B,WAAW;EACX,sBAAsB;EACtB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA,gFAAgF;AAChF;EACE,8BAA8B;AAChC;;AAEA,mDAAmD;AACnD;EACE,uBAAuB;AACzB;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA,2FAA2F;AAC3F;EACE,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;;EAEE,oBAAoB;AACtB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;;;;EAOE,oDAAoD;EACpD,mBAAmB;EACnB,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB",sourcesContent:['/* this overrides a style coming from contacts-pane*/\n.profile-form .individualPane {\n box-shadow: none !important;\n}\n\n/* Vertically center autocomplete input in .formFieldValue */\n.profile-form .formFieldValue > div[style*="flex-direction: row"] {\n align-items: center;\n display: flex;\n}\n\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n vertical-align: middle;\n}\n/* Solid-UI form sizing fixes scoped to Edit CV section */\n.profile-form .hoverControl:not(:has(> img:first-child)) {\n border: 0.1em solid rgb(136, 136, 136) !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n padding: 0.7em !important;\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.profile-form .hoverControlHide {\n width: 1.5em !important;\n height: 1.5em !important;\n display: block;\n margin-top: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0.3em !important;\n}\n\n.profile-form .hoverControl:has(> img:first-child) > span {\n display: inline-flex;\n align-items: center;\n margin-left: 0.3em;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) {\n display: inline-flex;\n align-items: center;\n}\n\n.profile-form div[style*="padding: 0.5em"]:has(> img) > span {\n margin-left: 0.3em;\n}\n\n.profile-form .hoverControl:has(> img:first-child):hover {\n background-color: transparent !important;\n}\n\n.profile-form button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n\n.profile-form button {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n.profile-form input:not([type="color"]),\n.profile-form textarea,\n.profile-form select {\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box ;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n border: 1px solid var(--color-border-pale);\n}\n\n.profile-form textarea {\n border-color: var(--color-border-pale) !important;\n}\n\n.profile-form input[type="date"],\n.profile-form input[type="month"],\n.profile-form input[type="week"],\n.profile-form input[type="time"],\n.profile-form input[type="datetime-local"] {\n min-height: var(--min-touch-target);\n}\n\n.profile-form .hoverControl:has(> img:first-child):focus-visible,\n.profile-form button:focus-visible,\n.profile-form input:not([type="color"]):focus-visible,\n.profile-form textarea:focus-visible,\n.profile-form select:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary) !important;\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n.profile-form input[type="url"] {\n width: 100%;\n}\n\n.profile-form .formFieldValue {\n min-width: 0;\n margin-bottom: var(--spacing-sm);\n}\n\n.profile-form .formFieldValue table {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.profile-form .formFieldValue td {\n padding: 0 !important;\n vertical-align: middle;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n height: 100%;\n}\n\n.profile-form .formFieldValue input:not([type="color"]),\n.profile-form .formFieldValue textarea,\n.profile-form .formFieldValue select {\n width: 100%;\n max-width: 100%;\n}\n\n.profile-form select#formSelect {\n width: 100%;\n max-width: 97%;\n box-sizing: border-box;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form .formFieldValue span select {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Remove border/padding from the first wrapper div (and its first child wrapper). */\n.profile-form > div:first-of-type,\n.profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Remove border/padding from the inner div of the first wrapper in the contact section. */\nsection[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:first-of-type > div:first-of-type {\n border: none !important;\n padding: 0 !important;\n}\n\n/* In contactPane, remove border/padding from all direct child divs. */\n.contactPane > div {\n border: none !important;\n padding: 0 !important;\n}\n\n/* Align schema.org, solid terms, FOAF, vCard, and org field labels with their input values. */\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) {\n display: flex;\n margin-bottom: var(--spacing-sm);\n}\n\n/* for the Resume inside corporation choice */\n/* Add space between classifierBox label and select box */\n.profile-form .choiceBox .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\n.profile-form .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1em !important;\n}\n\n/* for the Resume orga details */\n/* Add space between classifierBox label and select box */\n.profile-form .classifierBox .classifierBox-label {\n /* Match .formFieldName for alignment */\n margin-right: 0;\n padding-left: 0.3em;\n width: 8em;\n padding: 0.3em;\n vertical-align: middle;\n}\n.profile-form .classifierBox .classifierBox-selectBox {\n margin-left: 0 !important;\n}\n\n.profile-form .classifierBox .classifierBox-selectBox select {\n margin-left: 0 !important;\n}\n\n.profile-form .formFieldValue > span > select {\n margin-left: 0 !important;\n}\n\n/* for the social media */\n/* Add space between classifierBox label and select box */\nsection[data-testid="edit-social-section"] .classifierBox-label {\n /* Optional: ensure label doesn\'t have extra margin */\n margin-right: 0;\n padding-left: 0.3em;\n}\nsection[data-testid="edit-social-section"] .classifierBox-selectBox select {\n margin-left: 0.7em !important;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldName):has(> .formFieldValue) > .formFieldValue {\n margin-bottom: 0;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]),\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://schema.org/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/solid/terms#"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://xmlns.com/foaf/0.1/"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/2006/vcard/ns"]) + .formFieldValue,\n.profile-form :not(.choiceBox) > .formFieldName:has(a[href*="http://www.w3.org/ns/org#"]) + .formFieldValue {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n flex: 1;\n min-width: 0;\n}\n\n.profile-form textarea,\n.profile-form .formFieldValue textarea {\n appearance: none;\n -webkit-appearance: none;\n border: .05em solid #88c !important;\n border-style: solid !important;\n border-width: .05em !important;\n border-color: #88c !important;\n border-radius: 0.2em !important;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n/* Add horizontal gap between label and textarea for all label+textarea pairs. */\n.profile-form div:has(> a) + div:has(textarea) {\n margin-left: var(--spacing-sm);\n}\n\n/* Center textarea label vertically in flex rows. */\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) {\n align-items: flex-start;\n}\n\n.profile-form div[style*="display: flex"][style*="flex-direction: row"]:has(textarea) > div:has(> a) {\n padding-left: var(--spacing-xs);\n padding-top: var(--spacing-sm);\n}\n\n/* Keep autocomplete/table-based fields (e.g. Occupation) aligned to label text baseline. */\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) {\n align-items: flex-start;\n}\n\n.profile-form :not(.choiceBox):has(> .formFieldValue input[data-testid="autocomplete-input"]) > .formFieldName {\n padding-top: 0.55em !important;\n}\n\n.profile-form .formFieldValue:has(input[data-testid="autocomplete-input"]) {\n align-self: flex-start;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"],\n.profile-form .formFieldValue input[data-testid="autocomplete-input"] {\n margin: 0 !important;\n}\n\n.profile-form .formFieldValue table[data-testid="autocomplete-table"] {\n vertical-align: baseline;\n}\n\n.profile-form input:not([type="color"]) {\n width: 100%;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.profile-form input:disabled,\n.profile-form textarea:disabled,\n.profile-form select:disabled,\n.profile-form input[readonly],\n.profile-form textarea[readonly],\n.profile-form input:read-only,\n.profile-form textarea:read-only {\n background-color: var(--color-background) !important;\n cursor: not-allowed;\n opacity: 0.75;\n border: 0.05em solid white !important;\n}\n\n.webidControl table td div.contactPane.namedPane {\n border: none !important;\n}\n'],sourceRoot:""}]);const s=r},6723(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,'/* Utility-first CSS classes for layout, spacing, and responsiveness */\n\n.actionButton {\n width: 100%;\n min-width: 180px;\n max-width: 320px;\n box-sizing: border-box;\n display: inline-block;\n}\n\n/* ===========================================\n PROFILE GRID LAYOUT\n =========================================== */\n\n.profile-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));\n gap: var(--spacing-lg);\n background: var(--color-background);\n}\n\n.profile-header,\n.profile-footer {\n grid-column: 1 / -1;\n}\n\n.center {\n justify-content: center;\n align-items: center;\n}\n\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n\n/* Spacing utilities using CSS variables */\n.gap-xs { gap: var(--spacing-xs); }\n.gap-sm { gap: var(--spacing-sm); }\n.gap-md { gap: var(--spacing-md); }\n.gap-lg { gap: var(--spacing-lg); }\n.gap-xl { gap: var(--spacing-xl); }\n\n.mt-xs { margin-top: var(--spacing-xs); }\n.mt-sm { margin-top: var(--spacing-sm); }\n.mt-md { margin-top: var(--spacing-md); }\n.mt-lg { margin-top: var(--spacing-lg); }\n\n.mb-xs { margin-bottom: var(--spacing-xs); }\n.mb-sm { margin-bottom: var(--spacing-sm); }\n.mb-md { margin-bottom: var(--spacing-md); }\n.mb-lg { margin-bottom: var(--spacing-lg); }\n\n.p-xs { padding: var(--spacing-xs); }\n.p-sm { padding: var(--spacing-sm); }\n.p-md { padding: var(--spacing-md); }\n.p-lg { padding: var(--spacing-lg); }\n\n.rounded { border-radius: var(--border-radius-full); }\n.rounded-sm { border-radius: var(--border-radius-base); }\n\n.shadow { box-shadow: var(--box-shadow); }\n.shadow-sm { box-shadow: var(--box-shadow-sm); }\n\n.bg-primary {\n background: var(--color-primary);\n color: #fff;\n}\n.bg-card {\n background: var(--color-card-bg);\n}\n\n/* Accessibility utilities */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.min-touch-target {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n/* Enhanced accessibility utilities */\n.visually-hidden {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.visually-hidden.focusable:focus,\n.visually-hidden.focusable:active {\n position: static !important;\n width: auto !important;\n height: auto !important;\n padding: inherit !important;\n margin: inherit !important;\n overflow: visible !important;\n clip: auto !important;\n white-space: inherit !important;\n}\n\n/* Skip links utility */\n.skip-links {\n position: absolute;\n top: -100px;\n left: 0;\n z-index: 1000;\n}\n\n.skip-links a {\n position: absolute;\n left: 6px;\n top: 6px;\n padding: var(--spacing-sm);\n background: var(--color-primary);\n color: white;\n text-decoration: none;\n border-radius: var(--border-radius-base);\n}\n\n.skip-links a:focus {\n top: 6px;\n}\n\n.reduced-motion {\n animation: none !important;\n transition: none !important;\n}\n\n/* Focus management */\n.focus-ring {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n}\n\n.no-focus-ring {\n outline: none;\n}\n\n.no-focus-ring:focus-visible {\n outline: none;\n box-shadow: none;\n}\n\n/* ARIA live regions */\n.live-region {\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n/* Note: Use aria-live="polite" or aria-live="assertive" HTML attributes with .live-region */\n\n/* Text scaling utilities */\n.text-scale-friendly {\n line-height: 1.5;\n max-width: 70ch; /* Optimal reading length */\n}\n\n/* Text accessibility utilities */\n.text-readable {\n line-height: var(--line-height-base);\n max-width: 65ch;\n}\n\n.text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--line-height-base);\n}\n\n.text-small {\n font-size: max(var(--font-size-sm), var(--min-font-size));\n line-height: var(--min-line-height);\n}\n\n.text-contrast-high {\n color: var(--color-text);\n font-weight: 600;\n}\n\n:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n}\n\n/* Better focus for text elements */\n.focusable-text:focus {\n background-color: rgba(124, 77, 255, 0.1);\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n border-radius: 2px;\n}\n\n/* High contrast text */\n.high-contrast {\n color: var(--color-text);\n background: var(--color-background);\n border: 1px solid var(--color-border-pale);\n}\n\n/* ===========================================\n CONSOLIDATED COMPONENT PATTERNS\n =========================================== */\n\n/* Primary Button - used by ChatWithMe, ProfileCard */\n.btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: white;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.action-button-focus:focus,\n.action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* List Reset - used by FriendList, SocialCard, nav */\n.list-reset {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n/* Zebra Striping - used by FriendList, StuffCard tables */\n.zebra-stripe tr:nth-child(even),\n.zebra-stripe > *:nth-child(even) {\n background-color: rgba(0, 0, 0, 0.02);\n}\n\n/* Section Title - primary colored heading */\n.section-title {\n font-size: 1.25em;\n font-weight: 600;\n color: var(--color-primary);\n margin: 0;\n}\n\n/* Text Overflow - used by ProfileCard, SocialCard */\n.text-truncate {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.text-wrap-anywhere {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* Loading Text - primary colored centered loading indicator */\n.loading-text {\n color: var(--color-primary);\n text-align: center;\n margin: var(--spacing-md) 0;\n}\n\n/* Centered Section - flex column with center alignment */\n.section-centered {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/* Card Section Background */\n.section-bg {\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n padding: var(--spacing-md);\n}\n\n\n/* Transparent button override (for solid-ui integration) */\n.btn-transparent {\n background-color: transparent;\n}\n\n.btn-transparent:hover {\n background-color: transparent;\n}\n',"",{version:3,sources:["webpack://./node_modules/profile-pane/lib/styles/utilities.css"],names:[],mappings:"AAAA,sEAAsE;;AAEtE;EACE,WAAW;EACX,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,qBAAqB;AACvB;;AAEA;;gDAEgD;;AAEhD;EACE,aAAa;EACb,0DAA0D;EAC1D,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;;EAEE,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;AACA;EACE,aAAa;AACf;;AAEA,0CAA0C;AAC1C,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;AAClC,UAAU,sBAAsB,EAAE;;AAElC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;AACxC,SAAS,6BAA6B,EAAE;;AAExC,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;AAC3C,SAAS,gCAAgC,EAAE;;AAE3C,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;AACpC,QAAQ,0BAA0B,EAAE;;AAEpC,WAAW,wCAAwC,EAAE;AACrD,cAAc,wCAAwC,EAAE;;AAExD,UAAU,6BAA6B,EAAE;AACzC,aAAa,gCAAgC,EAAE;;AAE/C;EACE,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,gCAAgC;AAClC;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,UAAU;EACV,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA,qCAAqC;AACrC;EACE,6BAA6B;EAC7B,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,uBAAuB;EACvB,2BAA2B;EAC3B,iCAAiC;EACjC,8BAA8B;EAC9B,oBAAoB;AACtB;;AAEA;;EAEE,2BAA2B;EAC3B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,0BAA0B;EAC1B,4BAA4B;EAC5B,qBAAqB;EACrB,+BAA+B;AACjC;;AAEA,uBAAuB;AACvB;EACE,kBAAkB;EAClB,WAAW;EACX,OAAO;EACP,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,0BAA0B;EAC1B,gCAAgC;EAChC,YAAY;EACZ,qBAAqB;EACrB,wCAAwC;AAC1C;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,0BAA0B;EAC1B,2BAA2B;AAC7B;;AAEA,qBAAqB;AACrB;EACE,uCAAuC;EACvC,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;EACb,gBAAgB;AAClB;;AAEA,sBAAsB;AACtB;EACE,kBAAkB;EAClB,cAAc;EACd,UAAU;EACV,WAAW;EACX,gBAAgB;AAClB;;AAEA,4FAA4F;;AAE5F,2BAA2B;AAC3B;EACE,gBAAgB;EAChB,eAAe,EAAE,2BAA2B;AAC9C;;AAEA,iCAAiC;AACjC;EACE,oCAAoC;EACpC,eAAe;AACjB;;AAEA;EACE,8BAA8B;EAC9B,oCAAoC;AACtC;;AAEA;EACE,yDAAyD;EACzD,mCAAmC;AACrC;;AAEA;EACE,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,2DAA2D;EAC3D,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,gBAAgB;AAClB;;AAEA,mCAAmC;AACnC;EACE,yCAAyC;EACzC,uCAAuC;EACvC,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA,uBAAuB;AACvB;EACE,wBAAwB;EACxB,mCAAmC;EACnC,0CAA0C;AAC5C;;AAEA;;gDAEgD;;AAEhD,qDAAqD;AACrD;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,gCAAgC;EAChC,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,+DAA+D;EAC/D,6CAA6C;AAC/C;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,eAAe;AACjB;;AAEA,0DAA0D;AAC1D;;EAEE,kDAAkD;EAClD,8BAA8B;EAC9B,4FAA4F;EAC5F,UAAU;AACZ;;AAEA,qDAAqD;AACrD;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;AACX;;AAEA,0DAA0D;AAC1D;;EAEE,qCAAqC;AACvC;;AAEA,4CAA4C;AAC5C;EACE,iBAAiB;EACjB,gBAAgB;EAChB,2BAA2B;EAC3B,SAAS;AACX;;AAEA,oDAAoD;AACpD;EACE,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA,8DAA8D;AAC9D;EACE,2BAA2B;EAC3B,kBAAkB;EAClB,2BAA2B;AAC7B;;AAEA,yDAAyD;AACzD;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,wCAAwC;EACxC,6BAA6B;EAC7B,0BAA0B;AAC5B;;;AAGA,2DAA2D;AAC3D;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B",sourcesContent:['/* Utility-first CSS classes for layout, spacing, and responsiveness */\n\n.actionButton {\n width: 100%;\n min-width: 180px;\n max-width: 320px;\n box-sizing: border-box;\n display: inline-block;\n}\n\n/* ===========================================\n PROFILE GRID LAYOUT\n =========================================== */\n\n.profile-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));\n gap: var(--spacing-lg);\n background: var(--color-background);\n}\n\n.profile-header,\n.profile-footer {\n grid-column: 1 / -1;\n}\n\n.center {\n justify-content: center;\n align-items: center;\n}\n\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n\n/* Spacing utilities using CSS variables */\n.gap-xs { gap: var(--spacing-xs); }\n.gap-sm { gap: var(--spacing-sm); }\n.gap-md { gap: var(--spacing-md); }\n.gap-lg { gap: var(--spacing-lg); }\n.gap-xl { gap: var(--spacing-xl); }\n\n.mt-xs { margin-top: var(--spacing-xs); }\n.mt-sm { margin-top: var(--spacing-sm); }\n.mt-md { margin-top: var(--spacing-md); }\n.mt-lg { margin-top: var(--spacing-lg); }\n\n.mb-xs { margin-bottom: var(--spacing-xs); }\n.mb-sm { margin-bottom: var(--spacing-sm); }\n.mb-md { margin-bottom: var(--spacing-md); }\n.mb-lg { margin-bottom: var(--spacing-lg); }\n\n.p-xs { padding: var(--spacing-xs); }\n.p-sm { padding: var(--spacing-sm); }\n.p-md { padding: var(--spacing-md); }\n.p-lg { padding: var(--spacing-lg); }\n\n.rounded { border-radius: var(--border-radius-full); }\n.rounded-sm { border-radius: var(--border-radius-base); }\n\n.shadow { box-shadow: var(--box-shadow); }\n.shadow-sm { box-shadow: var(--box-shadow-sm); }\n\n.bg-primary {\n background: var(--color-primary);\n color: #fff;\n}\n.bg-card {\n background: var(--color-card-bg);\n}\n\n/* Accessibility utilities */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.min-touch-target {\n min-height: var(--min-touch-target);\n min-width: var(--min-touch-target);\n}\n\n/* Enhanced accessibility utilities */\n.visually-hidden {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.visually-hidden.focusable:focus,\n.visually-hidden.focusable:active {\n position: static !important;\n width: auto !important;\n height: auto !important;\n padding: inherit !important;\n margin: inherit !important;\n overflow: visible !important;\n clip: auto !important;\n white-space: inherit !important;\n}\n\n/* Skip links utility */\n.skip-links {\n position: absolute;\n top: -100px;\n left: 0;\n z-index: 1000;\n}\n\n.skip-links a {\n position: absolute;\n left: 6px;\n top: 6px;\n padding: var(--spacing-sm);\n background: var(--color-primary);\n color: white;\n text-decoration: none;\n border-radius: var(--border-radius-base);\n}\n\n.skip-links a:focus {\n top: 6px;\n}\n\n.reduced-motion {\n animation: none !important;\n transition: none !important;\n}\n\n/* Focus management */\n.focus-ring {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n}\n\n.no-focus-ring {\n outline: none;\n}\n\n.no-focus-ring:focus-visible {\n outline: none;\n box-shadow: none;\n}\n\n/* ARIA live regions */\n.live-region {\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n/* Note: Use aria-live="polite" or aria-live="assertive" HTML attributes with .live-region */\n\n/* Text scaling utilities */\n.text-scale-friendly {\n line-height: 1.5;\n max-width: 70ch; /* Optimal reading length */\n}\n\n/* Text accessibility utilities */\n.text-readable {\n line-height: var(--line-height-base);\n max-width: 65ch;\n}\n\n.text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--line-height-base);\n}\n\n.text-small {\n font-size: max(var(--font-size-sm), var(--min-font-size));\n line-height: var(--min-line-height);\n}\n\n.text-contrast-high {\n color: var(--color-text);\n font-weight: 600;\n}\n\n:focus-visible {\n outline: var(--focus-ring-width) solid var(--color-primary);\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background);\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n}\n\n/* Better focus for text elements */\n.focusable-text:focus {\n background-color: rgba(124, 77, 255, 0.1);\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n border-radius: 2px;\n}\n\n/* High contrast text */\n.high-contrast {\n color: var(--color-text);\n background: var(--color-background);\n border: 1px solid var(--color-border-pale);\n}\n\n/* ===========================================\n CONSOLIDATED COMPONENT PATTERNS\n =========================================== */\n\n/* Primary Button - used by ChatWithMe, ProfileCard */\n.btn-primary {\n min-height: var(--min-touch-target);\n padding: var(--spacing-sm) var(--spacing-md);\n border: 1px solid var(--color-primary);\n border-radius: var(--border-radius-base);\n background: var(--color-primary);\n color: white;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n.btn-primary:hover {\n background: color-mix(in srgb, var(--color-primary) 90%, black);\n box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:active {\n box-shadow: 0 1px 2px rgba(124, 77, 255, 0.2);\n}\n\n.btn-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n/* Action Button Focus - used by ChatWithMe, ProfileCard */\n.action-button-focus:focus,\n.action-button-focus:focus-visible {\n outline: 3px solid var(--color-primary) !important;\n outline-offset: 2px !important;\n box-shadow: 0 0 0 2px var(--color-background), 0 0 0 5px rgba(124, 77, 255, 0.25) !important;\n z-index: 1;\n}\n\n/* List Reset - used by FriendList, SocialCard, nav */\n.list-reset {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n/* Zebra Striping - used by FriendList, StuffCard tables */\n.zebra-stripe tr:nth-child(even),\n.zebra-stripe > *:nth-child(even) {\n background-color: rgba(0, 0, 0, 0.02);\n}\n\n/* Section Title - primary colored heading */\n.section-title {\n font-size: 1.25em;\n font-weight: 600;\n color: var(--color-primary);\n margin: 0;\n}\n\n/* Text Overflow - used by ProfileCard, SocialCard */\n.text-truncate {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.text-wrap-anywhere {\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n/* Loading Text - primary colored centered loading indicator */\n.loading-text {\n color: var(--color-primary);\n text-align: center;\n margin: var(--spacing-md) 0;\n}\n\n/* Centered Section - flex column with center alignment */\n.section-centered {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/* Card Section Background */\n.section-bg {\n background: var(--color-section-bg);\n border-radius: var(--border-radius-full);\n box-shadow: var(--box-shadow);\n padding: var(--spacing-md);\n}\n\n\n/* Transparent button override (for solid-ui integration) */\n.btn-transparent {\n background-color: transparent;\n}\n\n.btn-transparent:hover {\n background-color: transparent;\n}\n'],sourceRoot:""}]);const s=r},9405(e,n,t){"use strict";t.d(n,{A:()=>s});var a=t(1354),i=t.n(a),o=t(6314),r=t.n(o)()(i());r.push([e.id,"/* Styles extracted from manager.js */\n\n.obj {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n}\n\n.pred, .pred.internal {\n /* Add any specific styles for predicate TDs here */\n}\n\n.iconTD {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n width: 0px;\n}\n\n.labelTD {\n width: 100%;\n}\n\n.paneIconTray {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.paneShown {\n width: 24px;\n border-radius: 0.5em;\n border-top: solid #222 1px;\n border-left: solid #222 0.1em;\n border-bottom: solid #eee 0.1em;\n border-right: solid #eee 0.1em;\n margin-left: 1em;\n padding: 3px;\n background-color: #ffd;\n}\n\n.paneHidden {\n width: 24px;\n border-radius: 0.5em;\n margin-left: 1em;\n padding: 3px;\n}\n\n.header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.strongHeader {\n font-size: 150%;\n margin: 0 0.6em 0 0;\n padding: 0.1em 0.4em;\n}\n\n.tableFullWidth {\n width: 100%;\n}\n\n.placeholderTable {\n width: 100%;\n}\n\n.tdFlex {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n}\n","",{version:3,sources:["webpack://./src/outline/manager.css"],names:[],mappings:"AAAA,qCAAqC;;AAErC;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;AACrB;;AAEA;EACE,mDAAmD;AACrD;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,oBAAoB;EACpB,0BAA0B;EAC1B,6BAA6B;EAC7B,+BAA+B;EAC/B,8BAA8B;EAC9B,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,oBAAoB;EACpB,gBAAgB;EAChB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;AACrB",sourcesContent:["/* Styles extracted from manager.js */\n\n.obj {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n}\n\n.pred, .pred.internal {\n /* Add any specific styles for predicate TDs here */\n}\n\n.iconTD {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n width: 0px;\n}\n\n.labelTD {\n width: 100%;\n}\n\n.paneIconTray {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.paneShown {\n width: 24px;\n border-radius: 0.5em;\n border-top: solid #222 1px;\n border-left: solid #222 0.1em;\n border-bottom: solid #eee 0.1em;\n border-right: solid #eee 0.1em;\n margin-left: 1em;\n padding: 3px;\n background-color: #ffd;\n}\n\n.paneHidden {\n width: 24px;\n border-radius: 0.5em;\n margin-left: 1em;\n padding: 3px;\n}\n\n.header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.strongHeader {\n font-size: 150%;\n margin: 0 0.6em 0 0;\n padding: 0.1em 0.4em;\n}\n\n.tableFullWidth {\n width: 100%;\n}\n\n.placeholderTable {\n width: 100%;\n}\n\n.tdFlex {\n margin: 0.2em;\n border: none;\n padding: 0;\n vertical-align: top;\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n}\n"],sourceRoot:""}]);const s=r},6314(e){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(r[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);a&&r[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),n.push(u))}},n}},1354(e){"use strict";e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(i," */");return[n].concat([o]).join("\n")}return[n].join("\n")}},6320(e){"use strict";var n={single_source_shortest_paths:function(e,t,a){var i={},o={};o[t]=0;var r,s,l,c,u,d,p,f=n.PriorityQueue.make();for(f.push(t,0);!f.empty();)for(l in s=(r=f.pop()).value,c=r.cost,u=e[s]||{})u.hasOwnProperty(l)&&(d=c+u[l],p=o[l],(void 0===o[l]||p>d)&&(o[l]=d,f.push(l,d),i[l]=s));if(void 0!==a&&void 0===o[a]){var m=["Could not find a path from ",t," to ",a,"."].join("");throw new Error(m)}return i},extract_shortest_path_from_predecessor_list:function(e,n){for(var t=[],a=n;a;)t.push(a),e[a],a=e[a];return t.reverse(),t},find_path:function(e,t,a){var i=n.single_source_shortest_paths(e,t,a);return n.extract_shortest_path_from_predecessor_list(i,a)},PriorityQueue:{make:function(e){var t,a=n.PriorityQueue,i={};for(t in e=e||{},a)a.hasOwnProperty(t)&&(i[t]=a[t]);return i.queue=[],i.sorter=e.sorter||a.default_sorter,i},default_sorter:function(e,n){return e.cost-n.cost},push:function(e,n){var t={value:e,cost:n};this.queue.push(t),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return 0===this.queue.length}}};e.exports=n},4146(e,n,t){"use strict";var a=t(3404),i={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},r={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return a.isMemo(e)?r:s[e.$$typeof]||i}s[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[a.Memo]=r;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(n,t,a){if("string"!=typeof t){if(m){var i=f(t);i&&i!==m&&e(n,i,a)}var r=u(t);d&&(r=r.concat(d(t)));for(var s=l(n),h=l(t),g=0;g<r.length;++g){var b=r[g];if(!(o[b]||a&&a[b]||h&&h[b]||s&&s[b])){var v=p(t,b);try{c(n,b,v)}catch(e){}}}}return n}},3072(e,n){"use strict";var t="function"==typeof Symbol&&Symbol.for,a=t?Symbol.for("react.element"):60103,i=t?Symbol.for("react.portal"):60106,o=t?Symbol.for("react.fragment"):60107,r=t?Symbol.for("react.strict_mode"):60108,s=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,u=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,h=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,v=t?Symbol.for("react.fundamental"):60117,A=t?Symbol.for("react.responder"):60118,y=t?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case a:switch(e=e.type){case u:case d:case o:case s:case r:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return n}}case i:return n}}}function x(e){return w(e)===d}n.AsyncMode=u,n.ConcurrentMode=d,n.ContextConsumer=c,n.ContextProvider=l,n.Element=a,n.ForwardRef=p,n.Fragment=o,n.Lazy=g,n.Memo=h,n.Portal=i,n.Profiler=s,n.StrictMode=r,n.Suspense=f,n.isAsyncMode=function(e){return x(e)||w(e)===u},n.isConcurrentMode=x,n.isContextConsumer=function(e){return w(e)===c},n.isContextProvider=function(e){return w(e)===l},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},n.isForwardRef=function(e){return w(e)===p},n.isFragment=function(e){return w(e)===o},n.isLazy=function(e){return w(e)===g},n.isMemo=function(e){return w(e)===h},n.isPortal=function(e){return w(e)===i},n.isProfiler=function(e){return w(e)===s},n.isStrictMode=function(e){return w(e)===r},n.isSuspense=function(e){return w(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===s||e===r||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===v||e.$$typeof===A||e.$$typeof===y||e.$$typeof===b)},n.typeOf=w},3404(e,n,t){"use strict";e.exports=t(3072)},3931(e,n,t){var a,i,o;e.exports=(a=t(9426),i=t(5663),o=t(5491),(()=>{"use strict";var e={85:(e,n,t)=>{t.d(n,{board:()=>r});var a=t(426),i=t(663),o=t(264);function r(e,n,t,r){const s=e.createElement("div");s.style="width: 100%;",s.style.margin="1em";const l=s.appendChild(e.createElement("table"));l.style="width: 100%;",l.style.borderCollapse="collapse";const c=l.appendChild(e.createElement("tr")),u=l.appendChild(e.createElement("tr"));function d(n,t){const o=e.createElement("div"),r=o.appendChild(e.createElement("table")),s=i.store.each(n,a.ns.rdf("type")).map(e=>i.store.any(e,a.ns.ui("backgroundColor"))).filter(e=>e);r.appendChild(a.widgets.personTR(e,null,n)),r.subject=n,r.style="margin: 1em;";const l=s[0]||i.store.any(t,a.ns.ui("backgroundColor"));return o.style.backgroundColor=l?l.value:"#fff",o}function p(e,n,t,a){const o=e.map(e=>[i.store.any(e,n)||t,e]);return o.sort(),a&&o.reverse(),o.map(e=>e[1])}return n.forEach(n=>{const t=c.appendChild(e.createElement("th"));t.textContent=a.utils.label(n,!0),t.subject=n,t.style="margin: 0.3em; padding: 0.5em 1em; font-treatment: bold; font-size: 120%;";const o=u.appendChild(e.createElement("td"));o.subject=n,o.style="border: 0.01em solid white; padding: 0.1em;",r.columnDropHandler&&a.widgets.makeDropTarget(o,function(e){e.forEach(function(e){console.log("Dropped on column: "+e);const t=i.store.sym(e);r.columnDropHandler(t,n)})})}),s.refresh=function(){const e=new o.Literal(new Date),n=t||r.renderItem||d;function s(e){const t=n(e);return a.widgets.makeDraggable(t,e),t.subject=e,t}for(let n=u.firstChild;n;n=n.nextSibling){const t=n.subject;let o=i.store.each(null,a.ns.rdf("type"),t);const l=r.sortBy||a.ns.dct("created");r.filter&&(o=o.filter(r.filter));const c=p(o,l,e,!0);a.utils.syncTableToArrayReOrdered(n,c,s)}},s.refresh(),s}},178:(e,n,t)=>{t.d(n,{exposeOverlay:()=>m,getState:()=>d,renderIssue:()=>g,renderIssueCard:()=>f});var a=t(426),i=t(663),o=t(324),r=t(264);const s=i.store,l=!1,c=a.icons.iconBase+"noun_17020_gray-tick.svg",u=(a.icons.iconBase,a.icons.iconBase+"noun_17020.svg");function d(e,n){const t=s.the(e,a.ns.wf("tracker"),null,e.doc()),i=s.any(t,a.ns.wf("issueClass"));n=n||i;const o=s.each(e,a.ns.rdf("type")).filter(e=>s.holds(e,a.ns.rdfs("subClassOf"),n));if(1!==o.length)throw new Error("Issue must have one type as state: "+o.length);return o[0]}function p(e){const n=s.each(e,a.ns.rdf("type")).map(e=>s.any(e,a.ns.ui("backgroundColor"))).filter(e=>!!e);return n.length?n[0].value:null}function f(e,n){function t(){const n=p(e)||"white";r.style.backgroundColor=n,u.style.backgroundColor=n}const i=n.dom,o=!p(e),r=i.createElement("div"),l=r.appendChild(i.createElement("table"));l.style.width="100%",l.appendChild(a.widgets.personTR(i,null,e,{draggable:!1})),l.subject=e,r.style="border-radius: 0.4em; border: 0.05em solid grey; margin: 0.3em;",r.firstChild.firstChild.firstChild.firstChild.setAttribute("src",a.icons.iconBase+"noun_Danger_1259514.svg");const c=r.firstChild.firstChild.children[2],u=a.widgets.button(i,a.icons.iconBase+"noun_253504.svg","edit",async t=>{m(e,n)}),d=u.firstChild;if(d.style.width=d.style.height="1.5em",c.appendChild(u),o){const t=a.widgets.deleteButtonWithCheck(i,c,"issue",async function(){try{await s.updater.update(s.connectedStatements(e))}catch(e){!function(e,n){console.warn(e),n.paneDiv.appendChild(a.widgets.errorMessageBlock(n.dom,e))}(`Unable to delete issue: ${e}`,n)}console.log("User deleted issue "+e),r.parentNode.removeChild(r),a.widgets.refreshTree(n.paneDiv)});c.appendChild(t)}return r.style.maxWidth="24em",r.refresh=t,t(),r}function m(e,n){const t=n.overlay;t.innerHTML="";const i=t.appendChild(a.widgets.button(n.dom,a.icons.iconBase+"noun_1180156.svg","close",function(){t.innerHTML="",t.style.visibility="hidden"}));i.style.float="right",i.style.margin="0.7em",delete i.style.backgroundColor,t.style.visibility="visible",t.appendChild(g(e,n)),t.firstChild.style.overflow="auto"}function h(e,n){const t=e.createElement("div");return t.setAttribute("style","height: 1em; margin: 0.5em;"),t.style.backgroundColor=n,t}function g(e,n){function t(n,t,i){if(l){if(!g(v,"trackLastModified"))return;const n=t.statementsMatching(e,a.ns.dct("modified")).concat(t.statementsMatching(e,a.ns.wf("modifiedBy"))),o=[r.st(e,a.ns.dct("modified"),new Date,i)];x&&o.push(r.st(e,a.ns.wf("modifiedBy"),x,i)),t.updater.update(n,o,function(e,n,t){})}}function d(e,n){const t=b.createElement("pre");return t.setAttribute("style",n||"color: grey"),w.appendChild(t),t.appendChild(b.createTextNode(e)),t}function f(e){console.warn(e),w.appendChild(a.widgets.errorMessageBlock(b,e))}function m(e,n){e||f("Sorry, failed to save your change:\n"+n)}function g(e,n){const t=s.any(e,a.ns.ui(n));return!(!t||!t.value)}const b=n.dom,v=s.the(e,a.ns.wf("tracker"),null,e.doc());if(!v)throw new Error("No tracker");const A=s.any(v,a.ns.wf("stateStore")),y=e.doc(),w=b.createElement("div"),x=i.authn.currentUser(),C=p(e)||"white";!function(){const n="padding: 0.5em 1.5em 1em 1.5em; border: 0.7em;border-color: "+(p(e)||"#eee")+"; ";w.setAttribute("style",n),w.style.backgroundColor="white"}(),i.authn.checkUser();const E=w.appendChild(a.widgets.button(b,function(e){return function(e){return!!s.findTypeURIs(e)[a.ns.wf("Open").uri]}(e)?c:u}(e)));a.widgets.makeDraggable(E,e);const k=s.any(v,a.ns.wf("issueClass"));if(!k)throw new Error("This tracker "+v+" has no issueClass");const B=a.widgets.makeSelectForCategory(b,s,e,k,A,function(e,n){e?(t(0,s,y),a.widgets.refreshTree(w)):console.log("Failed to change state:\n"+n)});w.appendChild(B);const S=s.each(v,a.ns.wf("issueCategory"));for(const n of S)w.appendChild(a.widgets.makeSelectForCategory(b,s,e,n,A,function(e,n){e?(t(0,s,y),a.widgets.refreshTree(w)):console.log("Failed to change category:\n"+n)}));const T=b.createElement("a");T.setAttribute("href",v.uri),T.setAttribute("style","float:right"),w.appendChild(T).textContent=a.utils.label(v),T.addEventListener("click",a.widgets.openHrefInOutlineMode,!0);const P=a.ns.wf("coreIsueForm");r.parse('\n @prefix : <http://www.w3.org/ns/ui#> .\n @prefix core: <http://www.w3.org/2005/01/wf/flow#>.\n @prefix dc: <http://purl.org/dc/elements/1.1/>.\n @prefix wf: <http://www.w3.org/2005/01/wf/flow#> .\n\n core:coreIsueForm a :Form;\n <http://purl.org/dc/elements/1.1/title> "Core issue data";\n :parts (\n core:titleField\n core:descriptionField ) .\n\n core:descriptionField a :MultiLineTextField;\n :label "Description";\n :property wf:description;\n :size "40" .\n\n core:titleField a :SingleLineTextField;\n :label "Title";\n :maxLength "128";\n :property dc:title; # @@ Should move to dct or schema\n :size "40" .\n\n wf:Task :creationForm core:coreIsueForm .\n',s,P.doc().uri,"text/turtle");const F=a.widgets.appendForm(b,null,{},e,P,A,m);w.appendChild(F),F.style.backgroundColor=C;const N=s.statementsMatching(e,a.ns.wf("assignee"));if(N.length>1){d("Weird, was assigned to more than one person. Fixing ..");const e=N.slice(1);s.updater.update(e,[],function(e,n,t){n?d("Now fixed."):f("Fixed failed: "+t)})}function L(e){return a.widgets.personTR(b,a.ns.wf("dependent"),e,{link:!1})}function I(e,n){n=n||[];const t=s.any(null,a.ns.wf("dependent"),e,e.doc());return t?I(t,[t].concat(n)):n}if(async function(){const n=s.each(e,a.ns.wf("assigneeGroup"));await s.fetcher.load(n);const t=n.map(e=>s.each(e,a.ns.vcard("member"),null,e.doc())).flat(),i=s.any(null,a.ns.doap("bug-database"),v);i&&await s.fetcher.load(i);const o=i?s.each(i,a.ns.doap("developer")):[];return t.concat(o)}().then(n=>{if(n.length){n.forEach(function(e){s.fetcher.lookUpThing(e)});const i={nullLabel:"(unassigned)"};w.appendChild(a.widgets.makeSelectForOptions(b,s,e,a.ns.wf("assignee"),n,i,y,function(e,n){e?t(0,s,y):console.log("Failed to change assignee:\n"+n)}))}}),g(v,"allowSubIssues")){const n=w.appendChild(b.createElement("div"));n.style="margin: 1em; padding: 1em;",n.appendChild(b.createElement("h4")).textContent="Super Issues";const t=n.appendChild(b.createElement("div"));t.style.display="flex",t.refresh=function(){const n=I(e);a.utils.syncTableToArrayReOrdered(t,n,L)},t.refresh(),n.appendChild(b.createElement("h4")).textContent="Sub Issues";const i=n.appendChild(b.createElement("div"));i.style.display="flex",i.style.flexDirection="reverse",i.refresh=function(){const n=s.each(e,a.ns.wf("dependent"),null,e.doc());a.utils.syncTableToArrayReOrdered(i,n,L)},i.refresh();const r=b.createElement("button");r.setAttribute("type","button"),n.appendChild(r);const l=a.utils.label(k);r.innerHTML="New sub "+l,r.setAttribute("style","float: right; margin: 0.5em 1em;"),r.addEventListener("click",function(t){n.insertBefore((0,o.newIssueForm)(b,s,v,e,i.refresh),r.nextSibling)},!1)}w.appendChild(b.createElement("br"));const _=s.any(v,a.ns.wf("extrasEntryForm"));_&&a.widgets.appendForm(b,w,{},e,_,A,m);const O=w.appendChild(h(b,C));let R;s.anyValue(v,a.ns.wf("issueURITemplate"))?R=e.doc():(R=s.any(v,a.ns.wf("messageStore")),R||(R=s.any(v,a.ns.wf("stateStore"))),s.sym(R.uri+"#Chat"+(new Date).getTime())),s.fetcher.nowOrWhenFetched(R,function(n,t,i){if(n){const n=(0,a.messageArea)(b,s,e,R);w.insertBefore(n,O),w.insertBefore(h(b,C),n)}else{const e=b.createElement("p");e.textContent=t,w.insertBefore(e,O)}}),w.appendChild(b.createElement("div")).innerHTML="<h4>Attachments</h4>\n <p>Drag files, emails,\n web pages onto the paper clip, or click the file upload button.</p>";const D=e.uri.endsWith("/index.ttl#this")?e.uri.slice(0,14)+"Files/":e.dir().uri+"Files/"+e.uri.split("#")[1]+"/";a.widgets.attachmentList(b,e,w,{doc:A,promptIcon:a.icons.iconBase+"noun_25830.svg",uploadFolder:s.sym(D),predicate:a.ns.wf("attachment")}),a.widgets.deleteButtonWithCheck(b,w,"issue",async function(){try{await s.updater.update(s.connectedStatements(e))}catch(e){f(`Unable to delete issue: ${e}`)}f("DELETED OK"),w.style.backgroundColor="#eee",w.style.fontColor="orange"}).style.float="right";const M=b.createElement("button");return M.textContent="refresh messages",M.addEventListener("click",async function(e){try{await s.fetcher.load(R,{force:!0,clearPreviousData:!0})}catch(e){return void alert(e)}a.widgets.refreshTree(w)},!1),M.setAttribute("style",a.style.button),w.appendChild(M),w}},197:e=>{e.exports='# Ontology for user interface hints and forms\n#\n# See also related: the Fresnel language\n#\n@prefix contact: <http://www.w3.org/2000/10/swap/pim/contact#>.\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix doc: <http://www.w3.org/2000/10/swap/pim/doc#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix r: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix s: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix tt: <http://dig.csail.mit.edu/2010/issues/track#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix : <http://www.w3.org/ns/ui#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n@keywords is, of, a.\n\n<> dc:title "An ontology for User Interface description, Hints and Forms.";\n dc:description """The User Interface ontology allows the definition\n of forms for processing RDF model data, and include a bootstrap form for\n editing forms. It allows user interface hints such as background colors,\n can be associated with objects and classes.\n """;\n dc:created 2010-08-07;\n dc:license <https://creativecommons.org/publicdomain/zero/1.0/>;\n dc:modified """$Date: 2020/03/22 16:53:21 $""";\n dc:author <https://www.w3.org/People/Berners-Lee/card#i>.\n\nstyle a r:Property, owl:DatatypeProperty;\n s:label "style";\n prompt "CSS style";\n s:comment """Must be a valid CSS style string such as one could put in\n an HTML style attribute. Depending on the user interface system, this can\n by given to individuals, classes or properties. It is up to a user interface\n which wants to draw on them to pick how it uses styles from which parts\n of the data it has. For example, the style of a class may be picked\n to distinguish information about things in that class.""".\n\nbackgroundColor a r:Property, owl:DatatypeProperty;\n s:label "background color"@en;\n s:range ui:Color;\n s:comment """Must be a valid CSS color string such as one could put in\n an HTML style attribute. This should be in the #xxxxxx form,\n (with 6 digits of hex) so that it\n can work with Graphviz.""".\n\nbackgroundImage a r:Property, owl:DatatypeProperty;\n s:label "background image"@en;\n s:comment """URI or base64 representation of an image""".\n\ncolor a r:Property, owl:DatatypeProperty;\n s:label "color"@en;\n s:range ui:Color;\n s:comment """Must be a valid CSS color string such as one could put in\n an HTML style attribute. This should be in the #xxxxxx form,\n (with 6 digits of hex) so that it\n can work with Graphviz.""".\n\n\n\nsortPriority a r:Property, owl:DatatypeProperty;\n s:label "sort priority";\n s:range xsd:integer;\n s:comment """When individuals or classes must be sorted, then\n if they are given different values of sortPriority a user agent can\n use this as a hint to how to present information.""".\n\nsortBy a r:Property;\n s:label "sort by";\n s:domain s:Class;\n s:range r:Property;\n s:comment """A property which typically is used to sort\n members of a given class.""".\n\nseqeunce a r:Property;\n s:label "sequence number";\n s:range xsd:integer;\n s:comment """The sequence in which this item is arranged with repect to other parts.""".\n\ninitialProperties a r:Property;\n s:label "initial properties";\n s:domain s:Class;\n s:range r:List; # List of r:Property\n s:comment """A really simple way of enabling user interfaces to\n create new information about a class of things is to make a define of properties\n to be specified when a information about a new item\n ("New item" here means an item which the system\n does not have prvious information about yet,\n not an items which has just been created,\n like new friend as opposed to new baby)""";\n prompt "Properties to be specified for new ones".\n\ntableProperties a r:Property;\n s:domain s:Class;\n s:label "table properties";\n s:range r:List; # List of r:Property\n s:comment """This is a crude way of specifying a table-based\n view for objects of this class.""";\n prompt "Properties to be given in a default table view".\n\nprompt a r:Property;\n s:label "user prompt";\n s:comment """A string for the UI to use if the user needs a longer\n prompts than just a field name, the rdfs:label. """;\n ui:prompt "A longer prompt for a user inputting this property".\n\n\n# A Taxonomy of Field types\n\nui:Form owl:disjointUnionOf ( ui:ValueField ui:Group ui:Choice ui:Classifier ui:Options ui:Multiple ui:Heading ui:Comment);\n s:comment """A form can be any type of single field, or typically a Group of several fields,\n including interspersed headings and comments. """.\nui:Single owl:disjointUnionOf ( ui:ValueField ui:Group ui:Choice ui:Classifier ui:Options ui:Heading ui:Comment).\nui:ValueField owl:disjointUnionOf ( ui:TextField ui:NumericField ui:ColorField ui:DateField ui:DateTimeField ui:PhoneField ui:EmailField).\nui:NumericField owl:disjointUnionOf (ui:BooleanField ui:TriStateField ui:IntegerField ui:DecimalField ui:FloatField).\n# ui:Multiple owl:disjointUnionOf ( ui:ZeroOrMore ui:OneOrMore ).\nui:TextField owl:disjointUnionOf (ui:SingleLineTextField ui:MultiLineTextField).\n\nui:Form a s:Class; is s:subClassOf of ui:ValueField, ui:Group, ui:Choice, ui:Heading, ui:Comment, ui:Classifier, ui:Options, ui:Multiple.\nui:Single a s:Class; is s:subClassOf of ui:ValueField, ui:Group, ui:Choice, ui:Heading, ui:Comment, ui:Classifier, ui:Options.\nui:ValueField a s:Class; is s:subClassOf of ui:TextField, ui:NumericField, ui:ColorField, ui:DateField, ui:DateTimeField, ui:PhoneField, ui:EmailField.\nui:NumericField a s:Class; is s:subClassOf of ui:BooleanField, ui:TriStateField, ui:IntegerField, ui:DecimalField, ui:FloatField.\nui:TextField a s:Class; is s:subClassOf of ui:SingleLineTextField, ui:MultiLineTextField.\n\nui:Classifier a s:Class; s:label "classifier";\n s:comment """A classifier allows the user to select the type of an object.\n The possible types must be subclasses of some overall class, the "category".\n (Ideally, the superclass is also set up as the disjoint union of the subclasses,\n if they are disjoint.)\n\n The form normally stores the resulting classes using an rdf:type triple,\n but a different predicate can be used if required, so the classifier field\n needs is \'property\' defined too.\n\n If the subclass selected itself is has subclasses defined, the user can\n recursively select from them in turn, as many levels as needed.""".\n\nui:property a r:Property; s:domain ui:Form; s:range r:Property;\n s:label "property to be stored"@en;\n s:comment """Many fields prompt for information about a given property of the subject.\n When field is filled in, this gives which property is written into the data.""".\n\nui:category a r:Property; s:domain ui:Classifier; s:range s:Class;\n s:label "overall superclass"@en;\n s:comment """The superclass subclasses of which will be selected.""".\n\nui:dependingOn a r:Property; s:domain ui:Options; s:range r:Property;\n s:label "depending on"@en;\n s:comment """Many fields prompt for information about a given property of the subject""".\n\nui:for a r:Property; s:label "for"@en; s:comment "The value for which this case is selected.".\nui:use a r:Property; s:range ui:Form.\n\nui:part a r:Property; s:label "part"@en ; s:domain ui:Form; s:range ui:Form. # Used for Multiple field - the subform for each item\nui:parts a r:Property; s:label "parts"@en ; s:domain ui:Form; s:range r:Collection. # (of Forms) The ordered set of fields in a group\nui:ordered e r:Property; s:label "ordered"; s:range xsd:Boolean . # Could be useful for all kinds of things in future so not restricted to Multiple\n\nui:from a r:Property; s:domain ui:Choice; s:range r:Class;\n s:label "from"; ui:prompt "from what class".\n\nui:size a r:Property; s:domain ui:ValueField; s:range xsd:integer;\n s:label "size of field";\n ui:prompt "size of field in characters".\n\nui:maxLength a r:Property; s:domain ui:TextField; s:range xsd:integer;\n s:label "max length of value".\n\nui:minValue a r:Property; s:domain ui:ValueField; s:label "min". # @@ range?\nui:maxValue a r:Property; s:domain ui:ValueField; s:label "max".\n\n ui:creationForm a r:Property; s:domain s:Class; s:range ui:Form;\n s:label "creation form";\n s:comment """A form which may be used to collect information about a\n hitherto locally undocumented instance instance of this class.""".\n\n ui:annotationForm a r:Property; s:domain s:Class; s:range ui:Form;\n s:label "annotation form";\n s:comment """A form which may be used to add more infromation to an\ninstance of this class which we know something about. Anything from\nadding just add one more fact, to adding a whole lot of information about a specific\nfacet of the thing.\n""".\n\n\n#############################################\n#\n# Form for editing Forms\n#\n\nFormForm a ui:Form;\n dc:title "Form for editing Forms";\n is ui:creationForm of Form;\n a ui:Group; ui:parts (FF1 FF2 FF3 FieldList) .\n\n FF1 ui:sequence 1; a ui:Heading; ui:contents "Edit Form"@en .\n FF2 ui:sequence 2; a ui:SingleLineTextField; ui:property dc:title; ui:size 60 .\n FF3 ui:sequence 3; a ui:Comment; ui:contents\n """To add a field to the form, press the plus at the bottom,\n and then select what sort of field you want."""@en; ui:style "background-color: #ffe;" .\n\n FieldList ui:sequence 10; a ui:Multiple; ui:ordered true; ui:property ui:parts; ui:part FieldForm .\n\nFieldForm a ui:Group;\n dc:title "Form for selecting a type of field";\n ui:parts (\n\n [ ui:sequence 1; a ui:Classifier; ui:property r:type; ui:category ui:Form]\n\n [ a ui:Options; ui:sequence 2; ui:dependingOn r:type;\n\n ui:case [ ui:for ui:TextField; ui:use [a ui:Group; ui:parts (\n [ a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty] # @@@ Needs inference on current web\n [ a ui:IntegerField; ui:property ui:size; ui:label "field size"; ui:min 1; ui:max 4096]\n [ a ui:IntegerField; ui:property ui:maxLength; ui:label "Max. length of string"; ui:min 1]\n )]];\n\n ui:case [ ui:for ui:IntegerField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:IntegerField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:IntegerField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:DecimalField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DecimalField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:DecimalField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:FloatField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:FloatField; ui:property ui:min; ui:label "minimum value"]\n [ ui:sequence 3; a ui:FloatField; ui:property ui:max; ui:label "maximum value"] ) ]];\n\n ui:case [ ui:for ui:ColorField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty] )\n ]];\n\n ui:case [ ui:for ui:DateField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DateField; ui:property ui:min; ui:label "min"]\n [ ui:sequence 3; a ui:DateField; ui:property ui:max ; ui:label "max"]\n ) ]];\n\n ui:case [ ui:for ui:DateTimeField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:DatatypeProperty]\n [ ui:sequence 2; a ui:DateTimeField; ui:property ui:min; ui:label "min"]\n [ ui:sequence 3; a ui:DateTimeField; ui:property ui:max ; ui:label "max"]\n ) ]];\n\n ui:case [ ui:for ui:EmailField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:ObjectProperty]\n ) ]];\n\n ui:case [ ui:for ui:PhoneField; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from owl:ObjectProperty]\n )]];\n\n ui:case [ ui:for ui:Group; ui:use FieldList];\n\n ui:case [ ui:for ui:Options; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:dependingOn; ui:label "depending on"; ui:from r:Property; ui:default r:type]\n [ ui:sequence 2; a ui:Multiple; ui:property ui:case; ui:part CaseForm]\n ) ]];\n\n ui:case [ ui:for ui:Choice; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property";\n ui:canMintNew true; ui:from owl:ObjectProperty]\n [ ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:from; ui:label "destination class";\n ui:from s:Class; ui:canMintNew true; ]\n [ ui:sequence 3; a ui:BooleanField; ui:property ui:canMintNew; # No class form yet\n ui:label "user can add new"]\n [ ui:sequence 4; a ui:Choice; ui:canMintNew true; ui:property ui:use; ui:label "Nested Form (if any)";\n ui:from ui:Form; ui:optional true; ui:use FormForm] # @@ optional\n\n ) ]];\n\n ui:case [ ui:for ui:Classifier; ui:use [a ui:Group; ui:parts (\n [ ui:sequence 2; a ui:Comment; ui:contents """A classifier allows the user to which classes the item belongs to, given a common superclass of the allowed classes. Give the superclass here:""" ]\n\n [ ui:sequence 4; a ui:Choice; ui:canMintNew true; ui:property ui:category; ui:label "superclass"; ui:from s:Class]\n\n [ ui:sequence 6; a ui:Comment; ui:contents """(When the choice is made normally the item is given a rdf:type. Set this to rdf:type unless you want the form to set a different property.)""" ]\n\n [ ui:sequence 8; a ui:Choice; ui:canMintNew true; ui:property ui:property;\n ui:label "property"; ui:from owl:ObjectProperty; ui:default r:type] # @@ restriction\n\n ) ]];\n\n ui:case [ ui:for ui:Multiple; ui:use [a ui:Group; ui:parts (\n [ui:sequence 0; a ui:BooleanField; ui:property ui:ordered; ui:label "ordered"] # If this an ordered array or an unordered set?\n [ui:sequence 0; a ui:IntegerField; ui:property ui:min; ui:label "minimum number"] # If this an ordered array or an unordered set?\n [ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:property; ui:label "property"; ui:from r:Property]\n [ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:part; ui:from ui:Form; ui:use FieldForm] # Form for details of the field part of the multiple\n ) ]];\n\n ui:case [ ui:for ui:Heading; ui:use [a ui:SingleLineTextField; ui:property ui:contents]];\n\n ui:case [ ui:for ui:Comment; ui:use [a ui:MultiLineTextField; ui:property ui:contents]]\n ]).\n\n\nCaseForm a ui:Group;\n dc:title "Form for a conditional case in a form";\n ui:parts (\n [ ui:sequence 1; a ui:Choice; ui:canMintNew true; ui:property ui:for; ui:label "when it is"; ui:canMintNew true; ui:from s:Class]\n [ui:sequence 2; a ui:Choice; ui:canMintNew true; ui:property ui:use; ui:from ui:Form; ui:canMintNew true; ui:use FieldForm] ). # Form for details of the field part of the multiple\n\n# ENDS\n'},240:e=>{e.exports='# Issue tracking - Workflow application definition ontology\n#\n# Finite state automaton ontology\n#\n# See requirements for tracking tools http://www.w3.org/2005/01/06-tool-req.html\n#\n@keywords a, is, of.\n\n@prefix : <http://www.w3.org/2005/01/wf/flow#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#>.\n\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix s: <http://www.w3.org/2000/01/rdf-schema#> .\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n\n@prefix doc: <http://www.w3.org/2000/10/swap/pim/doc#> .\n@prefix log: <http://www.w3.org/2000/10/swap/log#> .\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix contact: <http://www.w3.org/2000/10/swap/pim/contact#> .\n@prefix doap: <http://usefulinc.com/ns/doap#>.\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n\n<> dc:title "Issue Tracking Ontology";\n\n dct:creator <http://www.w3.org/People/Berners-Lee/card#i>;\n\n s:comment """This ontology defines a very general class (Task)\n which can used for any kind of bug tracking, issue tracking,\n to-do-list management, action items, goal dependency, and so on.\n It captures the state of a task as a subclass, so that\n subsumption can be used.\n It captures a discussion thread about a task.\n It captures subtasks structure if necessary.\n A "Tracker" defines actual set of states, categories, etc.,\n which a task can be in. The data about the tracker\n guides the software managing the task.\n\n There is some workflow modeling finite state machine\n terms which are optional for more complex definition\n of the transitions allowed.\n """.\n\nTask a s:Class;\n s:label "task"@en; owl:disjointUnionOf (Open Closed);\n s:comment """Something to be done in a wide sense,\n an agenda item at a meeting is one example, but any\n issue, task, action item, goal, product, deliverable, milestone, can such a thing.\n The requirement for this framework was that it would allow\n one to customize ontologies for things such as agenda items,\n action items, working group issues with a spec, w3c Last Call issues,\n software bugs and administrative requests.\n In π-calculus, a process.\n Make your type of issue a subclass of Task.\n """.\n\nOpen a s:Class; s:subClassOf Task;\n s:label "open"@en, "ouvert"@fr;\n ui:backgroundColor "#d6f5d6"; # green like github for some reason\n s:comment """A task which needs attention. The very crude states of Open and Closed all\n interoperability between different systems if the states for a given\n application are made subclasses of either Open or Closed. This allows\n tasks from different systems to be mixed and treated together with\n limited but valuable functionality.\n """.\n\nClosed a s:Class; s:subClassOf Task;\n s:label "closed"@en, "fermé"@fr;\n ui:backgroundColor "#f5d6d6"; # pink\n s:comment """A task which does not need attention. It may be closed because\n has been abandoned or completed, for example.\n """.\n\n\n ActionItem a s:Class;\n s:subClassOf Task;\n s:label "action item"@en; owl:disjointUnionOf (Open Closed);\n s:comment """An obligation taken on by a person, typically at a meeting.\n """.\n\n\ndescription a rdf:Property;\n s:label "description";\n s:comment """The description, definition,\n or abstract. Information explaining what this is.\n Not arbitrary comment about anything, only about the subject.\n (Use this property for anything. There is no domain restriction.).""".\n\ndependent a rdf:Property;\n s:label "how"; owl:inverseOf [ s:label "why"];\n s:domain Task; s:range Task;\n s:comment """Another task upon which this depends, in the sense that\n this task cannot be completed without that task being done.\n You can\'t use this for dependencies on anything other than other tasks.\n (Note the US spelling of the URI. In the UK, a dependant is a something\n which is dependent on somehing else.)""".\n\nassignee a rdf:Property;\n s:label "assigned to"; owl:inverseOf [s:label "assignment"];\n# s:domain Task;\n s:range foaf:Agent;\n s:comment """The person or group to whom this has been assigned.""".\n\n# use dct:modified\n#modified a rdf:Property;\n# s:label "last changed".\n\nmodifiedBy a rdf:Property;\n s:range foaf:Agent;\n s:label "changed by".\n\n# use dct:created instead\n#created a rdf:Property;\n# s:range xsd:dateTime;\n#\n# Use foaf:maker instead\n#creator a rdf:Property;\n# s:range foaf:Agent;\n# s:label "changed by".\n\nsubscriber a rdf:Property;\n s:label "subscriber";\n s:range foaf:Agent.\n\n\n################## Products\n#\n#\n# History: The Tracker system included a cocept of a product,\n# such that an action could be associated with *either* an issue *or* a product.\n# Noah Mendelsohn for the TAG needed to be able make\n# and to give products: Goals, scuuess criteria,\n# deliverables with dates, schedules, TAG members assigned, related issues.\n#\n\n\nProduct a s:Class; s:subClassOf Task;\n s:label "product";\n s:comment """A product is a task which monitors something\n which must be produced.""".\n\ndeliverable a rdf:Property; s:subPropertyOf dependent;\n s:range Product;\n s:label "deliverable"@en;\n s:comment """Something which must be delivered to accomplish this""".\n\ngoalDescription a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:string;\n s:label "goals";\n s:comment """A textual description of the goals of this product, etc.""".\n\nsuccessCriteria a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:string;\n s:label "success criteria";\n s:comment """A textual description of the successs critera.\n How when we know this is done?""".\n\ndateDue a rdf:Property, owl:DatatypeProperty;\n s:domain Task; s:range xsd:date;\n s:label "due"@en;\n s:comment """The date this task is due.\n """.\n\n################## Attachments\n\nattachment a rdf:Property;\n s:label "attachment";\n s:comment """Something related is attached for information.""".\n\nscreenShot a rdf:Property; s:subPropertyOf attachment;\n s:label "screen shot"@en;\n s:comment """An image taken by capturing the state of a\n computer screen, for example to demonstrate a problem""".\n\ntestData a rdf:Property; s:subPropertyOf attachment;\n s:label "test data"@en;\n s:comment """A file which can be used as inpiut to a test\n or to demonstrate a problem. """.\n\n\nterminalOutput a rdf:Property; s:subPropertyOf attachment;\n s:label "terminal output"@en;\n s:comment """A file showing user interaction from a\n text terminal or console etc. """.\n\n\nmessage a rdf:Property; s:subPropertyOf attachment;\n s:label "message"@en;\n s:comment """A message about this. Attached for information.""".\n\n\nMessage a s:Class; s:label "message"@en.\nrecipent a rdf:Property; s:label "to"; s:domain Message; s:range foaf:Agent.\nsender a rdf:Property; s:label "from"; s:domain Message; s:range foaf:Agent.\n\n############################# A Tracker connects and manages issues\n\ntracker a rdf:Property;\n s:label "tracker";\n owl:inverseOf [ s:label "issue"];\n s:domain Task;\n s:range Tracker.\n\nTracker a s:Class;\n s:label "tracker";\n s:comment """A set of issues and\n the constraints on how they evolve.\n To use this ontology, craete a new tracker.\n Copy an existing one or make up your own.""".\n\nissueClass a rdf:Property;\n s:label "all issues must be in";\n s:domain Tracker;\n s:range s:Class, State;\n s:comment """The class of issues which are allowed in this tracker.\n This is essemtial to the operation of the tracker,\n as it defines which states an issue can be in.\n (The issueClass must be a disjointUnionOf the state classes)""".\n\nissueCategory a rdf:Property;\n s:label "issue category";\n s:domain Tracker;\n s:range s:Class;\n s:comment """Issues may be categorized according to the\n subclasses of this class""".\n\nstateStore a rdf:Property;\n s:label "state store";\n s:domain Tracker;\n s:range doc:Document;\n s:comment """A read-write document.\n The state of the issues is modified here.\n When you set up a trcaker, thgis must be set to point\n to a writeble data resource on the web.""".\n\ntransactionStore\n a rdf:Property;\n s:label "transaction store";\n s:domain Tracker;\n s:range doc:Document;\n s:comment """An appendable document. Transactions and messsages\n can be written into here""".\n\nasigneeClass\n a rdf:Property;\n s:label "assignees must be";\n s:domain Tracker;\n s:range s:Class; # Subclass of foaf:Agent\n s:comment """When an issue is assigned, the assignee must be from this class""".\n\ninitialState\n a rdf:Property;\n s:label "initial state"@en;\n s:label "état initial"@fr;\n s:domain Tracker;\n s:range State;\n s:comment """The initial state for a new issue""".\n\n# Use this to link a project to a tracker\ndoap:bug-database owl:inverseOf [ s:label "project"@en ].\n\n\n\n\n############################################################\n#\n# Finite state machines\n#\nChange a s:Class;\n s:label "change";\n s:comment """The universal class of things which\nchange the state of a task.\nIncluded now: Creation, Transition. (Maybe in the future\nmore π-calculus constructions such as splitting & merging tasks,\nand import/export of obligations to a foreign opaque system.)\n""".\n\nTransition a s:Class; s:subClassOf Change;\n s:label "transition";\n s:comment """A transition is a change of state of\na task. Typical properties include date and/or source\n(a document causing the transition), and a final state.""".\n\nCreation a s:Class; s:subClassOf Change;\n s:label "creation";\n s:comment """A creation is a change from existence\nto non-existence\na task. Typical properties include date and/or source\n(a document causing the transition), and a final state.""".\n\n\ndate s:range DateTime.\n\nfinal a rdf:Property;\n s:label "to";\n s:domain Transition;\n s:range State.\n\ntask a rdf:Property;\n s:range Task;\n s:label "task".\n\nrequires a rdf:Property;\n s:label "requires";\n s:domain Transition;\n s:range rdf:List; # Of properties for validation\n s:comment """To be a valid transition,\n a necessary (but not necessarily sufficuent) condition\n is that there be recorded these properties for the record""".\n\naffects a rdf:Property;\n s:label "affects";\n s:domain doc:Work;\n s:range Task.\n\n\n# { ?x a Transition; task ?t; source ?doc } => { ?doc affects ?t }.\n\n\ncreates a rdf:Property;\n s:label "creates";\n s:domain doc:Work;\n s:range Task.\n\n\nallowedTransitions a rdf:Property;\n s:domain State;\n s:range rdf:List; # @@@ of Action\n s:label "allowed transitions";\n s:comment """The state machine is defined\n by these lists of transition allowed for each issue.\n (An interesting option in the Web is to make an allowed transition\n to a state in soemone else\'s ontology, which in turn allows\n transitions into many ontologies. So a finite state maxchine\n may become very large. In practice this means that a task handed\n off to another organization may be processed on all kinds of ways.)""".\n\n# { ?x a TerminalState} => { ?x allowedTransitions () }.\n\nfinal a rdf:Property;\n s:label "to";\n s:range State.\n\nissue a rdf:Property;\n s:label "issue";\n s:comment\n """A transition changes the state of the given issue.""".\n\nsource a rdf:Property;\n s:label "source";\n s:comment """The source of a transition is\n the document by which it happened""";\n s:range doc:Work.\nTerminalState a s:Class;\n s:subClassOf State;\n s:label "terminal state";\n s:comment """A state from which there are no transitions.""".\n\nNonTerminalState a s:Class;\n s:label "non-terminal state";\n owl:disjointWith TerminalState;\n s:comment """A state from which there are transitions.""".\n\n######################################################\n\n#ends\n'},264:e=>{e.exports=o},324:(e,n,t)=>{t.d(n,{newIssueForm:()=>o});var a=t(426),i=t(264);function o(e,n,t,o,r){const s=e.createElement("div"),l=n.any(t,a.ns.wf("stateStore")),c=n.any(t,a.ns.wf("issueClass")),u=a.utils.label(c);s.innerHTML="<h2>Add new "+(o?"sub ":"")+u+"</h2><p>Title of new "+u+":</p>";const d=e.createElement("input");return d.setAttribute("type","text"),d.setAttribute("style","margin: 0.5em; font-size: 100%; padding: 0.3em;"),d.setAttribute("size","100"),d.setAttribute("maxLength","2048"),d.select(),d.addEventListener("keyup",function(e){13===e.keyCode&&function(){d.setAttribute("class","pendingedit"),d.disabled=!0;const e=[],c=n.anyValue(t,a.ns.wf("issueURITemplate")),u=c?n.sym(function(e){const n=new i.Literal(new Date),t=""+(new Date).getTime(),a=n.value.slice(0,4),o=n.value.slice(5,7),r=n.value.slice(8,10);return e.replace("{N}",t).replace("{YYYY}",a).replace("{MM}",o).replace("{DD}",r)}(i.uri.join(c,l.uri))):n.sym(l.uri+"#Iss"+(new Date).getTime()),p=u.doc(),f=n.literal(d.value);e.push(new i.Statement(u,a.ns.wf("tracker"),t,l)),e.push(new i.Statement(u,a.ns.dc("title"),f,l)),e.push(new i.Statement(u,a.ns.dct("created"),new Date,l));const m=o?n.each(o,a.ns.rdf("type"),null,o.doc()):n.each(t,a.ns.wf("initialState"));for(const n of m)e.push(new i.Statement(u,a.ns.rdf("type"),n,l));o&&e.push(new i.Statement(o,a.ns.wf("dependent"),u,l)),c&&(e.push(new i.Statement(u,a.ns.wf("tracker"),t,p)),e.push(new i.Statement(u,a.ns.rdfs("seeAlso"),l,p))),n.updater.update([],e,function(e,n,t){n?(s.parentNode.removeChild(s),r(u)):console.log("Error: can't save new issue:"+t)})}()},!1),s.appendChild(d),d.focus(),s}},426:e=>{e.exports=a},663:e=>{e.exports=i},685:(e,n,t)=>{t.d(n,{csvButton:()=>r});var a=t(426),i=t(663);function o(e){const n=e.replaceAll("\n"," ");if(!n.includes(","))return n;const t='"'+n.replaceAll('"','""')+'"';if(console.log("Quoted: >>>"+t+"<<<"),t.slice(1,-1).replaceAll('""',"").includes('"'))throw new Error("CSV inconsistecy");return t}function r(e,n){const t=e.createElement("div"),r=a.widgets.button(e,a.icons.iconBase+"noun_Document_998605.svg","Copy as CSV",async e=>{const t=r.parentNode.parentNode;console.log("button gparent div",t),t.addEventListener("copy",e=>{const t=function(e,n){const t=e.any(n,a.ns.wf("stateStore")),i=e.each(null,a.ns.wf("tracker"),n,t);console.log(" CSV: Tasks:",i.length);const r=[{label:"Name",predicate:a.ns.dc("title")}],s=e.any(n,a.ns.wf("issueClass"));console.log(" CSV: States - main superclass:",s);const l={label:"State",category:s};console.log(" CSV: found column from state",l),r.push(l);const c=e.each(n,a.ns.wf("issueCategory"));console.log(" CSV: Categories : ",c),console.log(" CSV: Categories : length: ",c.length),console.log(" CSV: Categories : first: ",c[0]);const u=c;for(const e of u){const n={label:a.utils.label(e),category:e};console.log(" CSV: found column from classifications",n),r.push(n)}const d=e.any(n,a.ns.wf("extrasEntryForm"),null,null);if(console.log(" CSV: Form : ",d),d){const n=e.any(d,a.ns.ui("parts"),null,d.doc());console.log(" CSV: parts : ",n);const t=n.elements;console.log(" CSV: fields : ",t);for(const n of t){const t=e.any(n,a.ns.ui("property"));if(t){const e={label:a.utils.label(t),predicate:t};console.log(" CSV: found column from form",e),r.push(e)}}}r.push({label:"Description",predicate:a.ns.wf("description")}),console.log("Columns: ",r.length);const p=r.map(e=>e.label).join(",")+"\n";return console.log("CSV: Header= ",p),p+i.map(function(n){return r.map(t=>function(n,t){let i;if(t.predicate)return i=e.any(n,t.predicate),i?i.value:"--";if(!t.category)throw new Error("wot no pred or cat",t);{const o=e.each(n,a.ns.rdf("type"));for(const n of o)e.holds(n,a.ns.rdfs("subClassOf"),t.category)&&(i=n);if(!i)return"?"+a.utils.label(t.category)}return a.utils.label(i)}(n,t)).map(o).join(",")+"\n"}).join("")}(i.store,n);e.clipboardData.setData("text/plain",t),e.clipboardData.setData("text/csv",t),alert("Copy data: "+t),e.preventDefault()})});return t.appendChild(r),t}},719:(e,n,t)=>{t.d(n,{newTrackerButton:()=>l});var a=t(426),i=t(264),o=t(663);const r=a.ns,s=o.store.updater;function l(e,n){const t=a.login.newAppInstance(n.dom,{noun:"tracker"},function(t,o){function l(e){if(void 0!==e.elements)return e.elements.map(l);if(void 0===e.uri)return e;let n=e.uri;return n===p.uri?f:(n.slice(0,h.length)===h&&(n=o+n.slice(h.length)),d.sym(n))}const c="issuetracker.w3.org",u=a.ns.space,d=n.session.store;if(!o&&("/"!==(o=d.any(t,u("uriPrefix")).value).slice(-1)&&(i.log.error(c+": No / at end of uriPrefix "+o),o+="/"),o+=c+"/"+(new Date).getTime()+"/",!confirm("Make new tracker at "+o+"?")))return;const p=d.any(e,r.wf("stateStore")),f=d.sym(o+"store.ttl"),m=e.doc(),h=m.uri.slice(0,m.uri.lastIndexOf("/")+1),g=l(m),b=l(e),v=d.statementsMatching(void 0,void 0,void 0,m);for(let e=0;e<v.length;e++){const n=v[e];d.add(l(n.subject),l(n.predicate),l(n.object),g)}d.add(b,a.ns.space("inspiration"),e,p),d.add(b,a.ns.space("inspiration"),e,g),s.put(g,d.statementsMatching(void 0,void 0,void 0,g),"text/turtle",function(e,n,t){n?s.put(f,[],"text/turtle",function(e,n,t){n?console.info("Ok The tracker created OK at: "+b.uri+"\nMake a note of it, bookmark it. "):console.log("FAILED to set up new store at: "+f.uri+" : "+t)}):console.log("FAILED to save new tracker at: "+g.uri+" : "+t)})});return t.setAttribute("style","margin: 0.5em 1em;"),t}}},n={};function t(a){var i=n[a];if(void 0!==i)return i.exports;var o=n[a]={exports:{}};return e[a](o,o.exports,t),o.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var a in n)t.o(n,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:n[a]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};t.r(r),t.d(r,{default:()=>g});var s=t(426),l=t(663),c=t(85),u=t(178),d=t(719),p=t(324),f=t(685),m=t(264);const h=l.store,g={icon:s.icons.iconBase+"noun_122196.svg",name:"issue",audience:[],label:function(e,n){const t=h.findTypeURIs(e);return t["http://www.w3.org/2005/01/wf/flow#Task"]||h.holds(e,s.ns.wf("tracker"))?"issue":t["http://www.w3.org/2005/01/wf/flow#Tracker"]?"tracker":null},mintClass:s.ns.wf("Tracker"),mintNew:async function(e,n){const t=e.session.store;let a;n.newInstance?a=t.sym(n.newInstance.doc().uri+"_state.ttl"):(n.newInstance=t.sym(n.newBase+"index.ttl#this"),a=t.sym(n.newBase+"state.ttl"));const i=n.newInstance,o=i.doc(),r=l.authn.currentUser();r&&t.add(i,s.ns.dc("author"),r,o),t.add(i,s.ns.rdf("type"),s.ns.wf("Tracker"),o),t.add(i,s.ns.dc("created"),new Date,o),t.add(i,s.ns.wf("issueClass"),s.ns.wf("Task"),o),t.add(i,s.ns.wf("initialState"),s.ns.wf("Open"),o),t.add(i,s.ns.wf("stateStore"),a,o),t.add(i,s.ns.wf("assigneeClass"),s.ns.foaf("Person"),o),t.add(i,s.ns.wf("stateStore"),a,a);const c=t.statementsMatching(void 0,void 0,void 0,o).concat(t.statementsMatching(void 0,void 0,void 0,a));try{await async function(e,n){const a=e.concat(n).map(e=>e.why),i=Array.from(new Set(a)).map(a=>t.updater.update(e.filter(e=>e.why.sameTerm(a)),n.filter(e=>e.why.sameTerm(a))));return Promise.all(i)}([],c)}catch(n){return s.widgets.complain(e,"Error writing tracker configuration: "+n)}const u=e.dom;return n.div.appendChild(u.createElement("div")).innerHTML=`<h4>Success</h4>\n <p>Your <a href="${i.uri}">new tracker</a> has been made.\n Use the settings tab to configure it.\n </p>\n `,n},render:function(e,n){const a=n.dom,i=a.createElement("div");function o(e){console.warn(e),i.appendChild(s.widgets.errorMessageBlock(a,e))}function r(e,n){e||o(n)}function g(e,t){const i=h.any(e,s.ns.wf("issueClass")),r=(t=t||i).sameTerm(i),l=h.any(t,s.ns.owl("disjointUnionOf"));if(!l)return o(`Configuration error: state ${i} does not have substates`);let d=l.elements;r&&d.length>2&&(d=d.filter(e=>h.holds(e,s.ns.rdfs("subClassOf"),s.ns.wf("Open"))||e.sameTerm(s.ns.wf("Open"))));const p={columnDropHandler:async function(e,a){const i=(0,u.getState)(e,t),o=h.the(e,s.ns.wf("tracker"),null,e.doc()),r=h.any(o,s.ns.wf("stateStore"));if(!a.sameTerm(i)){try{await h.updater.update([m.st(e,s.ns.rdf("type"),i,r)],[m.st(e,s.ns.rdf("type"),a,r)])}catch(e){s.widgets.complain(n,"Unable to change issue state: "+e)}f.refresh()}},filter:r?null:function(e){return!!h.findTypeURIs(e)[s.ns.wf("Open").uri]}};p.sortBy=s.ns.dct("created"),p.sortReverse=!0;const f=(0,c.board)(a,d,function(e){return(0,u.renderIssueCard)(e,n)},p);return f}function b(e){const t=a.createElement("div"),i=l.authn.currentUser(),o={div:t,dom:a,noun:"tracker",statusArea:t,me:i,refreshTarget:e},r=[n.session.paneRegistry.byName("issue")];return s.create.newThingUI(o,n,r),t}function v(){const t=h.any(k,s.ns.wf("issueClass")),i=[x,y,t].concat(h.each(k,s.ns.wf("issueCategory")));i.push(w);const o={renderMain:function(t,i){if(t.innerHTML="",i.sameTerm(A))t.appendChild(g(k));else if(i.sameTerm(y))t.appendChild(function(t){function i(){const e=new m.IndexedFormula;return c.pat.optional.push(e),e}const o=h.any(e,s.ns.wf("issueClass")),r=h.each(t,s.ns.wf("issueCategory")),l=["issue","state","created"],c=new m.Query(s.utils.label(e));for(let e=0;e<r.length;e++)l.push("_cat_"+e);const d={};l.forEach(function(e){c.vars.push(d[e]=m.variable(e))}),c.pat.add(d.issue,s.ns.wf("tracker"),t),c.pat.add(d.issue,s.ns.dct("created"),d.created),c.pat.add(d.issue,s.ns.rdf("type"),d.state),c.pat.add(d.state,s.ns.rdfs("subClassOf"),o),c.pat.optional=[];for(let e=0;e<r.length;e++){const n=i();n.add(d.issue,s.ns.rdf("type"),d["_cat_"+e]),n.add(d["_cat_"+e],s.ns.rdfs("subClassOf"),r[e])}const p=h.any(t,s.ns.wf("propertyList"));if(p){const e=p.elements;for(let n=0;n<e.length;n++){const t=e[n];let a="_prop_"+n;t.uri.indexOf("#")>=0&&(a=t.uri.split("#")[1]);const o=i();c.vars.push(d[a]=m.variable(a)),o.add(d.issue,t,d[a])}}const f={};h.each(void 0,s.ns.rdfs("subClassOf"),o).forEach(function(e){(h.holds(e,s.ns.rdfs("subClassOf"),s.ns.wf("Open"))||e.sameTerm(s.ns.wf("Open")))&&(f[e.uri]=!0)});const g=(0,s.table)(a,{query:c,keyVariable:"?issue",sortBy:"?created",sortReverse:!0,hints:{"?issue":{linkFunction:function(e){const t=m.sym(e);(0,u.exposeOverlay)(t,n)},label:"Title"},"?created":{cellFormat:"shortDate"},"?state":{initialSelection:f,label:"Status"}}}),b=h.any(e,s.ns.wf("stateStore"));return g.appendChild(function(e,n){return s.widgets.button(a,s.icons.iconBase+"noun_479395.svg","refresh table",async t=>{try{await h.fetcher.load(e,{force:!0,clearPreviousData:!0})}catch(e){return void alert(e)}s.widgets.refreshTree(n)})}(b,g)),g}(k));else if(i.sameTerm(w))t.appendChild(function(e){const n=a.createElement("div");n.appendChild((0,f.csvButton)(a,e));const t=h.any(e,s.ns.wf("issueClass")),i=[y,t].concat(h.each(e,s.ns.wf("issueCategory"))),o=n.appendChild(a.createElement("div"));s.widgets.renderNameValuePair(a,h,o,null,"Default view").appendChild(s.widgets.makeSelectForOptions(a,h,e,s.ns.wf("defaultView"),i,{},e.doc()));const l={dom:a,div:n,noun:"tracker"};return s.login.registrationControl(l,e,s.ns.wf("Tracker")).then(t=>{const i=s.ns.wf("TrackerSettingsForm");m.parse('@prefix : <http://www.w3.org/ns/ui#> .\n@prefix core: <http://www.w3.org/2005/01/wf/flow#>.\n@prefix dct: <http://purl.org/dc/terms/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix ui: <http://www.w3.org/ns/ui#> .\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix wf: <http://www.w3.org/2005/01/wf/flow#> .\n\n core:TrackerSettingsForm a :Form;\n <http://purl.org/dc/elements/1.1/title> "Tracker Configuration Form";\n :parts (\n\n [ a ui:Heading; ui:contents "About the tracker"@en ]\n\n [ a :SingleLineTextField;\n :label "Title of issue tracker";\n :maxLength "128";\n :property dct:title;\n :size "40" ]\n\n [ a :MultiLineTextField; :label "Description"; :property wf:description; :size "40" ]\n\n [ a ui:Choice; ui:canMintNew true; ui:use core:SuperClassForm; ui:follow true;\n ui:property wf:issueClass;\n ui:label "What states can an issue be in?";\n ui:from rdfs:Class;\n ui:default wf:Task ]\n\n [ a ui:Comment; ui:contents """You can optionally sort issues using (one or more) classification systems"""@en ]\n\n\n [ a ui:Multiple; ui:canMintNew true; ui:part core:ClassificationForm;\n ui:property wf:issueCategory; ui:label "Sort them into which category?"; ui:from rdfs:Class ]\n\n [ a :BooleanField;\n :label "Allow issues to have sub-issues";\n :property wf:allowSubIssues;\n :default false ]\n\n [ a ui:Heading; ui:contents "Table view:"@en ]\n\n [ a ui:Comment; ui:contents "Any extra properties to include?"@en ]\n\n\n [a ui:Multiple; ui:property wf:propertyList; ui:ordered true; ui:part core:PropertyForm; ui:follow true ]\n\n [ a ui:Heading; ui:contents "Details of issues"@en ]\n\n # Use a people picker ideally\n [ a ui:Choice; ui:canMintNew true; ui:use core:GroupForm;\n ui:property wf:assigneeGroup;\n ui:label "Assign issues to people from which group?";\n ui:from vcard:Group;\n ]\n\n # Optionally one form for extras\n\n [ a ui:Choice; ui:canMintNew true; ui:use ui:FormForm;\n ui:property wf:extrasEntryForm;\n ui:label "Other things to save about each issue?";\n ui:from ui:Form;\n ]\n\n\n ) .\n\n # Form for the superclass of all states\n # @@ also We must require each state class to be stated to be a subclass of EITHER Open OR Closed.\n core:SuperClassForm a ui:Form; dct:title "Form for managing states";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of set of states";\n :defualt "States";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [a ui:Multiple; ui:property owl:disjointUnionOf; ui:ordered true; ui:part core:StateForm ]\n # [ a ui:Multiple; ui:property rdfs:subClassOf; ui:reverse true; ui:part core:StateForm ]\n ) .\n\n core:StateForm a ui:Form; dct:title "Form for one state";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of state";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [ a :ColorField; :label "Background color"; :property :backgroundColor ]\n # @@ add icon for state\n\n ).\n\n\n # Form for Classification\n\n core:ClassificationForm a ui:Form; dct:title "Form for a classification by categpry";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of classification:";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [a ui:Multiple; ui:property owl:disjointUnionOf; ui:ordered true; ui:part core:CategoryForm ]\n ) .\n\n core:CategoryForm a ui:Form; dct:title "Form for a category";\n ui:parts (\n [ a :SingleLineTextField;\n :label "Name of category";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n [ a :ColorField; :label "Background color"; :property :backgroundColor ]\n\n ).\n\n core:PropertyForm a ui:Form; ui:parts ( # Internded for raed only only marking the\n [ a :SingleLineTextField;\n :label "(property name)";\n :maxLength "128";\n :property rdfs:label;\n :size "40" ]\n ).\n\n\n # Other ontology stuff we are otherwis missing\n\n # we can usde ui:label to give a decent abel when the ontology uses a really bad one\n rdfs:subClassOf ui:label "super class" .\n # We can also add a specific nice label for the inverse\n [] owl:inverse rdfs:subClassOf; rdfs:label "sub class" .\n owl:disjointUnionOf ui:label "option" .\n\n # Form for new group\n\n\n core:GroupForm a ui:Form; dct:title "Form for new contacts group"; ui:parts (\n [ a :SingleLineTextField;\n :label "Name of new group";\n :maxLength "128";\n :property vcard:fn;\n :size "60" ]\n\n [ a ui:Heading; ui:contents "Members of group"@en ]\n\n [ a ui:Multiple; ui:label "contacts in group"; ui:property vcard:member; ui:part core:PersonForm ]\n\n ).\n\n core:PersonForm a ui:Form; dct:title "New contact details form"; ui:parts (\n\n [ a :NamedNodeURIField; ui:label "Solid ID"; ui:property owl:sameAs; ui:size 60 ]\n\n [ a :SingleLineTextField;\n :label "Name of contact";\n :maxLength "128";\n :property vcard:fn;\n :size "60" ]\n\n [ a ui:PhoneField; :label "Phone"; :property vcard:phone; ] # @@ check property]\n\n [ a :EmailField; :label "Email"; :property vcard:email ] # @@ check property\n\n ).\n\n# classificattion owl:disjointUnionOf ()\n wf:Tracker :creationForm core:SettingsForm .\n',h,i.doc().uri,"text/turtle"),s.widgets.appendForm(a,n,{},e,i,e.doc(),r)}),n}(k));else if(i.sameTerm(x))t.appendChild(function(e){const n=a.createElement("div"),t={dom:a,div:n,noun:"tracker"};return s.login.registrationList(t,{public:!0,private:!0,type:e}).then(e=>{n.appendChild(b(n))}),n}(s.ns.wf("Tracker")));else{if(!h.holds(k,s.ns.wf("issueCategory"),i)&&!h.holds(k,s.ns.wf("issueClass"),i))throw new Error("Unexpected tab type: "+i);t.appendChild(g(k,i))}},items:i,selectedTab:h.any(k,s.ns.wf("defaultView"),null,k.doc())||y},l=x.doc();return h.add(x,s.ns.rdfs("label"),"My Trackers",l),h.add(w,s.ns.rdfs("label"),"Settings",l),h.add(t,s.ns.rdfs("label"),"By State",l),s.tabs.tabWidget(o)}n.paneDiv=i,i.setAttribute("class","issuePane");const A=s.ns.wf("BoardView"),y=s.ns.wf("TableView"),w=s.ns.wf("SettingsView"),x=s.ns.wf("InstancesView"),C=h.updater,E=h.findTypeURIs(e);let k;const B=s.ns.wf("").doc();h.holds(void 0,void 0,void 0,B)||m.parse(t(240),h,B.uri,"text/turtle");const S=s.ns.ui("").doc();let T;h.holds(void 0,void 0,void 0,S)||m.parse(t(197),h,S.uri,"text/turtle"),E["http://www.w3.org/2005/01/wf/flow#Task"]||h.holds(e,s.ns.wf("tracker"))?async function(){if(k=h.any(e,s.ns.wf("tracker")),!k)throw new Error("This issue "+e+"has no tracker");try{await n.session.store.fetcher.load(k.doc())}catch(e){return o("Failed to load tracker config "+k.doc()+": "+e)}const t=h.any(k,s.ns.wf("stateStore"));if(!t)return o("Tracker has no state store: "+k);try{await n.session.store.fetcher.load(e)}catch(e){return o("Failed to load issue state "+t+": "+e)}i.appendChild((0,u.renderIssue)(e,n)),C.addDownstreamChangeListener(t,function(){s.widgets.refreshTree(i)})}().then(()=>console.log("Single issue rendered")):E["http://www.w3.org/2005/01/wf/flow#Tracker"]?async function(){function t(e){s.widgets.refreshTree(i),(0,u.exposeOverlay)(e,n),f.disabled=!1}k=e;try{await async function(e,n){async function t(n){const t=e.any(n,s.ns.owl("disjointUnionOf"),null,a);if(!t)throw new Error(`Classification ${n} has no disjointUnionOf`);if(!t.elements)throw new Error(`Classification ${n} has no array`);const i=new Set(t.elements.map(e=>e.uri)),o=new Set(e.each(null,s.ns.rdfs("subClassOf"),n,a).map(e=>e.uri)),r=[...o].filter(e=>!i.has(e)).map(t=>({action:"delete",st:m.st(e.sym(t),s.ns.rdfs("subClassOf"),n,a)})),l=[...i].filter(e=>!o.has(e)).map(t=>({action:"insert",st:m.st(e.sym(t),s.ns.rdfs("subClassOf"),n,a)}));return r.concat(l)}const a=n.doc(),i=e.any(n,s.ns.wf("issueClass")),o=e.each(n,s.ns.wf("issueCategory")).concat([i]);let r=[];for(const e of o)r=r.concat(await t(e));if(r.length){const n=r.filter(e=>"insert"===e.action).map(e=>e.st),t=r.filter(e=>"delete"===e.action).map(e=>e.st);console.log("Damage:",r),confirm(`Fix ${r} inconsistent subclasses in tracker config?`)&&await e.updater.update(t,n)}}(h,k)}catch(e){console.log("@@@ Error fixing subclasses in config: "+e)}const o=h.any(e,s.ns.wf("issueClass"));if(!o)throw new Error("This tracker has no issueClass");const r=h.any(e,s.ns.wf("stateStore"));if(!r)throw new Error("This tracker has no stateStore");const l=a.createElement("h2");l.setAttribute("style","font-size: 150%"),i.appendChild(l);const c=s.utils.label(o);l.appendChild(a.createTextNode(c+" list"));const f=a.createElement("button"),g=a.createElement("div");f.setAttribute("type","button"),f.setAttribute("style","padding: 0.3em; font-size: 100%; margin: 0.5em;"),g.appendChild(f),i.appendChild(g);const b=a.createElement("img");b.setAttribute("src",s.icons.iconBase+"noun_19460_green.svg"),b.setAttribute("style","width: 1em; height: 1em; margin: 0.2em;"),f.appendChild(b);const A=a.createElement("span");A.innerHTML="New "+c,f.appendChild(A),f.addEventListener("click",function(e){f.disabled=!0,g.appendChild((0,p.newIssueForm)(a,h,k,null,t))},!1),n.session.store.fetcher.load([r]).then(function(t){const a=v();i.appendChild(a),a.refresh||console.log("No table refresh function?!"),i.appendChild((0,d.newTrackerButton)(e,n)),C.addDownstreamChangeListener(r,a.refresh)}).catch(function(e){return console.log("Cannot load state store: "+e)})}().then(()=>console.log("Tracker rendered")):console.log("Error: Issue pane: No evidence that "+e+" is either a bug or a tracker.");const P=i.appendChild(a.createElement("div"));return n.overlay=P,P.style="position: fixed; z-index: 100; top: 1.51em; right: 2em; left: 2em; bottom:1.5em; border: 0.1em grey; overflow: scroll;",P.style.visibility="hidden",l.authn.checkUser().then(e=>{if(e)return console.log("Web ID set already: "+e),void(n.me=e);T=s.login.loginStatusBox(a,e=>{e?(n.me=h.sym(e),console.log("Web ID set from login button: "+e),i.removeChild(T)):n.me=null}),T.setAttribute("style","margin: 0.5em 1em;"),i.appendChild(T),n.statusArea||(n.statusArea=i.appendChild(a.createElement("div")))}),i}};return r})())},1927(e,n,t){var a;a=(e,n,t)=>(()=>{"use strict";var a={264(e){e.exports=n},426(n){n.exports=e},663(e){e.exports=t}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={exports:{}};return a[e](t,t.exports,o),t.exports}o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{default:()=>f});var s=o(426),l=o(264),c=o(663);const{typeIndex:u}=c.solidLogicSingleton,{loadTypeIndexesFor:d}=u,p=s.ns,f={icon:s.icons.iconBase+"noun_66617.svg",name:"meeting",audience:[p.solid("PowerUser")],label:function(e,n){const t=n.session.store,a=s.ns;return t.holds(e,a.rdf("type"),a.meeting("Meeting"))?"Meeting":null},mintClass:s.ns.meeting("Meeting"),mintNew:function(e,n){return new Promise(function(t,a){const i=e.session.store,o=s.ns;n.newInstance=n.newInstance||i.sym(n.newBase+"index.ttl#this");const r=n.newInstance,u=r.doc(),d=c.authn.currentUser();d&&i.add(r,o.dc("author"),d,u),i.add(r,o.rdf("type"),o.meeting("Meeting"),u),i.add(r,o.dc("created"),new Date,u),i.add(r,o.ui("backgroundColor"),new l.Literal("#ddddcc",void 0,o.xsd("color")),u);const p=new l.Collection;i.add(r,o.meeting("toolList"),p,u),p.elements.push(r),i.updater.put(u,i.statementsMatching(void 0,void 0,void 0,u),"text/turtle",function(e,i,o){i?t(n):a(new Error("Error writing meeting configuration: "+o))})})},render:function(e,n){const t=n.dom,a=n.session.store,i=s.ns,o=a.updater,r=this,u=function(e,n){console.log(e);const a=t.createElement("pre");a.setAttribute("style","background-color: "+n||0),g.appendChild(a),a.appendChild(t.createTextNode(e))},p=function(e,n){e||u(n)},f=e,m=e.doc(),h=e.dir().uri,g=t.createElement("div"),b=g.appendChild(t.createElement("table"));b.style="width: 100%; height: 100%; margin:0;";const v=b.appendChild(t.createElement("tr"));v.appendChild(t.createElement("div"));const A=b.appendChild(t.createElement("tr")),y=b.appendChild(t.createElement("td")).appendChild(t.createElement("table")).appendChild(t.createElement("tr"));v.setAttribute("style","height: 2em;");let w=null;const x=function(){o.put(m,a.statementsMatching(void 0,void 0,void 0,m),"text/turtle",function(e,n,t){n?(W.refresh(),H()):u(t="FAILED to save new thing at: "+m+" : "+t)})},C=function(e,n,t){const r=n.doc();t&&a.add(f,t,n,r),a.add(n,i.meeting("parentMeeting"),f,r),o.put(r,a.statementsMatching(void 0,void 0,void 0,r),"text/turtle",function(e,t,a){t?x():u("FAILED to save new tool at: "+n+" : "+a)})},E=function(e,n,t,o){n&&a.add(f,n,e,m);const r=s.widgets.newThing(m);return t&&a.add(r,i.rdfs("label"),t,m),o&&a.add(r,i.meeting("icon"),a.sym(o),m),a.add(r,i.rdf("type"),i.meeting("Tool"),m),a.add(r,i.meeting("target"),e,m),a.the(f,i.meeting("toolList")).elements.push(r),r};function k(e){const n=/https:\/\/www\.google\..*\/maps\//,t="https://www.google.com/maps/embed/v1/",a=e.uri;if(!a.match(n))return e;if(a.startsWith(t))return e;const i=a.replace(n,t)+"&key=AIzaSyB8aaT6bY9tcLCmc2oPCkdUYLmTOWM8R54";return console.log("Converted Google Map URI! "+i),l.sym(i)}const B=function(t){Promise.all(t.map(function(t){return function(t){return new Promise(function(o){console.log("Dropped on thing "+t);const r=t.uri;if(r.startsWith("http:")&&r.indexOf("#")<0)return function(t){const o=i.wf("attachment");a.add(e,o,t,e.doc()),N({icon:"noun_160581.svg",limit:1,shareTab:!0},{newInstance:e,pane:n.session.paneRegistry.byName("link"),predicate:i.meeting("attachmentTool"),tabTitle:"Links",view:"link",noIndexHTML:!0})}(t),o(t);a.fetcher.nowOrWhenFetched(t,function(e,n){function c(e){e=k(e),console.log("make web page attachement tab "+e);const n=E(e,s.ns.wf("attachment"),s.utils.label(e),null);return a.add(n,s.ns.meeting("view"),"iframe",m),o(e)}if(e){const e=t,n=a.findTypeURIs(e);for(const e in n)console.log(" drop object type includes: "+e);if(i.vcard("Individual").uri in n||i.foaf("Person").uri in n||i.foaf("Agent").uri in n)return function(e){const n=a.any(e,i.foaf("preferredURI")),t=n?a.sym(n):e,o=a.any(f,i.meeting("attendeeGroup")),r=function(e,n){const t=[l.st(n,s.ns.vcard("hasMember"),e,n.doc())],o=a.any(e,i.vcard("fn"))||a.any(e,i.foaf("name"));o&&t.push(l.st(e,s.ns.vcard("fn"),o,n.doc())),a.fetcher.nowOrWhenFetched(n.doc(),void 0,function(i,o){i?a.updater.update([],t,function(n,t,a){p(t,a),t&&console.log("Addded to particpants OK: "+e)}):u("Can't read group to add person"+n)})};o?r(t,o):F().then(function(e){const n=e.newInstance;r(t,n),a.fetcher.putBack(m,{contentType:"text/turtle"}).then(function(e){console.log("Particiants Group created: "+n)})}).catch(function(e){u(e)})}(t),o(t);if(r.startsWith("https:")&&r.indexOf("#")<0){const e=a.fetcher.getHeader(t,"x-frame-options");let n=!0;if(e)for(let t=0;t<e.length;t++)console.log("x-frame-options: "+e[t]),e[t].indexOf("sameorigin")<0&&(n=!1),e[t].indexOf("deny")<0&&(n=!1);if(n)return function(e){const n=E(e,s.ns.wf("attachment"),s.utils.label(e),null);a.add(n,s.ns.meeting("view"),"iframe",m)}(t=k(t)),o(t)}return console.log("Default: assume web page attachement "+t),c(t)}return console.log("Error looking up dropped thing, will just add it anyway. "+t+": "+n),c(t)})})}(l.sym(t))})).then(function(e){x()})},S=function(e){s.widgets.uploadFiles(a.fetcher,e,f.dir().uri+"Files",f.dir().uri+"Pictures",function(e,n){e.type.startsWith("image/")?T("Files"):P("Pictures")})},T=function(e){return N({icon:"noun_598334.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+e+"/"),pane:n.session.paneRegistry.byName("folder"),predicate:i.meeting("pictures"),shareTab:!0,tabTitle:e,view:"slideshow",noIndexHTML:!0})},P=function(e){return N({icon:"noun_681601.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+"Files/"),pane:n.session.paneRegistry.byName("folder"),predicate:i.meeting("materialsFolder"),tabTitle:"Materials",noIndexHTML:!0})},F=function(){return N({icon:"noun_339237.svg",limit:1,shareTab:!0},{newInstance:a.sym(f.dir().uri+"Attendees/index.ttl#this"),pane:n.session.paneRegistry.byName("contact"),predicate:i.meeting("attendeeGroup"),tabTitle:"Attendees",instanceClass:i.vcard("Group"),instanceName:s.utils.label(e)+" attendees",noIndexHTML:!0})};function N(e,t){return new Promise(function(a,i){const o=n.session.store;if(!t.useExisting){const n=o.any(f,t.predicate);if(n){if(e.limit&&1===e.limit&&!e.shareTab)return u("Already have "+n+" as "+s.utils.label(t.predicate)),u("Cant have two"),a(null);if(e.shareTab)return console.log("Using existing "+n+" as "+s.utils.label(t.predicate)),a({me:w,newInstance:n,instanceClass:t.instanceClass})}}w||t.me||i(new Error("Username not defined for new tool")),t.me=t.me||w,t.newInstance=t.useExisting||t.newInstance||o.sym(t.newBase+"index.ttl#this"),t.pane.mintNew(n,t).then(function(e){const n=E(e.newInstance,e.predicate,e.tabTitle,e.pane.icon);e.view&&o.add(n,s.ns.meeting("view"),e.view,m),x(),o.fetcher.putBack(m,{contentType:"text/turtle"}).then(function(n){a(e)}).catch(function(e){i(e)})}).catch(function(e){u(e),i(e)})})}const L=function(){const e=s.login.selectWorkspace(t,{noun:"meeting"},function(a,i){r.mintNew(n,{newBase:i}).then(function(n){const a=n.newInstance;D.removeChild(e);const i=D.appendChild(t.createElement("p"));i.setAttribute("style","font-size: 140%;"),i.innerHTML="Your <a target='_blank' href='"+a.uri+"'><b>new meeting</b></a> is ready to be set up. <br/><br/><a target='_blank' href='"+a.uri+"'>Go to your new meeting.</a>"}).catch(function(n){D.removeChild(e),D.appendChild(s.widgets.errorMessageBlock(t,n))})});D.appendChild(e)},I=[{icon:"noun_339237.svg",maker:function(e){const t=h+"Group/",a=n.session.store;let o=a.any(f,i.meeting("particpants"));o||(o=l.sym(t+"index.ttl#this")),console.log("Participant group: "+o);const r=E(o,i.meeting("particpants"),"Particpants",s.icons.iconBase+"noun_339237.svg");a.add(r,s.ns.meeting("view"),"peoplePicker",m),x()},hint:"Make a group of people",limit:1},{icon:"noun_346777.svg",maker:function(e){return N(e,{useExisting:f,pane:n.session.paneRegistry.byName("schedule"),view:"schedule",tabTitle:"Schedule poll",noIndexHTML:!0})},hint:"Make a poll to schedule the meeting"},{icon:"noun_48218.svg",maker:function(e){},limit:1,hint:"Add an agenda list",disabled:!0},{icon:"noun_79217.svg",maker:function(e){return N(e,{newBase:h+"SharedNotes/",predicate:s.ns.meeting("sharedNotes"),tabTitle:"Shared Notes",pane:n.session.paneRegistry.byName("pad")})},hint:"Add a shared notepad"},{icon:"noun_346319.svg",maker:function(e){const t=h+"Chat/",a=n.session.store;if(a.holds(f,i.meeting("chat")))return void console.log("Ignored - already have chat");const o=a.sym(t+"chat.ttl");a.add(o,i.rdf("type"),i.meeting("Chat"),o),E(o,i.meeting("chat"),"Chat",s.icons.iconBase+"noun_346319.svg"),C(0,o,i.meeting("chat"))},limit:1,hint:"Add a chat channel for the meeting"},{icon:"noun_17020.svg",maker:function(e){const t=h+"Actions/",a=n.session.store;if(a.holds(f,i.meeting("actions")))return void console.log("Ignored - already have actions");const o=a.sym(t+"config.ttl"),r=a.sym(t+"config.ttl#this"),l=a.sym(t+"state.ttl");a.add(r,i.dc("title"),(a.anyValue(f,i.cal("summary"))||"Meeting ")+" actions",o),a.add(r,i.wf("issueClass"),i.wf("Task"),o),a.add(r,i.wf("initialState"),i.wf("Open"),o),a.add(r,i.wf("stateStore"),l,o),a.add(r,i.wf("assigneeClass"),i.foaf("Person"),o),a.add(r,i.rdf("type"),i.wf("Tracker"),o),a.add(r,i.rdf("type"),i.wf("Tracker"),o),E(r,i.meeting("actions"),"Actions",s.icons.iconBase+"noun_17020.svg"),C(0,r,i.meeting("actions"))},limit:1,hint:"Add a list of action items"},{icon:"noun_260227.svg",maker:function(e){const t=n.session.store,a=l.sym("https://meet.jit.si/"+s.utils.genUuid());if(t.holds(f,i.meeting("videoCallPage")))return void console.log("Ignored - already have a videoCallPage");t.add(a,i.rdf("type"),i.meeting("VideoCallPage"),m);const o=E(a,i.meeting("videoCallPage"),"Video call",s.icons.iconBase+"noun_260227.svg");t.add(o,i.meeting("view"),"iframe",m),x()},limit:1,hint:"Add a video call for the meeting"},{icon:"noun_25830.svg",maker:function(e){s.widgets.askName(t,a,D,i.log("uri"),s.ns.rdf("Resource")).then(function(e){if(!e)return H();const t=n.session.store,a=s.ns,i=t.sym(e),o=E(i,a.wf("attachment"),s.utils.label(i),null);t.add(o,a.meeting("view"),"iframe",m),x()}).catch(function(e){u("Error making new sub-meeting: "+e)})},hint:"Attach meeting materials",disabled:!1},{icon:"noun_123691.svg",maker:function(e){const t=n.session.store,a=s.ns,i=f.dir();if(e.limit&&1===e.limit&&t.holds(f,a.wf("sharingControl")))return void u("Ignored - already have "+s.utils.label(G.predicate));const o=E(i,a.wf("sharingControl"),"Sharing",s.icons.iconBase+"noun_123691.svg");t.add(o,a.meeting("view"),"sharing",m),x()},limit:1,hint:"Control Sharing",disabled:!1},{icon:"noun_66617.svg",maker:function(e){s.widgets.askName(t,a,D,i.foaf("name"),s.ns.meeting("Meeting")).then(function(t){if(!t)return H();const a=encodeURIComponent(t),i={newBase:h+a+"/",predicate:s.ns.meeting("subMeeting"),tabTitle:t,pane:n.session.paneRegistry.byName("meeting")};return N(e,i)}).catch(function(e){u("Error making new sub-meeting: "+e)})},hint:"Make a sub meeting",disabled:!1}],_=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#settings");l.parse('@prefix : <http://www.w3.org/ns/ui#> .\n@prefix f: <#> .\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix cal: <http://www.w3.org/2002/12/cal/ical#>.\n@prefix meeting: <http://www.w3.org/ns/pim/meeting#>.\n@prefix ns: <http://www.w3.org/2006/vcard/ns#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix te: <http://purl.org/dc/terms/> .\n@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n\n f:main a :Form;\n cal:summary "Meeting Details";\n :part f:titleField, f:locationField, f:startField,\n f:endField, f:eventComment, f:colorField .\n\n f:titleField a :SingleLineTextField;\n :maxLength 256;\n :property cal:summary;\n :label "Name of meeting";\n :size 80 .\n\n f:locationField a :SingleLineTextField;\n :maxLength 128;\n :property cal:location;\n :size 40 .\n\n f:startField a :DateField;\n :label "Start";\n :property cal:dtstart .\n\n f:endField a :DateField;\n :label "End";\n :property cal:dtend .\n\n f:colorField a :ColorField;\n :label "Tab color";\n # :default "#ddddcc"^^xsd:color;\n :property ui:backgroundColor .\n\n f:eventComment\n a ui:MultiLineTextField;\n # ui:maxLength\n # "1048";\n # ui:size\n # "40".\n ui:property\n cal:comment.\n\n###################################################\n\nf:settings a :Form;\n dc:title "Tab settings";\n :part f:labelField, f:targetField, f:viewField.\n\n f:labelField a :SingleLineTextField;\n :maxLength 128;\n :property rdfs:label;\n :label "Label on tab";\n :size 40 .\n\n f:targetField a :NamedNodeURIField;\n :maxLength 1024; # Longer?\n :property meeting:target;\n :label "URL of resource";\n :size 80 .\n\n f:colorField2 a :ColorField;\n :label "Tab color";\n # :default "#ddddcc"^^xsd:color;\n :property ui:backgroundColor .\n\n f:viewField a :SingleLineTextField;\n :maxLength 128;\n :property meeting:view;\n :label "View mode (experts only)";\n :size 40 .\n\n#\n',a,_.doc().uri,"text/turtle");const O="padding: 1em; width: 3em; height: 3em;",R=y.appendChild(t.createElement("td")),D=y.appendChild(t.createElement("td")),M=R.appendChild(t.createElement("img"));let j=!1;M.setAttribute("src",s.icons.iconBase+"noun_19460_green.svg"),M.setAttribute("style",O+"opacity: 50%;"),M.setAttribute("title","Add another tool to the meeting");const z=function(e){j=!j,M.setAttribute("style",O+(j?"background-color: yellow;":"")),$(j?"":"display: none;")};let U;c.authn.checkUser().then(e=>{if(e)return w=e,M.addEventListener("click",z),void M.setAttribute("style",O);U=s.login.loginStatusBox(t,e=>{e?(w=a.sym(e),D.removeChild(U),M.addEventListener("click",z),M.setAttribute("style",O)):(console.log("(Logged out)"),w=null)}),U.setAttribute("style","margin: 0.5em 1em;"),D.appendChild(U)});const q=[];for(let e=0;e<I.length;e++)(function(){const n=I[e],a=R.appendChild(t.createElement("img"));a.setAttribute("src",s.icons.iconBase+n.icon),a.setAttribute("style",O+"display: none;"),q.push(a),a.tool=n;const i=n.maker;n.disabled||a.addEventListener("click",function(e){V(a),i(n)})})();const $=function(e){for(let n=0;n<q.length;n++){let t=O+e;I[n].disabled&&(t+="opacity: 0.3;"),q[n].setAttribute("style",t)}},H=function(){$("display: none;"),M.setAttribute("style",O)},V=function(e){$("display: none;"),e.setAttribute("style",O+"background-color: yellow;")},G={dom:t};G.predicate=i.meeting("toolList"),G.subject=e,G.ordered=!0,G.orientation=1,G.renderMain=function(e,o){let r,p=null,h=null;e.innerHTML="";const g=function(n,t){n||(e.textContent=""+t)},b=function(){e.appendChild(t.createElement("h3")).textContent="Details of meeting";const n=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#main");s.widgets.appendForm(document,e,{},f,n,f.doc(),g),e.appendChild(function(){const e=t.createElement("div"),n=e.appendChild(t.createElement("p"));return n.setAttribute("style","margin: 0em; padding:3em; color: #888;"),n.textContent="Tip: Drag URL-bar icons of web pages into the tab bar on the left to add new meeting materials.",e}()),w=c.authn.currentUser(),w&&a.add(f,i.dc("author"),w,m);const o={noun:"meeting",me:w,statusArea:e,div:e,dom:t};s.login.registrationControl(o,f,i.meeting("Meeting")).then(function(e){console.log("Registration control finsished.")}),s.pad.manageParticipation(t,e,m,f,w,{});const r="height: 2em; width: 2em; margin:0.5em;",u=e.appendChild(t.createElement("div")),d=u.appendChild(t.createElement("img"));d.setAttribute("src",s.icons.iconBase+"noun_145978.svg"),d.setAttribute("title","Make a fresh new meeting"),d.addEventListener("click",L),d.setAttribute("style",r);const p=u.appendChild(t.createElement("a"));p.setAttribute("href","https://github.com/solid/solid-panes"),p.setAttribute("target","_blank");const h=p.appendChild(t.createElement("img"));h.setAttribute("src",s.icons.iconBase+"noun_368567.svg"),h.setAttribute("title","Fork me on github"),h.setAttribute("style",r+"opacity: 50%;")};if(a.holds(o,i.rdf("type"),i.meeting("Tool"))){const m=a.any(o,i.meeting("target"));if(m.sameTerm(f)&&!a.any(o,i.meeting("view")))b();else{let g=a.any(o,i.meeting("view"));g=g?g.value:null,"details"===g?b():"peoplePicker"===g?function(){const n={div:e,dom:t};e.appendChild(t.createElement("h4")).textContent="Meeting Participants";const o=function(e){const n=[l.st(f,i.meeting("particpantGroup"),e,f.doc())];a.updater.update([],n,function(n,t,a){t?h=e:u("Cant save participants group: "+a)})};h=a.any(f,i.meeting("particpantGroup")),c.authn.checkUser().then(e=>{e&&d(a.sym(e)).then(function(){const e={defaultNewGroupName:"Meeting Participants",selectedGroup:h};new s.widgets.PeoplePicker(n.div,n.index.private[0],o,e).render()})})}():"iframe"===g?function(n){const a=e.appendChild(t.createElement("iframe"));a.setAttribute("src",n.uri),a.setAttribute("style","border: none; margin: 0; padding: 0; height: 100%; width: 100%;"),a.setAttribute("allow","microphone camera"),a.setAttribute("name","disable-x-frame-options"),e.style.padding=0}(m):(p=g?n.session.paneRegistry.byName(g):null,r=e.appendChild(t.createElement("table")),r.style.width="100%",n.getOutliner(t).GotoSubject(m,!0,p,!1,void 0,r))}}else o.sameTerm(f)?b():(!o.sameTerm(o.doc())||a.holds(o,s.ns.rdf("type"),s.ns.meeting("Chat"))||a.holds(o,s.ns.rdf("type"),s.ns.meeting("PaneView")))&&(r=e.appendChild(t.createElement("table")),n.getOutliner(t).GotoSubject(o,!0,void 0,!1,void 0,r))},G.renderTab=function(e,n){if(a.holds(n,i.rdf("type"),i.meeting("Tool"))){const o=a.any(n,i.meeting("target"));let r=a.any(n,i.rdfs("label"));r=r?r.value:s.utils.label(o);const l=e.appendChild(t.createElement("div"));l.textContent=r,l.setAttribute("style","margin-left: 0.7em");const c=a.any(n,i.meeting("icon"));if(c){const n=e.appendChild(t.createElement("table")).appendChild(t.createElement("tr")),a=n.appendChild(t.createElement("td")),i=n.appendChild(t.createElement("td")),o=a.appendChild(t.createElement("img"));o.setAttribute("src",c.uri),o.setAttribute("style","width: 1.5em; height: 1.5em;"),o.setAttribute("title",r),i.appendChild(l)}else e.appendChild(l)}else e.textContent=s.utils.label(n)},G.renderTabSettings=function(e,n){if(e.innerHTML="",e.style+="border-color: #eed;",e.appendChild(t.createElement("h3")).textContent="Adjust this tab",a.holds(n,i.rdf("type"),i.meeting("Tool"))){const o=l.sym("https://solid.github.io/solid-panes/meeting/meetingDetailsForm.ttl#settings");s.widgets.appendForm(document,e,{},n,o,f.doc(),p),s.widgets.deleteButtonWithCheck(t,e,"tab",function(){const e=a.the(f,i.meeting("toolList"));for(let t=0;t<e.elements.length;t++)if(e.elements[t].sameTerm(n)){e.elements.splice(t,1);break}const t=a.any(n,i.meeting("target")),o=a.statementsMatching(n).concat(a.statementsMatching(void 0,void 0,n)).concat(a.statementsMatching(f,void 0,t));a.remove(o),x()}).setAttribute("style","width: 1.5em; height: 1.5em;")}else e.appendChild(t.createElement("h4")).textContent="(No adjustments available)"},G.backgroundColor=a.anyValue(e,i.ui("backgroundColor"))||"#ddddcc";const W=A.appendChild(s.tabs.tabWidget(G));return s.aclControl.preventBrowserDropEvents(t),s.widgets.makeDropTarget(W.tabContainer,B,S),s.widgets.makeDropTarget(R,B,S),g}};return r})(),e.exports=a(t(9426),t(5491),t(5663))},7598(e,n,t){e.exports=t(1813)},6049(e,n,t){"use strict";var a,i,o=t(7598),r=t(8466).extname,s=t(983),l=/^\s*([^;\s]*)(?:;|\s|$)/,c=/^text\//i;function u(e){if(!e||"string"!=typeof e)return!1;var n=l.exec(e),t=n&&o[n[1].toLowerCase()];return t&&t.charset?t.charset:!(!n||!c.test(n[1]))&&"UTF-8"}function d(e){if(!e||"string"!=typeof e)return!1;var t=l.exec(e),a=t&&n.extensions[t[1].toLowerCase()];return!(!a||!a.length)&&a[0]}function p(e,n,t){return(n?s(n,o[n].source):0)>(t?s(t,o[t].source):0)?n:t}function f(e,t,a){var i=["nginx","apache",void 0,"iana"],r=t?i.indexOf(o[t].source):0,s=a?i.indexOf(o[a].source):0;return"application/octet-stream"!==n.types[d]&&(r>s||r===s&&"application/"===n.types[d]?.slice(0,12))||r>s?t:a}n.charset=u,n.charsets={lookup:u},n.contentType=function(e){if(!e||"string"!=typeof e)return!1;var t=-1===e.indexOf("/")?n.lookup(e):e;if(!t)return!1;if(-1===t.indexOf("charset")){var a=n.charset(t);a&&(t+="; charset="+a.toLowerCase())}return t},n.extension=d,n.extensions=Object.create(null),n.lookup=function(e){if(!e||"string"!=typeof e)return!1;var t=r("x."+e).toLowerCase().slice(1);if(!t)return!1;return n.types[t]||!1},n.types=Object.create(null),n._extensionConflicts=[],a=n.extensions,i=n.types,Object.keys(o).forEach(function(e){var t=o[e].extensions;if(t&&t.length){a[e]=t;for(var r=0;r<t.length;r++){var s=t[r];i[s]=p(s,i[s],e);const a=f(s,i[s],e);a!==i[s]&&n._extensionConflicts.push([s,a,i[s]])}}})},983(e){var n={"prs.":100,"x-":200,"x.":300,"vnd.":400,default:900},t={nginx:10,apache:20,iana:40,default:30},a={application:1,font:2,audio:2,video:3,default:0};e.exports=function(e,i="default"){if("application/octet-stream"===e)return 0;const[o,r]=e.split("/"),s=r.replace(/(\.|x-).*/,"$1");return(n[s]||n.default)+(t[i]||t.default)+(a[o]||a.default)+(1-e.length/100)}},4059(e){const n=e.exports={};n.list=[],n.paneForIcon=[],n.paneForPredicate=[],n.register=function(e,t){if(e.requireQueryButton=t,e.name)if(console.log(" registering pane: "+e.name),e.label){if(n.list.push(e),e.name in n||(n[e.name]=e),e.icon&&(n.paneForIcon[e.icon]=e),e.predicates)for(const t in e.predicates)n.paneForPredicate[t]={pred:t,code:e.predicates[t]}}else console.log("*** No label for pane!");else console.log("*** No name for pane!")},n.byName=function(e){for(let t=0;t<n.list.length;t++)if(n.list[t].name===e)return n.list[t];return console.warn(`No view with name ${e} found in the registry of views (aka paneRegistry)`),null}},5956(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CVCard=void 0;var a=t(6752);t(8481);function i(e,n=!1){return e&&e.length&&e[0]?a.html`${function(e,n=!1){return e&&n?a.html`
2
2
  <li class="cvRole" role="listitem">
3
3
  <strong class="cvOrg" aria-label="Organization">${e.orgName}</strong>
4
4
  <span aria-label="Role title">${s(e.roleText)}</span>