contacts-pane 3.1.0 → 3.2.0

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 (12) hide show
  1. package/dist/contactsPane.js +293 -164
  2. package/dist/contactsPane.js.map +1 -1
  3. package/dist/contactsPane.min.js +1 -1
  4. package/dist/contactsPane.min.js.map +1 -1
  5. package/dist/styles/contactsPane.css +60 -42
  6. package/dist/styles/contactsRDFFormsEnforced.css +11 -11
  7. package/dist/styles/groupMembership.css +8 -8
  8. package/dist/styles/localUtils.css +1 -1
  9. package/dist/styles/mugshotGallery.css +1 -1
  10. package/dist/styles/utilities.css +2 -61
  11. package/dist/styles/webidControl.css +162 -0
  12. package/package.json +4 -1
package/dist/contactsPane.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("solid-logic"),require("solid-ui"),require("rdflib")):"function"==typeof define&&define.amd?define(["solid-logic","solid-ui","rdflib"],e):"object"==typeof exports?exports.ContactsPane=e(require("solid-logic"),require("solid-ui"),require("rdflib")):n.ContactsPane=e(n.SolidLogic,n.UI,n.$rdf)}(globalThis,(n,e,t)=>(()=>{"use strict";var a={903(n,e,t){t.d(e,{A:()=>A});var a=t(354),o=t.n(a),r=t(314),i=t.n(r),s=t(417),d=t.n(s),l=new URL(t(102),t.b),c=i()(o()),p=d()(l);c.push([n.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.contactPane .addressBookSection {\n display: flex;\n flex-direction: column;\n align-items: stretch;\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 flex: 1 1 auto;\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(${p});\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 align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a {\n margin: 0.3em;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n.contact-toolbar .deleteButton {\n margin-left: auto; /* keeps delete icon on the right */\n margin-right: 0.2em;\n width: 1em;\n height: 1em;\n float: none; /* important: prevents overlap behavior */\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/* ── 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@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.contactPane .contactPane--narrow .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: wrap !important;\n}\n\n.contactPane .contactPane--narrow .addressBookSection,\n.contactPane .contactPane--narrow .detailSection {\n flex: 1 1 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n width: 100% !important;\n}\n\n@media (max-width: 1000px) {\n /* Stack sidebar + details vertically on narrow screens */\n .contactPane {\n min-height: auto !important;\n }\n\n .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-height: auto !important;\n height: auto !important;\n }\n\n .contactPane .addressBookSection,\n .contactPane .detailSection {\n order: initial !important;\n flex: none !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .contactPane .addressBookSection {\n max-height: 60vh !important;\n min-height: auto !important;\n overflow-y: auto !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .contactPane .detailSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailsSectionContent {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: stretch !important;\n min-height: auto !important;\n height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailSection > .detailsSectionContent {\n padding-top: var(--spacing-sm) !important;\n box-sizing: border-box !important;\n }\n\n /* Keep a normal mobile text scale while preserving comfortable touch targets */\n .contactPane,\n .contactPane * {\n font-size: 1.5rem !important;\n }\n\n .contactPane .actionButton,\n .contactPane .searchInput,\n .contactPane .flatButton,\n .contactPane .buttonSection button,\n .contactPane .groupButtonsList button {\n min-height: calc(var(--min-touch-target) + 0.5em) !important;\n font-size: 1.5rem !important;\n padding: 0.875em 1em !important;\n }\n\n .contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide, .contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"],\n .individualPane .hoverControl img.hoverControlHide, \n .individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\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/* Keep detail section content anchored at top */\n.contactPane .detailSection {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n.contactPane .detailsSectionContent {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\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: auto;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-xs);\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: auto;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li > img.hoverControlHide,\n.contactPane .detailsSectionContent .groupButtonsList li > img[data-testid="deleteButtonWithCheck"] {\n display: block;\n align-self: flex-end;\n float: none !important;\n margin: 0 !important;\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 div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\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 position: absolute !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\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;;EAEE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,WAAW,EAAE,wCAAwC;EACrD,gBAAgB;EAChB,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;EACE,cAAc;EACd,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,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA;EACE,iBAAiB,EAAE,mCAAmC;EACtD,mBAAmB;EACnB,UAAU;EACV,WAAW;EACX,WAAW,EAAE,yCAAyC;AACxD;;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,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;IACE,gBAAgB;EAClB;EACA;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;AAC5B;;AAEA;;EAEE,yBAAyB;EACzB,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA;EACE,yDAAyD;EACzD;IACE,2BAA2B;EAC7B;;EAEA;IACE,iCAAiC;IACjC,4BAA4B;IAC5B,2BAA2B;IAC3B,uBAAuB;EACzB;;EAEA;;IAEE,yBAAyB;IACzB,qBAAqB;IACrB,sBAAsB;IACtB,0BAA0B;IAC1B,uBAAuB;EACzB;;EAEA;IACE,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,4CAA4C;EAC9C;;EAEA;IACE,2BAA2B;IAC3B,2BAA2B;IAC3B,8BAA8B;EAChC;;EAEA;IACE,wBAAwB;IACxB,iCAAiC;IACjC,sCAAsC;IACtC,+BAA+B;IAC/B,2BAA2B;IAC3B,uBAAuB;IACvB,8BAA8B;EAChC;;EAEA;IACE,yCAAyC;IACzC,iCAAiC;EACnC;;EAEA,+EAA+E;EAC/E;;IAEE,4BAA4B;EAC9B;;EAEA;;;;;IAKE,4DAA4D;IAC5D,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;;;IAGE,+BAA+B;IAC/B,8BAA8B;IAC9B,qBAAqB;EACvB;AACF;;;AAGA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA,gDAAgD;AAChD;EACE,aAAa;EACb,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;AACtB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;AACtB;;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,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;AAC3B;;AAEA;;EAEE,cAAc;EACd,oBAAoB;EACpB,sBAAsB;EACtB,oBAAoB;AACtB;;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;EACE,2BAA2B;AAC7B;;;AAGA;;;EAGE,6BAA6B;EAC7B,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,0BAA0B;EAC1B,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA;;;EAGE,wCAAwC;AAC1C;;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.contactPane .addressBookSection {\n display: flex;\n flex-direction: column;\n align-items: stretch;\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 flex: 1 1 auto;\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 align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a {\n margin: 0.3em;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n.contact-toolbar .deleteButton {\n margin-left: auto; /* keeps delete icon on the right */\n margin-right: 0.2em;\n width: 1em;\n height: 1em;\n float: none; /* important: prevents overlap behavior */\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/* ── 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@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.contactPane .contactPane--narrow .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: wrap !important;\n}\n\n.contactPane .contactPane--narrow .addressBookSection,\n.contactPane .contactPane--narrow .detailSection {\n flex: 1 1 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n width: 100% !important;\n}\n\n@media (max-width: 1000px) {\n /* Stack sidebar + details vertically on narrow screens */\n .contactPane {\n min-height: auto !important;\n }\n\n .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-height: auto !important;\n height: auto !important;\n }\n\n .contactPane .addressBookSection,\n .contactPane .detailSection {\n order: initial !important;\n flex: none !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .contactPane .addressBookSection {\n max-height: 60vh !important;\n min-height: auto !important;\n overflow-y: auto !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .contactPane .detailSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailsSectionContent {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: stretch !important;\n min-height: auto !important;\n height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailSection > .detailsSectionContent {\n padding-top: var(--spacing-sm) !important;\n box-sizing: border-box !important;\n }\n\n /* Keep a normal mobile text scale while preserving comfortable touch targets */\n .contactPane,\n .contactPane * {\n font-size: 1.5rem !important;\n }\n\n .contactPane .actionButton,\n .contactPane .searchInput,\n .contactPane .flatButton,\n .contactPane .buttonSection button,\n .contactPane .groupButtonsList button {\n min-height: calc(var(--min-touch-target) + 0.5em) !important;\n font-size: 1.5rem !important;\n padding: 0.875em 1em !important;\n }\n\n .contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide, .contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"],\n .individualPane .hoverControl img.hoverControlHide, \n .individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\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/* Keep detail section content anchored at top */\n.contactPane .detailSection {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n.contactPane .detailsSectionContent {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\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: auto;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-xs);\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: auto;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li > img.hoverControlHide,\n.contactPane .detailsSectionContent .groupButtonsList li > img[data-testid="deleteButtonWithCheck"] {\n display: block;\n align-self: flex-end;\n float: none !important;\n margin: 0 !important;\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 div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\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 position: absolute !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\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 A=c},686(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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,\n.contactPane .hoverControl {\n position: relative;\n}\n\n/* In contactPane, hover controls in table cells may contain a link + delete icon.\n Make the cell grow and keep the delete icon right-aligned (no overlap). */\n.contactPane td.hoverControl:has(> a) {\n width: auto !important;\n min-width: 4em !important;\n justify-content: space-between !important;\n}\n\n.contactPane td.hoverControl:has(> a) > a {\n flex: 1 1 auto;\n min-width: 0;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: normal;\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: var(--spacing-btn) !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 .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: var(--spacing-xxs);\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: var(--spacing-xxs);\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: var(--color-section-bg) !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transition: background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Ensure certain icon images render at a consistent size and align nicely when adjacent. */\n.contactPane img[src$="red.svg"],\n.contactPane img[src$="go-to-this.png"],\n.individualPane img[src$="red.svg"],\n.individualPane img[src$="go-to-this.png"] {\n width: 1.2em !important;\n height: 1.2em !important;\n max-width: none !important;\n max-height: none !important;\n object-fit: contain;\n display: inline-block;\n vertical-align: middle;\n}\n\n/* If the SVG button is inside a statsLog wrapper, add pink background to the button only. */\n.individualPane .statsLog button:has(> img[src$=".svg"]),\n.contactPane .statsLog button:has(> img[src$=".svg"]) {\n background-color: var(--color-info-bg) !important;\n border: initial !important;\n margin: initial !important;\n border-radius: initial !important;\n}\n\n/* Hide the “Continue” icon button that Solid-UI sometimes renders below textareas. */\n.individualPane button:has(> img[title="Continue"]),\n.contactPane button:has(> img[title="Continue"]) {\n display: none !important;\n}\n\n.contactPane .detailSection .detailsSectionContent button:has(> img[title="Continue"]),\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n display: inline-flex !important;\n}\n\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n width: 2em !important;\n height: 2em !important;\n}\n\n/* Allow “Continue” buttons inside contactFormContainer to be visible. */\n.individualPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.contactPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.individualPane .contactFormContainer button:has(> img[title="Continue"]),\n.contactPane .contactFormContainer button:has(> img[title="Continue"]) {\n display: inline-flex !important;\n}\n\n/* Exception: allow “Continue” buttons inside statsLog to remain visible. */\n.individualPane .statsLog button:has(> img[title="Continue"]),\n.contactPane .statsLog button:has(> img[title="Continue"]),\n.individualPane .webidControl button:has(> img[title="Continue"]),\n.contactPane .webidControl button:has(> img[title="Continue"]){\n display: inline-flex !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 width: 99%;\n max-width: 99%;\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 margin-left: 0 !important;\n margin-right: 0 !important;\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: var(--border-radius-sm) !important;\n border: var(--border-width-xthin) solid var(--color-border-accent) !important;\n width: 99%;\n max-width: 99%;\n box-sizing: border-box;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n margin: 0 !important;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding: var(--spacing-xs) !important;\n}\n\n.individualPane select,\n.contactPane select {\n max-width: 99%;\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 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: 99%;\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: 99% !important;\n max-width: 99%;\n}\n\n/* Email and phone value inputs: do not stretch full width */\n.individualPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]),\n.contactPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]) {\n width: 98% !important;\n max-width: 98%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 99%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 99%;\n max-width: 98%;\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: var(--spacing-xxs);\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: var(--spacing-xxs);\n width: 8em;\n padding: var(--spacing-xxs);\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/* 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: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: var(--opacity-input-disabled);\n border: var(--border-width-xthin) solid var(--color-background) !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/* Delete pop up */\n/* Remove the intermediate positioned ancestor so the popup anchors to .hoverControl instead */\n.individualPane div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n.individualPane div[style*="position: relative"] > div[style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.individualPane .hoverControl img.hoverControlHide,\n.individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n position: absolute !important;\n right: var(--spacing-xxxs) !important;\n width: 1.5em !important;\n height: 1.5em !important;\n display: none !important;\n align-items: center;\n justify-content: center;\n margin: 0 !important;\n float: none !important;\n z-index: 2 !important;\n}\n\n/* Show delete icon only on hover */\n.individualPane .hoverControl:hover img.hoverControlHide,\n.individualPane .hoverControl:hover [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n}\n\n/* If the hoverControl has exactly one div + the delete icon, keep the icon vertically centered but right-aligned */\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > img.hoverControlHide,\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > [data-testid="deleteButtonWithCheck"] {\n top: 50% !important;\n right: var(--spacing-xxxs) !important;\n left: auto !important;\n transform: translateY(-50%) !important;\n}',"",{version:3,sources:["webpack://./src/styles/contactsRDFFormsEnforced.css"],names:[],mappings:"AAAA,kBAAkB;;AAElB,4DAA4D;AAC5D;;EAEE,mBAAmB;EACnB,aAAa;AACf;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;EAEE,kBAAkB;AACpB;;AAEA;4EAC4E;AAC5E;EACE,sBAAsB;EACtB,yBAAyB;EACzB,yCAAyC;AAC3C;;AAEA;EACE,cAAc;EACd,YAAY;EACZ,uBAAuB;EACvB,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,sCAAsC;EACtC,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;EACnB,+BAA+B;AACjC;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,oDAAoD;AACtD;;AAEA;;EAEE,oDAAoD;EACpD,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,2BAA2B;EAC3B,4DAA4D;AAC9D;;AAEA,2FAA2F;AAC3F;;;;EAIE,uBAAuB;EACvB,wBAAwB;EACxB,0BAA0B;EAC1B,2BAA2B;EAC3B,mBAAmB;EACnB,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA,4FAA4F;AAC5F;;EAEE,iDAAiD;EACjD,0BAA0B;EAC1B,0BAA0B;EAC1B,iCAAiC;AACnC;;AAEA,qFAAqF;AACrF;;EAEE,wBAAwB;AAC1B;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA,wEAAwE;AACxE;;;;EAIE,+BAA+B;AACjC;;AAEA,2EAA2E;AAC3E;;;;EAIE,+BAA+B;AACjC;;AAEA;;EAEE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;EAEE,UAAU;EACV,cAAc;EACd,YAAY;EACZ,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;EAC1C,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;EAIE,gBAAgB;EAChB,wBAAwB;EACxB,iDAAiD;EACjD,6EAA6E;EAC7E,UAAU;EACV,cAAc;EACd,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,oBAAoB;EACpB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;EAC1B,qCAAqC;AACvC;;AAEA;;EAEE,cAAc;EACd,YAAY;EACZ,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;;;;;;;;;;EAUE,mCAAmC;AACrC;;AAEA;;;;;;;;;;EAUE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;;EAEE,UAAU;AACZ;;AAEA;;EAEE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;;EAEE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;EAEE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;;EAEE,YAAY;AACd;;AAEA;;;;EAIE,qBAAqB;EACrB,cAAc;AAChB;;AAEA,4DAA4D;AAC5D;;EAEE,qBAAqB;EACrB,cAAc;AAChB;;AAEA;;EAEE,UAAU;EACV,qBAAqB;EACrB,0BAA0B;AAC5B;;AAEA;;EAEE,UAAU;EACV,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,gCAAgC;AAClC;;AAEA;;EAEE,6BAA6B;AAC/B;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;;EAEE,eAAe;EACf,gCAAgC;EAChC,UAAU;EACV,2BAA2B;EAC3B,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,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;;;;;;;;;;;;;;EAcE,oDAAoD;EACpD,mBAAmB;EACnB,sCAAsC;EACtC,0EAA0E;AAC5E;;AAEA;EACE,uBAAuB;AACzB;;AAEA,uEAAuE;AACvE,gFAAgF;AAChF;wEACwE;;AAExE,mFAAmF;;AAEnF,kBAAkB;AAClB,8FAA8F;AAC9F;EACE,2BAA2B;AAC7B;;AAEA;EACE,gDAAgD;EAChD,6BAA6B;EAC7B,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA;;EAEE,6BAA6B;EAC7B,qCAAqC;EACrC,uBAAuB;EACvB,wBAAwB;EACxB,wBAAwB;EACxB,mBAAmB;EACnB,uBAAuB;EACvB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;AACvB;;AAEA,mCAAmC;AACnC;;EAEE,+BAA+B;AACjC;;AAEA,mHAAmH;AACnH;;EAEE,mBAAmB;EACnB,qCAAqC;EACrC,qBAAqB;EACrB,sCAAsC;AACxC",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,\n.contactPane .hoverControl {\n position: relative;\n}\n\n/* In contactPane, hover controls in table cells may contain a link + delete icon.\n Make the cell grow and keep the delete icon right-aligned (no overlap). */\n.contactPane td.hoverControl:has(> a) {\n width: auto !important;\n min-width: 4em !important;\n justify-content: space-between !important;\n}\n\n.contactPane td.hoverControl:has(> a) > a {\n flex: 1 1 auto;\n min-width: 0;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: normal;\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: var(--spacing-btn) !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 .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: var(--spacing-xxs);\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: var(--spacing-xxs);\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: var(--color-section-bg) !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transition: background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Ensure certain icon images render at a consistent size and align nicely when adjacent. */\n.contactPane img[src$="red.svg"],\n.contactPane img[src$="go-to-this.png"],\n.individualPane img[src$="red.svg"],\n.individualPane img[src$="go-to-this.png"] {\n width: 1.2em !important;\n height: 1.2em !important;\n max-width: none !important;\n max-height: none !important;\n object-fit: contain;\n display: inline-block;\n vertical-align: middle;\n}\n\n/* If the SVG button is inside a statsLog wrapper, add pink background to the button only. */\n.individualPane .statsLog button:has(> img[src$=".svg"]),\n.contactPane .statsLog button:has(> img[src$=".svg"]) {\n background-color: var(--color-info-bg) !important;\n border: initial !important;\n margin: initial !important;\n border-radius: initial !important;\n}\n\n/* Hide the “Continue” icon button that Solid-UI sometimes renders below textareas. */\n.individualPane button:has(> img[title="Continue"]),\n.contactPane button:has(> img[title="Continue"]) {\n display: none !important;\n}\n\n.contactPane .detailSection .detailsSectionContent button:has(> img[title="Continue"]),\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n display: inline-flex !important;\n}\n\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n width: 2em !important;\n height: 2em !important;\n}\n\n/* Allow “Continue” buttons inside contactFormContainer to be visible. */\n.individualPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.contactPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.individualPane .contactFormContainer button:has(> img[title="Continue"]),\n.contactPane .contactFormContainer button:has(> img[title="Continue"]) {\n display: inline-flex !important;\n}\n\n/* Exception: allow “Continue” buttons inside statsLog to remain visible. */\n.individualPane .statsLog button:has(> img[title="Continue"]),\n.contactPane .statsLog button:has(> img[title="Continue"]),\n.individualPane .webidControl button:has(> img[title="Continue"]),\n.contactPane .webidControl button:has(> img[title="Continue"]){\n display: inline-flex !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 width: 99%;\n max-width: 99%;\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 margin-left: 0 !important;\n margin-right: 0 !important;\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: var(--border-radius-sm) !important;\n border: var(--border-width-xthin) solid var(--color-border-accent) !important;\n width: 99%;\n max-width: 99%;\n box-sizing: border-box;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n margin: 0 !important;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding: var(--spacing-xs) !important;\n}\n\n.individualPane select,\n.contactPane select {\n max-width: 99%;\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 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: 99%;\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: 99% !important;\n max-width: 99%;\n}\n\n/* Email and phone value inputs: do not stretch full width */\n.individualPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]),\n.contactPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]) {\n width: 98% !important;\n max-width: 98%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 99%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 99%;\n max-width: 98%;\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: var(--spacing-xxs);\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: var(--spacing-xxs);\n width: 8em;\n padding: var(--spacing-xxs);\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/* 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: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: var(--opacity-input-disabled);\n border: var(--border-width-xthin) solid var(--color-background) !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/* Delete pop up */\n/* Remove the intermediate positioned ancestor so the popup anchors to .hoverControl instead */\n.individualPane div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n.individualPane div[style*="position: relative"] > div[style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.individualPane .hoverControl img.hoverControlHide,\n.individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n position: absolute !important;\n right: var(--spacing-xxxs) !important;\n width: 1.5em !important;\n height: 1.5em !important;\n display: none !important;\n align-items: center;\n justify-content: center;\n margin: 0 !important;\n float: none !important;\n z-index: 2 !important;\n}\n\n/* Show delete icon only on hover */\n.individualPane .hoverControl:hover img.hoverControlHide,\n.individualPane .hoverControl:hover [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n}\n\n/* If the hoverControl has exactly one div + the delete icon, keep the icon vertically centered but right-aligned */\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > img.hoverControlHide,\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > [data-testid="deleteButtonWithCheck"] {\n top: 50% !important;\n right: var(--spacing-xxxs) !important;\n left: auto !important;\n transform: translateY(-50%) !important;\n}'],sourceRoot:""}]);const s=i},93(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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 !important;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\n gap: var(--spacing-sm) !important;\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100% !important;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content !important;\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-item .group-membership-toolbar {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a {\n margin: 0.3em;\n margin-left: 1em;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* Cancel float:right and any absolute positioning injected by solid-ui */\n.contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"] {\n float: none !important;\n display: inline-flex !important;\n visibility: hidden !important;\n margin: 0 !important;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar:hover > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar:hover > [data-testid="deleteButtonWithCheck"] {\n visibility: visible !important;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: min(90vw, 440px) !important;\n min-width: 280px !important;\n max-width: 90vw !important;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n min-width: 280px !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: var(--box-shadow-overlay);\n z-index: 1001;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr) !important;\n gap: var(--spacing-xs) !important;\n max-width: 100% !important;\n }\n\n .contactPane .group-membership-item .group-membership-item > button {\n font-size: var(--font-size-sm) !important;\n border-radius: var(--border-radius-base) !important;\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr) !important;\n gap: var(--spacing-sm) !important;\n }\n}\n',"",{version:3,sources:["webpack://./src/styles/groupMembership.css"],names:[],mappings:"AAAA,iEAAiE;;AAEjE;EACE,4BAA4B;AAC9B;;AAEA,kEAAkE;AAClE;EACE,wBAAwB;EACxB,sEAAsE;EACtE,iCAAiC;EACjC,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;AAC/B;;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,mBAAmB;EACnB,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,SAAS;AACX;;AAEA,yEAAyE;AACzE;;EAEE,sBAAsB;EACtB,+BAA+B;EAC/B,6BAA6B;EAC7B,oBAAoB;AACtB;;AAEA;;EAEE,8BAA8B;AAChC;;AAEA;EACE,6BAA6B;EAC7B,iBAAiB;EACjB,oBAAoB;EACpB,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,0BAA0B;EAC1B,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,oBAAoB;EACpB,2BAA2B;EAC3B,mCAAmC;EACnC,wCAAwC;EACxC,0BAA0B;EAC1B,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE;IACE,gDAAgD;IAChD,iCAAiC;IACjC,0BAA0B;EAC5B;;EAEA;IACE,yCAAyC;IACzC,mDAAmD;EACrD;AACF;;AAEA;EACE;IACE,gDAAgD;IAChD,iCAAiC;EACnC;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 !important;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\n gap: var(--spacing-sm) !important;\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100% !important;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content !important;\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-item .group-membership-toolbar {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a {\n margin: 0.3em;\n margin-left: 1em;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a img {\n width: 1.3em;\n height: 1em;\n margin: 0;\n}\n\n/* Cancel float:right and any absolute positioning injected by solid-ui */\n.contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"] {\n float: none !important;\n display: inline-flex !important;\n visibility: hidden !important;\n margin: 0 !important;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar:hover > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar:hover > [data-testid="deleteButtonWithCheck"] {\n visibility: visible !important;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: min(90vw, 440px) !important;\n min-width: 280px !important;\n max-width: 90vw !important;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n min-width: 280px !important;\n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: var(--box-shadow-overlay);\n z-index: 1001;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr) !important;\n gap: var(--spacing-xs) !important;\n max-width: 100% !important;\n }\n\n .contactPane .group-membership-item .group-membership-item > button {\n font-size: var(--font-size-sm) !important;\n border-radius: var(--border-radius-base) !important;\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr) !important;\n gap: var(--spacing-sm) !important;\n }\n}\n'],sourceRoot:""}]);const s=i},479(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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=i},546(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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: var(--overlay-bg);\n display: flex;\n justify-content: center;\n align-items: center;\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: var(--box-shadow-modal);\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:disabled {\n opacity: var(--opacity-disabled);\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,6BAA6B;EAC7B,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,cAAc;EACd,mCAAmC;AACrC;;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,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: var(--overlay-bg);\n display: flex;\n justify-content: center;\n align-items: center;\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: var(--box-shadow-modal);\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:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n transform: none;\n}\n"],sourceRoot:""}]);const s=i},715(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\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;;AAEA;EACE,oDAAoD;EACpD,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B",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\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n'],sourceRoot:""}]);const s=i},295(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.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--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;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--error {\n background-color: var(--color-error);\n}\n\n.contactPane .toolsButton--success {\n background-color: var(--color-primary);\n}\n"],sourceRoot:""}]);const s=i},92(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.id,"/* Shared utility variables for component styles.\n These are kept here (instead of in dev-global.css) so they can be\n bundled with component styles and reused consistently across the app.\n*/\n\n/* Utility helper classes */\n.hidden {\n display: none !important;\n}\n\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: var(--color-background);\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: var(--box-shadow-hover);\n}\n\n.btn-primary:active {\n box-shadow: var(--box-shadow-active);\n}\n\n.btn-primary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n transform: none;\n}\n\n.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.btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\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), var(--box-shadow-focus) !important;\n z-index: 1;\n}\n","",{version:3,sources:["webpack://./src/styles/utilities.css"],names:[],mappings:"AAAA;;;CAGC;;AAED,2BAA2B;AAC3B;EACE,wBAAwB;AAC1B;;AAEA;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,mCAAmC;AACrC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,gCAAgC;EAChC,mBAAmB;EACnB,eAAe;AACjB;;AAEA;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;;EAEE,kDAAkD;EAClD,8BAA8B;EAC9B,iFAAiF;EACjF,UAAU;AACZ",sourcesContent:["/* Shared utility variables for component styles.\n These are kept here (instead of in dev-global.css) so they can be\n bundled with component styles and reused consistently across the app.\n*/\n\n/* Utility helper classes */\n.hidden {\n display: none !important;\n}\n\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: var(--color-background);\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: var(--box-shadow-hover);\n}\n\n.btn-primary:active {\n box-shadow: var(--box-shadow-active);\n}\n\n.btn-primary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n transform: none;\n}\n\n.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.btn-secondary:hover {\n background: color-mix(in srgb, var(--color-secondary) 85%, black);\n}\n\n.btn-secondary:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\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), var(--box-shadow-focus) !important;\n z-index: 1;\n}\n"],sourceRoot:""}]);const s=i},886(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),r=t(314),i=t.n(r)()(o());i.push([n.id,'/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: var(--border-width-sm) 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.contactPane .personaRow--webid td,\n.contactPane .personaRow--webid button,\n.contactPane .personaRow--webid button:hover,\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child),\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child):hover,\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child),\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child):hover {\n background-color: var(--color-info-bg) !important;\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/* hoverControl layout overrides are now enforced in contactsRDFFormsEnforced.css */\n\n/* ── Delete confirmation popup in webidControl ───────────────── */\n\n/* Remove intermediate positioned ancestor so popup anchors to .hoverControl */\n.contactPane .webidControl div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n/* Position the popup absolutely so it never participates in the flex row */\n.contactPane .webidControl div[style*="position: relative"] > div[style*="display: grid"] {\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .contactPanedHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\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 .collapsed {\n visibility: collapse;\n}\n',"",{version:3,sources:["webpack://./src/styles/webidControl.css"],names:[],mappings:"AAAA,mEAAmE;AACnE;EACE,4DAA4D;EAC5D,wCAAwC;AAC1C;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;AAC5B;;AAEA;;;;;;;;EAQE,iDAAiD;AACnD;;AAEA,mEAAmE;;AAEnE;EACE,WAAW;AACb;;AAEA,mEAAmE;;AAEnE;EACE,YAAY;EACZ,6BAA6B;EAC7B,YAAY;AACd;;AAEA,mFAAmF;;AAEnF,mEAAmE;;AAEnE,8EAA8E;AAC9E;EACE,2BAA2B;AAC7B;;AAEA,2EAA2E;AAC3E;EACE,6BAA6B;EAC7B,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,0BAA0B;EAC1B,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,iBAAiB;EACjB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;EAC1B,YAAY;EACZ,gCAAgC;EAChC,qBAAqB;AACvB;;AAEA,mEAAmE;;AAEnE;EACE,oBAAoB;AACtB",sourcesContent:['/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: var(--border-width-sm) 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.contactPane .personaRow--webid td,\n.contactPane .personaRow--webid button,\n.contactPane .personaRow--webid button:hover,\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child),\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child):hover,\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child),\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child):hover {\n background-color: var(--color-info-bg) !important;\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/* hoverControl layout overrides are now enforced in contactsRDFFormsEnforced.css */\n\n/* ── Delete confirmation popup in webidControl ───────────────── */\n\n/* Remove intermediate positioned ancestor so popup anchors to .hoverControl */\n.contactPane .webidControl div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n/* Position the popup absolutely so it never participates in the flex row */\n.contactPane .webidControl div[style*="position: relative"] > div[style*="display: grid"] {\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .contactPanedHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\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 .collapsed {\n visibility: collapse;\n}\n'],sourceRoot:""}]);const s=i},314(n){n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t="",a=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},e.i=function(n,t,a,o,r){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(a)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(i[d]=!0)}for(var l=0;l<n.length;l++){var c=[].concat(n[l]);a&&i[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),o&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=o):c[4]="".concat(o)),e.push(c))}},e}},417(n){n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354(n){n.exports=function(n){var e=n[1],t=n[3];if(!t)return e;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),r="/*# ".concat(o," */");return[e].concat([r]).join("\n")}return[e].join("\n")}},72(n){var e=[];function t(n){for(var t=-1,a=0;a<e.length;a++)if(e[a].identifier===n){t=a;break}return t}function a(n,a){for(var r={},i=[],s=0;s<n.length;s++){var d=n[s],l=a.base?d[0]+a.base:d[0],c=r[l]||0,p="".concat(l," ").concat(c);r[l]=c+1;var A=t(p),u={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==A)e[A].references++,e[A].updater(u);else{var m=o(u,a);a.byIndex=s,e.splice(s,0,{identifier:p,updater:m,references:1})}i.push(p)}return i}function o(n,e){var t=e.domAPI(e);t.update(n);return function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,o){var r=a(n=n||[],o=o||{});return function(n){n=n||[];for(var i=0;i<r.length;i++){var s=t(r[i]);e[s].references--}for(var d=a(n,o),l=0;l<r.length;l++){var c=t(r[l]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}r=d}}},659(n){var e={};n.exports=function(n,t){var a=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);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(n){n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},56(n,e,t){n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},825(n){n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,o&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var r=t.sourceMap;r&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleTagTransform(a,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},113(n){n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},102(n){n.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(n){n.exports=t},941(e){e.exports=n},104(n){n.exports=e}},o={};function r(n){var e=o[n];if(void 0!==e)return e.exports;var t=o[n]={id:n,exports:{}};return a[n](t,t.exports,r),t.exports}r.m=a,r.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return r.d(e,{a:e}),e},r.d=(n,e)=>{for(var t in e)r.o(e,t)&&!r.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},r.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),r.b="undefined"!=typeof document&&document.baseURI||self.location.href,r.nc=void 0;var i={};r.d(i,{default:()=>qe});var s=r(941),d=r(104),l=r(53),c=r(72),p=r.n(c),A=r(825),u=r.n(A),m=r(659),h=r.n(m),f=r(56),g=r.n(f),w=r(540),b=r.n(w),C=r(113),v=r.n(C),B=r(886),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=h().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();p()(B.A,y);B.A&&B.A.locals&&B.A.locals;function E(...n){console.log(...n)}function x(...n){console.warn(...n)}function P(...n){console.error(...n)}const k=d.ns,D=d.widgets,L=d.utils,S=s.store,F=D.publicData.wikidataClasses,T=D.publicData.wikidataParameters,j="WebID",O="WikiData link",I=d.icons.iconBase+"noun_1369241.svg",z=d.icons.iconBase+"noun_1369237.svg";function G(n,e){const t=N(n,e).concat(function(n,e,t){const a=new Set,o=new Set([e.uri]);for(;o.size;){const e=Array.from(o)[0];if(o.delete(e),a.has(e))continue;a.add(e);const r=n.sym(e);n.each(r,k.owl("sameAs"),null,t).concat(n.each(null,k.owl("sameAs"),r,t)).forEach(n=>{E(" OWL sameAs found "+n),o.add(n.uri)}),n.each(r,k.schema("sameAs"),null,t).concat(n.each(null,k.schema("sameAs"),r,t)).forEach(n=>{E(" Schema sameAs found "+n),o.add(n.uri)})}return a.delete(e.uri),Array.from(a).map(e=>n.sym(e))}(n,e,e.doc())),a=[...new Set(t.map(n=>n.value))].map(e=>n.sym(e));return a.sort(),a.filter(n=>!n.sameTerm(e)),a}function N(n,e,t){return n.each(e,k.vcard("url"),null,e.doc()).filter(a=>n.holds(a,k.rdf("type"),t,e.doc())).map(t=>n.any(t,k.vcard("value"),null,e.doc())).filter(n=>!!n)}function M(n){const e=n.doc();return S.holds(n,k.rdf("type"),k.vcard("Organization"),e)||S.holds(n,k.rdf("type"),k.schema("Organization"),e)}async function q(n,e,t){function a(a,r,i){const s=a.createElement("div");s.classList.add("fullWidth");const c=s.appendChild(a.createElement("table"));c.classList.add("fullWidth");const p=c.appendChild(function(e){const r=new l.Literal(e.uri),c=t.urlType.sameTerm(k.vcard("WebID")),p=t.editable?async function(){try{await async function(n,e,t,a){E(`Removing from ${n} their ${j}: ${e}.`);const o=a.each(n,k.vcard("url"),null,n.doc()).filter(e=>a.holds(e,k.rdf("type"),t,n.doc())).filter(t=>a.holds(t,k.vcard("value"),e,n.doc()));if(!o.length)throw new Error(`Person ${n} does not have ${j} ${e}.`);const r=o[0],i=[l.st(n,k.vcard("url"),r,n.doc()),l.st(r,k.rdf("type"),t,n.doc()),l.st(r,k.vcard("value"),e,n.doc())];await a.updater.update(i,[]);const s=a.each(null,k.vcard("hasMember"),a.sym(e));let d=[];const c=[];s.forEach(async t=>{d=d.concat(a.statementsMatching(a.sym(e),k.owl("sameAs"),n,t.doc())),c.push(l.st(t,k.vcard("hasMember"),n,t.doc())),a.statementsMatching(a.sym(e),k.owl("sameAs"),null,t.doc()).length<2&&(d=d.concat(a.statementsMatching(t,k.vcard("hasMember"),a.sym(e),t.doc())))}),await un(d,c)}(n,r,t.urlType,i)}catch(e){P(`Error removing Id ${r} from ${n}: ${e}`),s.appendChild(D.errorMessageBlock(a,"Error removing WebId from profile. If it persists, contact admin."))}await o()}:null,A={deleteFunction:p,draggable:!0};c&&(A.title=e.uri.split("/")[2],A.image=D.faviconOrDefault(a,e.site()));const u=D.personTR(a,d.ns.foaf("knows"),e,A);return c&&(u.children[1].textConent=A.title,u.classList.add("personaRow--webid")),u.classList.add("personaRow"),u}(r));p.classList.add("fullWidth");const A=c.appendChild(a.createElement("tr")).appendChild(a.createElement("td"));let u;A.setAttribute("colspan",3);let m=!0;const h=p.children[2].appendChild(D.button(a,I,"View",function(n){m=!m,u.classList.toggle("collapsed",!m),h.children[0].src=m?z:I,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 f=(M(n)||M(r),"profile");return D.publicData.loadPublicDataThing(i,n,r).then(n=>{try{u=function(n,e,t,a){const o=a.session.paneRegistry.byName(t).render(e,a);return o.classList.add("namedPane"),o}(0,r,f,e),u.classList.add("fullWidth"),A.appendChild(u)}catch(n){P("Error displaying persona "+r+". Stack: "+n),u=D.errorMessageBlock(a,"Error displaying profile. If it persists, contact admin."),A.appendChild(u)}},n=>{P("Error loading persona "+r+". Stack: "+n),u=D.errorMessageBlock(a,"Error loading profile. If it persists, contact admin."),A.appendChild(u)}),s}async function o(){const e=G(S,n);L.syncTableToArrayReOrdered(c,e,n=>a(r,n,S))}const{dom:r}=e;(t=t||{}).editable=S.updater.editable(n.doc().uri,S);const i=r.createElement("div");if(i.classList.add("webidControl"),0===G(S,n).length&&!t.editable)return i.classList.add("hidden"),i;const s=i.appendChild(r.createElement("h3"));s.textContent="Link to a "+t.idNoun,s.classList.add("contactPanedHeading");if(i.appendChild(r.createElement("table")).classList.add("fullWidth"),t.editable){const e={editable:t.editable,manualURIEntry:!0,idNoun:t.idNoun,dbLookup:t.dbLookup},a={queryParams:t.queryParams||T,targetClass:t.class};try{i.appendChild(await D.renderAutocompleteControl(r,n,e,a,async function(n,e){try{await async function(n,e,t,a){try{new URL(e)}catch(n){throw new Error(`${j}: ${e} is not a valid url.`)}E(`Adding to ${n} a ${j}: ${e}.`);const o=a.bnode(),r=[l.st(n,k.vcard("url"),o,n.doc()),l.st(o,k.rdf("type"),t,n.doc()),l.st(o,k.vcard("value"),e,n.doc())],i=a.each(null,k.vcard("hasMember"),n);let s=[];i.forEach(t=>{s=s.concat(a.statementsMatching(t,k.vcard("hasMember"),n,t.doc())),r.push(l.st(t,k.vcard("hasMember"),a.sym(e),t.doc())),r.push(l.st(a.sym(e),k.owl("sameAs"),n,t.doc()))});try{await un(s,r)}catch(n){throw new Error(`Could not create webId ${j}: ${e}.`)}}(n,e,t.urlType,S)}catch(t){P("Error adding webId "+e+" to "+n+". Stack: "+t),i.appendChild(D.errorMessageBlock(r,"This is not a valid WebID."))}await o()}))}catch(n){P("Render Autocomplete Control failed. Stack:",n),i.appendChild(D.errorMessageBlock(r,"Error rendering autocomplete. If it persists, contact admin."))}}const c=i.appendChild(r.createElement("div"));return await o(),i}var R=r(546),U={};U.styleTagTransform=v(),U.setAttributes=g(),U.insert=h().bind(null,"head"),U.domAPI=u(),U.insertStyleElement=b();p()(R.A,U);R.A&&R.A.locals&&R.A.locals;const V=s.store,W=d.ns;let _;function H(n){_=n}let $=null,Y=null;function K(n){Array.from(document.body.children).filter(n=>n!==$).forEach(e=>{n?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")})}function X({title:n,message:e,buttons:t}){const a=($&&document.body.contains($)||($=null,$=_.createElement("div"),$.id="contacts-modal",$.className="focus-trap hidden",$.setAttribute("role","presentation"),$.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($),$.addEventListener("keydown",n=>{if("Escape"===n.key){n.stopPropagation();const e=$.querySelector("button[data-cancel]");e?e.click():Z(!1)}else if("Tab"===n.key){const e=Array.from($.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(n=>!n.hasAttribute("disabled"));if(0===e.length)return;const t=e.indexOf(document.activeElement);n.shiftKey?0===t&&(e[e.length-1].focus(),n.preventDefault()):t===e.length-1&&(e[0].focus(),n.preventDefault())}})),$);Y=document.activeElement,K(!0),a.classList.remove("hidden"),a.querySelector("#modal-title").textContent=n||"";const o=a.querySelector("#modal-desc");"string"==typeof e?o.textContent=e:(o.innerHTML="",o.appendChild(e));const r=a.querySelector("#modal-buttons");return r.innerHTML="",new Promise(n=>{t.forEach(e=>{const t=_.createElement("button");t.setAttribute("type","button"),t.textContent=e.label,e.primary&&t.classList.add("btn-primary"),e.cancel&&t.setAttribute("data-cancel","true"),t.addEventListener("click",()=>{Z(e.value),n(e.value)}),r.appendChild(t)});const e=r.querySelector("button");e&&e.focus()})}function Z(n){$&&($.classList.add("hidden"),K(!1),Y&&Y.focus&&Y.focus())}function Q(n,e="Information"){return X({title:e,message:n,buttons:[{label:"OK",value:!0,primary:!0}]})}function J(n,e="Confirm"){return X({title:e,message:n,buttons:[{label:"Cancel",value:!1,cancel:!0},{label:"OK",value:!0,primary:!0}]})}function nn(n){return n&&n.endsWith(".ttl")?n+"#this":n}function en(n,e,t){n.appendChild(d.widgets.errorMessageBlock(e,t,"pink"))}function tn(n,e,t){return n.each(e,W.owl("sameAs"),null,t).concat(n.each(null,W.owl("sameAs"),e,t))}function an(n,e){return new Promise(function(t,a){n.fetcher.load(e).then(function(){const o=n.each(e,W.ldp("contains")).map(e=>n.holds(e,W.rdf("type"),W.ldp("BasicContainer"))?an(n,e):(E("Recursive delete - we delete file "+e.uri),n.fetcher.webOperation("DELETE",e.uri)));E("Recursive delete - we delete folder "+e.uri),o.push(n.fetcher.webOperation("DELETE",e.uri)),Promise.all(o).then(n=>{t()}).catch(a)}).catch(a)})}async function on(n){const e=sn(n);if(!await J("Really DELETE "+e+"?"))throw new Error("User cancelled contact deletion");E("deleteThingAndDoc - to be deleted "+n);const t=V.statementsMatching(n).concat(V.statementsMatching(void 0,void 0,n));try{await V.updater.updateMany(t),await V.fetcher.delete(n.doc()),E("deleteThingAndDoc - deleted")}catch(e){throw P("Error deleting "+n+". Stack: "+e),new Error("An error occured while deleting.")}}function rn(n,e){let t=sn(n),a=sn(e);if(t&&a){if(t=t.toLowerCase(),a=a.toLowerCase(),t>a)return 1;if(t<a)return-1}return n.uri>e.uri?1:n.uri<e.uri?-1:0}function sn(n){const e=V.any(n,W.vcard("fn"))||V.any(n,W.foaf("name"))||V.any(n,W.vcard("organization-name"));return e?e.value:"???"}function dn(n){return!!V.findTypeURIs(n.doc())[W.foaf("PersonalProfileDocument").uri]}const ln=d.ns,cn=d.utils,pn=s.store,An=pn.updater;async function un(n,e=[]){const t=n.concat(e).map(n=>n.why),a=[];t.forEach(n=>{a.find(e=>e.equals(n))||a.push(n)});const o=a.map(t=>pn.updater.update(n.filter(n=>n.why.sameTerm(t)),e.filter(n=>n.why.sameTerm(t))));return Promise.all(o)}async function mn(n,e){await pn.fetcher.load(n.doc());const t=pn.any(n,ln.vcard("groupIndex")),a=function(n){return n.replace(/\W/gu,"_").replace(/_+/g,"_")}(e),o=pn.sym(n.dir().uri+"Group/"+a+".ttl#this"),r=o.doc();try{await pn.fetcher.load(t)}catch(n){throw new Error("Error loading group index!"+t.uri+": "+n)}if(pn.holds(n,ln.vcard("includesGroup"),o,t))return o;const i=[l.st(n,ln.vcard("includesGroup"),o,t),l.st(o,ln.rdf("type"),ln.vcard("Group"),t),l.st(o,ln.vcard("fn"),e,t)];try{await An.update([],i)}catch(n){throw new Error("Could not update group index "+n)}const s=[l.st(n,ln.vcard("includesGroup"),o,r),l.st(o,ln.rdf("type"),ln.vcard("Group"),r),l.st(o,ln.vcard("fn"),e,r)];try{await An.update([],s)}catch(n){throw new Error("Could not update group file: "+n)}return o}async function hn(n,e){const t=[n.doc(),e.doc()];try{await pn.fetcher.load(t)}catch(t){throw P("Error adding "+n+" to group "+e+". Stack: "+t),new Error("Error adding to group.")}const a=pn.findTypeURIs(n);if(!(ln.vcard("Individual").uri in a)&&!(ln.vcard("Organization").uri in a))return x("Thing "+n+" is not an Individual or Organization, but has types: "+Object.keys(a)),void Q("You are trying to add something else than an individual or organization.");let o=pn.any(n,ln.vcard("fn"));const r=pn.any(e,ln.vcard("fn"));if(!o)return x("Thing "+n+" has no vcard:fn"),void Q("What you are trying to add seems to have no full name.");if(pn.holds(n,ln.vcard("fn"),null,e.doc()))return""===o&&(o="Contact"),void Q(o+" already exists in group "+r+".");const i="Add "+o+" to group "+r+"?";if(!await J(i))return;const s=[l.st(n,ln.vcard("fn"),o,e.doc())],d=G(pn,n).map(n=>n.value);d.length?d.forEach(t=>{s.push(l.st(pn.sym(t),ln.owl("sameAs"),n,e.doc())),s.push(l.st(e,ln.vcard("hasMember"),pn.sym(t),e.doc()))}):s.push(l.st(e,ln.vcard("hasMember"),n,e.doc()));try{await An.update([],s),pn.fetcher.unload(e.doc()),await pn.fetcher.load(e.doc())}catch(t){throw P("Error adding "+n+" to group "+e+". Stack: "+t),new Error("Error adding to group.")}return n}function fn(n,e){const t=n.each(e,ln.vcard("hasMember"),null,e.doc());let a=[];t.forEach(t=>{a=n.any(t,ln.vcard("fn"),null,e.doc())?a.concat(t):a.concat(n.each(t,ln.owl("sameAs"),null,e.doc()))});const o=new Set(a.map(n=>n.uri));return a=[...o].map(e=>n.sym(e)),a}function gn(n,e){const t=n.dir().dir().dir();return e.uri&&e.uri.startsWith(t.uri)}const{setACLUserPublic:wn}=s.solidLogicSingleton.acl;var bn=r(715),Cn={};Cn.styleTagTransform=v(),Cn.setAttributes=g(),Cn.insert=h().bind(null,"head"),Cn.domAPI=u(),Cn.insertStyleElement=b();p()(bn.A,Cn);bn.A&&bn.A.locals&&bn.A.locals;const vn={"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"},Bn=Object.fromEntries(Object.entries(vn).map(([n,e])=>[e,n])),yn=n=>vn[n]||!1,En=n=>{const e=n.split(".").pop().toLowerCase();return Bn[e]||!1},xn=d.ns,Pn=d.utils,kn=s.store;function Dn(n,e){function t(e){f.appendChild(d.widgets.errorMessageBlock(n,e,"pink"))}async function a(n,e,t){const a=[l.st(n,xn.vcard("hasPhoto"),e,n.doc())];try{t?await kn.updater.update(a,[]):await kn.updater.update([],a)}catch(n){throw P("Writing back image link FAILED "+e+". Stack: "+n),new Error("Writing back image link FAILED")}}function o(n){kn.fetcher.nowOrWhenFetched(n.doc(),function(t,a){if(t){const t=kn.findTypeURIs(n);for(const n in t)E("drop object type includes: "+n);E("Default: assume web page "+n),kn.add(e,xn.wf("attachment"),n,e.doc())}else P("Error looking up dropped thing "+n+". Stack: "+a)})}function r(n,a,o){const r=yn(a);let i,s;a!==En(n)&&x("MIME TYPE MISMATCH -- adding extension: "+(n+="_."+r));const d=a.startsWith("image");let l,c;for(d?(i="image_",s=xn.vcard("hasPhoto")):(i="attachment_",s=xn.wf("attachment")),l=0;c=kn.sym(e.dir().uri+n),kn.holds(e,xn.vcard("hasPhoto"),c);l++)n=i+l+"."+r;E("Putting "+o.byteLength+" bytes of "+a+" to "+c),kn.fetcher.webOperation("PUT",c.uri,{data:o,contentType:a}).then(function(n){if(!n.ok)return P("Upload of "+c+" failed: "+n.status+" "+n.statusText),void t("Error uploading picture. If the problem persists, contact admin.");E("Upload picture put OK: "+c),kn.add(e,s,c,e.doc()),kn.fetcher.putBack(e.doc(),{contentType:"text/turtle"}).then(function(n){d&&g.refresh()},function(n){P(" Write back image link FAIL "+c+". Stack: "+n)})})}async function i(n){for(const e of n){let n=l.sym(e);if(E("Dropped on mugshot thing "+n),e.startsWith("http")&&e.indexOf("#")<0){e.startsWith("http:")&&(n=l.sym("https:"+e.slice(5)));const t={withCredentials:!1,credentials:"omit"};let a;try{a=await kn.fetcher.webOperation("GET",n.uri,t)}catch(e){return P("Fetch error trying to GET picture "+n+". Stack: "+e),void o(n)}const i=a.headers.get("Content-Type");let s=n.uri.split("/").slice(-1)[0];s=s.split("?")[0];const d=await a.arrayBuffer();return a.ok?void r(s,i,d):(P("Cant download, so will link image. "+n+":"+a.status),void o(n))}t("Not a web document URI, cannot copy "+n+" as picture."),o(n)}}function c(n){for(let e=0;e<n.length;e++){const t=n[e];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(n){return function(e){const t=e.target.result;E(" File read byteLength : "+t.byteLength);r(encodeURIComponent(n.name),n.type,t)}}(t),a.readAsArrayBuffer(t)}}function p(e){const t=n.createElement("img");return t.classList.add("mugshotImage"),t.setAttribute("alt",e?"Contact photo":"Drop photo here"),d.widgets.makeDropTarget(t,i,c),e&&(s.store.fetcher._fetch(e.uri).then(function(n){return n.blob()}).then(function(n){const e=URL.createObjectURL(n);t.setAttribute("src",e)}),d.widgets.makeDraggable(t,e)),t}function A(){let n=kn.each(e,xn.vcard("hasPhoto"));n.sort(),n=n.slice(0,5),0===n.length?(g.innerHTML="",h&&g.appendChild(w)):Pn.syncTableToArray(g,n,p)}function u(){return kn.sym(e.dir().uri+"Image_"+Date.now()+".png")}async function m(n){n&&(await a(e,n),A())}const h=kn.updater.editable(e.doc().uri,kn),f=n.createElement("div"),g=f.appendChild(n.createElement("div")),w=p();return d.widgets.setImage(w,e),A(),g.refresh=A,h&&f.appendChild(function(){const o=n.createElement("table"),r=o.appendChild(n.createElement("tr")),i=r.appendChild(n.createElement("td")),s=r.appendChild(n.createElement("td")),l=r.appendChild(n.createElement("td"));i.appendChild(d.media.cameraButton(n,kn,u,m));try{s.appendChild(d.widgets.fileUploadButtonDiv(n,c))}catch(n){E("ignore fileUploadButtonDiv error for now",n)}return l.appendChild(function(){const o=d.widgets.button(n,d.icons.iconBase+"noun_925021.svg","Drag here to delete",void 0,{"aria-label":"Delete picture - drag picture here"});return d.widgets.makeDropTarget(o,async function(n){const o=kn.each(e,xn.vcard("hasPhoto")).map(n=>n.uri);for(const r of n){if(!o.includes(r))return void Q("Only drop pictures onto this trash can.");if(await J("Really DELETE picture?"))try{E("Unlinking image file "+r),await a(e,kn.sym(r),!0),E("Deleting image file "+r),await kn.fetcher.webOperation("DELETE",r)}catch(n){return void t("Error deleting picture. If it persists, contact your admin.")}}A()},null),o}()),o}()),f}var Ln=r(93),Sn={};Sn.styleTagTransform=v(),Sn.setAttributes=g(),Sn.insert=h().bind(null,"head"),Sn.domAPI=u(),Sn.insertStyleElement=b();p()(Ln.A,Sn);Ln.A&&Ln.A.locals&&Ln.A.locals;const Fn=d.ns,Tn=d.utils,jn=s.store;let On,In={},zn={},Gn=null,Nn=null,Mn=null,qn=null,Rn=null,Un=null,Vn=null;function Wn(n,e){n.querySelectorAll("button").forEach(n=>{n.classList.remove("btn-primary","allGroupsButton--selected","allGroupsButton--active","allGroupsButton--loaded"),n.classList.add("btn-secondary")}),e&&(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}function _n(n,e,t,a,o,r,i,s,d,l){On=a,In=o||{},r&&(Gn=r),i&&(Mn=i),s&&(qn=s),d&&(Un=d),l&&(Vn=l),Rn=n,Nn=e;const c=Qn(Rn,t);Tn.syncTableToArrayReOrdered(Nn,c,Yn)}function Hn(n){const e=jn.any(n,Fn.vcard("fn")),t=On.createElement("li");t.setAttribute("role","listitem"),t.setAttribute("aria-label",e?e.value:"Some group"),t.subject=n,d.widgets.makeDraggable(t,n);const a=t.appendChild(On.createElement("button"));return a.setAttribute("type","button"),a.innerHTML=e?e.value:"Some group",a.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),{groupLi:t,groupButton:a,name:e}}async function $n(n,e){for(const t of n){let n=jn.sym(t);try{n=await hn(n,e)}catch(n){Q("Error adding to group. Make sure you are adding a contact URI.")}n&&ne(Gn)}}function Yn(n){function e(e){if(e.preventDefault(),Wn(Nn,a),Vn&&Vn(),!e.metaKey)for(const n in In)delete In[n];In[n.uri]=!In[n.uri],Xn(Nn,In),jn.fetcher.nowOrWhenFetched(n.doc(),void 0,function(e,t){e||P("Cannot load one group: "+n+". Stack: "+t),ne(Gn,null,!1)})}const{groupLi:t,groupButton:a}=Hn(n);return a.addEventListener("click",e,!1),d.widgets.makeDropTarget(t,e=>$n(e,n)),t.addEventListener("click",e,!0),t}function Kn(n,e,t){function a(a,o){return new Promise((r,i)=>{o.classList.add("group-loading"),o.setAttribute("aria-busy","true"),jn.fetcher.nowOrWhenFetched(a.doc(),void 0,function(s,d){if(!s){const n="Cannot load group "+a+". Stack: "+d;return P(n),t&&t(!1,n),void i(n)}o.classList.remove("group-loading"),o.setAttribute("aria-busy","false"),o.classList.add("selected"),n[a.uri]=!0,Xn(e,n),ne(Gn,null),t&&t(!0),r(!0)})})}for(let n=0;n<e.children.length;n++){const o=e.children[n],r=o.subject;r&&a(r,o).catch(n=>{t&&t(!1,n)})}}function Xn(n,e){for(let t=0;t<n.children.length;t++){const a=n.children[t];a.subject&&a.classList.toggle("selected",!!e[a.subject.uri])}}function Zn(n,e,t,a,o,r,i){On=a,o&&(In=o),r&&(Gn=r),i&&(Mn=i),Nn=t;const s=Qn(n,e);s.length>0&&Yn(s[0]),Tn.syncTableToArrayReOrdered(t,s,Yn)}function Qn(n,e){let t=[];if(e.foreignGroup&&t.push(["",jn.any(e.foreignGroup,Fn.vcard("fn")),e.foreignGroup]),n){const e=jn.any(n,Fn.vcard("groupIndex")),a=(n?jn.each(n,Fn.vcard("includesGroup"),null,e):[]).map(function(e){return[n,jn.any(e,Fn.vcard("fn")),e]});t=t.concat(a),t.sort()}return t.map(n=>n[2])}async function Jn(n){const e=jn.any(n,Fn.vcard("groupIndex"));if(e){await jn.fetcher.load(e);const t=n?jn.each(n,Fn.vcard("includesGroup"),null,e):[];return await jn.fetcher.load(t),t}return[]}function ne(n,e,t=!0){const a=n||Gn;if(!a||!a.children||"number"!=typeof a.children.length)return void x("refreshNames called with invalid ulPeople:",a);function o(n,e){function t(n){n.preventDefault(),ee(a,e,qn)}n.addEventListener("click",t),n.addEventListener("keydown",function(n){"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),t(n))})}let r=[];Object.keys(In).map(n=>jn.sym(n)).forEach(n=>{In[n.value]&&(r=r.concat(fn(jn,n)))}),r.sort(rn);for(let n=0;n<r.length-1;)r[n].uri===r[n+1].uri?r.splice(n,1):n++;Tn.syncTableToArrayReOrdered(a,r,n=>function(n){const e=On.createElement("li");e.setAttribute("role","listitem"),e.setAttribute("tabindex","0"),e.classList.add("personLi"),e.subject=n,d.widgets.makeDraggable(e,n);const t=On.createElement("div");t.classList.add("personLi-row");const a=On.createElement("div");a.classList.add("personLi-avatar");const r=On.createElement("div");r.classList.add("avatar-placeholder"),r.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(r);const i=sn(n)||"Unknown Name";function s(){const e=jn.any(n,Fn.vcard("hasPhoto"));if(e&&e.value){const n=On.createElement("img");n.src=e.value,n.alt=i+" avatar",a.replaceChild(n,a.firstChild)}}s(),jn.fetcher.nowOrWhenFetched(n.doc(),void 0,function(t,a){if(!t)return P("Cannot load contact: "+n+". Stack: "+a),void e.classList.add("personLi--error");s()});const l=On.createElement("div");l.classList.add("personLi-info"),e.setAttribute("aria-label",i);const c=On.createElement("div");c.classList.add("personLi-name"),c.textContent=i,l.appendChild(c);const p=On.createElement("div");return p.classList.add("personLi-arrow"),p.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(l),t.appendChild(p),e.appendChild(t),o(e,n),e}(n)),ae(a,t,e||qn)}function ee(n,e,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"),zn={},zn[e.uri]=!0,ae(n,!1,t);try{a=Rn?function(n){const e=jn.allAliases(n),t=Rn.dir().uri;for(let n=0;n<e.length;n++)if(e[n].uri.slice(0,t.length)===t)return e[n];throw new Error("No local URI for "+n)}(e):e}catch(n){return t.innerHTML="",t.setAttribute("aria-busy","false"),void en(t,On,"Cannot load contact: "+n.message)}jn.fetcher.nowOrWhenFetched(a.doc(),void 0,function(o,r){if(t.innerHTML="",t.setAttribute("aria-busy","false"),!o)return P("Failed to load contact card: "+a+". Stack: "+r),void en(t,On,"Failed to load contact. If it persists, contact your admin.");const i=On.createElement("div");i.classList.add("contact-toolbar");const l=d.widgets.linkIcon(On,a);if(l.setAttribute("title","Uri of contact"),i.appendChild(l),s.authn.currentUser()){d.widgets.deleteButtonWithCheck(On,i,"contact",async function(){const a=e.dir();E("We are about to delete the contact "+jn.any(e,Fn.vcard("fn"))),await Jn();const o=jn.any(Rn,Fn.vcard("nameEmailIndex"));await jn.fetcher.load(o);const r=le(e);let i=[];r.forEach(n=>{tn(jn,e,n.doc()).forEach(e=>{1===tn(jn,e,n.doc()).length&&(i=i.concat(jn.statementsMatching(n,Fn.vcard("hasMember"),e,n.doc())))})}),await jn.updater.updateMany(i);try{await on(e)}catch(n){return void en(t,On,"Failed to delete contact. If it persists, contact your admin.")}try{await an(jn,a)}catch(n){return void en(t,On,"Failed to delete contact. If it persists, contact your admin.")}ne(n,t),t.innerHTML="Contact data deleted."}).classList.add("deleteButton")}t.appendChild(i),t.classList.add("detailsSectionContent--wide"),t.appendChild(function(n,e){const t=Un.session.paneRegistry.byName(e).render(n,Un);return t.classList.add("renderPane"),t}(a,"contact"))})}function te(n){if(zn={},n)for(let e=0;e<n.children.length;e++)n.children[e].classList.remove("selected")}function ae(n,e,t){let a=0,o=null;for(let e=0;e<n.children.length;e++){const t=n.children[e],r=oe(sn(t.subject));r&&(a++,o=t),t.classList.toggle("selected",r&&!!zn[t.subject.uri]),t.classList.toggle("hidden",!r)}if(1===a&&e){ee(n,o.subject,t)}}function oe(n){const e=Mn.value.trim().toLowerCase();if(0===e.length)return!0;const t=e.split(" ");for(let e=0;e<t.length;e++){const a=t[e];if(n.toLowerCase().indexOf(a)<0)return!1}return!0}async function re(n,e){const t=await Jn(n);if(t&&t.length>0){const{del:n,ins:a}=await async function(n){const e=[],t=[];return n.forEach(n=>{pn.each(n,ln.vcard("hasMember"),null,n.doc()).forEach(a=>{const o=tn(pn,a,n.doc());if(o.length&&gn(n,a))for(const r of o)if(!gn(n,r)){e.push(l.st(n,ln.vcard("hasMember"),a,n.doc())),t.push(l.st(n,ln.vcard("hasMember"),r,n.doc()));break}})}),{del:e,ins:t}}(t);s.authn.currentUser()&&n.length&&d.widgets.deleteButtonWithCheck(On,e,"contact",async function(){await jn.updater.updateMany(n,a),E("Deleted "+n.length+" bad statements from groups")})}}async function ie(){const n=function(n){if(n)return n;let e;for(const n in In){e=jn.sym(n);const t=jn.any(void 0,Fn.vcard("includesGroup"),e);if(t)return t}throw new Error("findBookFromGroups: Cant find address book which this group is part of")}(Rn);try{await jn.fetcher.load(n)}catch(e){throw new Error("Book won't load:"+n)}const e=jn.any(n,Fn.vcard("nameEmailIndex"));if(!e)throw new Error("No nameEmailIndex");await jn.fetcher.load(e)}const se=d.ns,de=s.store;function le(n,e=de){let t=e.statementsMatching(null,se.owl("sameAs"),n).map(n=>n.why).concat(e.each(null,se.vcard("hasMember"),n));const a=new Set(t.map(n=>nn(n.uri)));return t=[...a].map(n=>e.sym(n)),t}async function ce(n,e,t){const a=t||null;function o(e){const t=l.any(e,se.vcard("fn")),o=t?t.value:e.uri,p=i.createElement("li");p.classList.add("group-membership-item");const A=i.createElement("button");A.setAttribute("type","button"),A.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),A.textContent=o,A.title=o,p.appendChild(A);const u=i.createElement("div");u.classList.add("group-membership-toolbar");const m=d.widgets.linkIcon(i,e);return m.setAttribute("title","Link to "+o),u.appendChild(m),s.authn.currentUser()&&d.widgets.deleteButtonWithCheck(i,u,"membership in "+o,async function(){await async function(n,e){const t=l.any(n,se.vcard("fn")),o=l.any(e,se.vcard("fn")),s=l.each(null,se.owl("sameAs"),n,e.doc());let p=[];s.forEach(t=>{l.statementsMatching(t,se.owl("sameAs"),n,e.doc())&&(p=p.concat(t))}),p=N(l,n).map(n=>n.value);const A=p.map(n=>l.sym(n));let u=[n].concat(A).flatMap(n=>l.each(null,se.vcard("hasMember"),n));if(u=[...new Set(u.map(n=>n.uri))].map(n=>l.sym(n)),u.length<2)return void Q("Must be a member of at least one group. Add to another group first.");const m="Remove "+t+" from group "+o+"?";if(await J(m)){let s=l.statementsMatching(n,void 0,void 0,e.doc()).concat(l.statementsMatching(void 0,void 0,n,e.doc()));p.forEach(n=>{l.statementsMatching(n,se.owl("sameAs"),void 0,e.doc()).length<2&&(s=s.concat(l.statementsMatching(void 0,void 0,n,e.doc())))});try{await l.updater.update(s,[])}catch(n){const t="Error removing member from group "+e+": "+n;return void c.appendChild(d.widgets.errorMessageBlock(i,t,"pink"))}E("Removed "+t+" from group "+o),l.fetcher.unload(e.doc()),await l.fetcher.load(e.doc()),r(),ne(a)}}(n,e)}),p.appendChild(u),p}function r(e=null){c.innerHTML="";const t=i.createElement("h3");t.classList.add("group-membership-header"),t.textContent="Part of groups",c.appendChild(t);const a=i.createElement("ul");a.classList.add("group-pills-wrapper"),c.appendChild(a),0===(e=e||le(n,l)).length?a.innerHTML="<span>Not part of any Address Book group.</span>":a.innerHTML="",e.forEach(n=>{a.appendChild(o(n))})}const{dom:i}=e,l=e.session.store,c=i.createElement("div");return c.classList.add("group-membership-container"),await async function(n=null){if(!n&&!(n=l.any(void 0,se.vcard("includesGroup"))))return[];const e=l.any(n,se.vcard("groupIndex")),t=n?l.each(n,se.vcard("includesGroup"),null,e):[];return await l.fetcher.load(t),t}(),c.refresh=r,r(),c}const pe='# 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 Ae=r(479),ue={};ue.styleTagTransform=v(),ue.setAttributes=g(),ue.insert=h().bind(null,"head"),ue.domAPI=u(),ue.insertStyleElement=b();p()(Ae.A,ue);Ae.A&&Ae.A.locals&&Ae.A.locals;var me=r(686),he={};he.styleTagTransform=v(),he.setAttributes=g(),he.insert=h().bind(null,"head"),he.domAPI=u(),he.insertStyleElement=b();p()(me.A,he);me.A&&me.A.locals&&me.A.locals;const fe="https://solidos.github.io/contacts-pane/src/ontology/";function ge(n,e,t,a){const o=a||fe+t,r=(0,l.sym)(o);n.holds(void 0,void 0,void 0,r)||(0,l.parse)(e,n,o,"text/turtle",()=>null)}const we=d.ns,be=s.store,Ce="individualAndOrganizationForm.ttl";async function ve(n,e,t,a){const o=be.findTypeURIs(t),r=!(!o[we.vcard("Organization").uri]&&!o[we.schema("Organization").uri]),i=be.updater.editable(t.doc().uri,be);ge(be,pe,Ce);const c=d.ns.vcard("Type").doc().uri;ge(be,'@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",c);try{await be.fetcher.load(t.doc())}catch(n){throw P("Error loading profile card. Stack: "+n),new Error("Failed to load profile card.")}e.classList.add("individualPane"),s.authn.checkUser(),e.appendChild(Dn(n,t));const p=r?"organizationForm":"individualForm";if(function(n,e,t,a,o,r,i,s){const c=fe+a,p=s||"this",A=(0,l.Namespace)(c+"#")(p);ge(o,t,a,c),d.widgets.appendForm(r,n,{},e,A,i,(n,e)=>{n||d.widgets.errorMessageBlock(r,e)})}(e,t,pe,Ce,s.store,n,t.doc(),p),function(n){const e=["label",".formFieldName a",".classifierBox-label a",".choiceBox-label a",".label a",'a[href="http://www.w3.org/2006/vcard/ns#note"]','a[href$="#note"]'].join(", "),t=n?.querySelectorAll?.(e);t&&Array.from(t).forEach(n=>{"number"==typeof n.tabIndex&&-1!==n.tabIndex&&(n.tabIndex=-1),"true"!==n.getAttribute("aria-hidden")&&n.setAttribute("aria-hidden","true")})}(e),dn(t)||e.appendChild(await ce(t,a,a.ulPeople)),s.authn.currentUser()){const a=e.appendChild(n.createElement("h3"));a.textContent="Attach a link to any file",a.classList.add("contactPanedHeading"),d.widgets.attachmentList(n,t,e,{modify:i})}r?e.appendChild(await async function(n,e){let t=S.sym("http://www.wikidata.org/wiki/Q43229");for(const e in F)S.holds(n,k.rdf("type"),k.schema(e),n.doc())&&(t=S.sym(F[e]),E(` renderPublicIdControl bingo: ${e} -> ${t}`));return q(n,e,{longPrompt:`Add a ${O}?`,idNoun:O,urlType:k.vcard("PublicId"),dbLookup:!0,class:t,queryParams:T})}(t,a)):dn(t)||e.appendChild(await async function(n,e){return q(n,e,{longPrompt:`Link to a ${j}?`,idNoun:j,urlType:k.vcard("WebID")})}(t,a))}var Be=r(295),ye={};ye.styleTagTransform=v(),ye.setAttributes=g(),ye.insert=h().bind(null,"head"),ye.domAPI=u(),ye.insertStyleElement=b();p()(Be.A,ye);Be.A&&Be.A.locals&&Be.A.locals;const Ee=s.store,xe=d.ns,Pe=xe.vcard;let ke,De,Le,Se;function Fe(n,e,t,a,o,r,i){ke=a,De=e,Se=i;const c=o.dom,p=c.createElement("div");p.classList.add("toolsPane");const A=c.createElement("h3");A.textContent="Tools",p.appendChild(A);const u=p.appendChild(c.createElement("div"));u.classList.add("statsLog"),Le=u.appendChild(c.createElement("pre")),Le.setAttribute("id","logSpace");const m=p.appendChild(c.createElement("div"));function h(n){const e=n.classList.contains("btn-primary");m.querySelectorAll("button").forEach(n=>{n.classList.remove("btn-primary","toolsButton--loading","toolsButton--error","toolsButton--success"),n.classList.add("btn-secondary")}),e||(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}m.classList.add("toolsButtonsContainer");const f=m.appendChild(c.createElement("button"));f.textContent="Load main index",f.classList.add("actionButton","btn-secondary","action-button-focus"),f.addEventListener("click",()=>{h(f),Le.textContent="",async function(n,e){n.classList.add("toolsButton--loading"),n.classList.remove("toolsButton--error","toolsButton--success");const t=Ee.any(ke,xe.vcard("nameEmailIndex"));try{await Ee.fetcher.load(t)}catch(t){n.classList.remove("toolsButton--loading"),n.classList.add("toolsButton--error"),Te(e,"Error: People index has NOT been loaded"+t+"\n")}n.classList.remove("toolsButton--loading"),n.classList.add("toolsButton--success"),Te(e," People index has been loaded\n")}(f,Le)});const g=m.appendChild(c.createElement("button"));g.textContent="Statistics",g.classList.add("actionButton","btn-secondary","action-button-focus"),g.addEventListener("click",()=>{h(g),Le.textContent="",function(n){const e=Ee.each(void 0,Pe("inAddressBook"),ke).length;Te(n,e+" contacts loaded. ");let t=Ee.each(ke,Pe("includesGroup"));const a=new Set(t.map(n=>nn(n.uri)));t=[...a].map(n=>Ee.sym(n)),Te(n,t.length+" total groups. ");const o=[];for(const n in De)o.push(n);Te(n,o.length+" selected groups. ")}(Le)});const w=m.appendChild(c.createElement("button"));w.textContent="Check individual contact access of selected groups",w.classList.add("actionButton","btn-secondary","action-button-focus"),w.addEventListener("click",n=>{h(w),Le.textContent="",async function(){function n(n){d.acl.fixIndividualCardACL(n,n=>Te(Le,n),function(e,t){e?Te(Le,"Success for "+d.utils.label(n)):(P("Failure for "+n+": "+t),Te(Le,"Failure for "+n+": "+t))})}const e=[];for(const n in De)e.push(n);for(let t=0;t<e.length;t++){const a=Ee.sym(e[t]),o=fn(Ee,a);Te(Le,d.utils.label(a)+": "+o.length+" members");for(let e=0;e<o.length;e++){const t=o[e];Te(Le,d.utils.label(t)),n(t)}}}()});const b=m.appendChild(c.createElement("button"));b.textContent="Find duplicate contacts",b.classList.add("actionButton","btn-secondary","action-button-focus"),b.addEventListener("click",function(n){h(b),Le.textContent="";const e={};e.book=ke,e.nameEmailIndex=Ee.any(ke,xe.vcard("nameEmailIndex")),Te(Le,"Loading name index..."),s.store.fetcher.nowOrWhenFetched(e.nameEmailIndex,void 0,function(n,t){function a(n){let t;return Promise.resolve().then(()=>{const a=n.uri.replace("/Group/","/NewGroup/");t=Ee.sym(a);let o=[];for(let t=0;t<e.uniques.length;t++)o=o.concat(Ee.connectedStatements(e.uniques[t],n.doc()));const r=new l.Serializer(Ee).setBase(n.uri);Te(Le," Regenerating group of uniques..."+t);const i=r.statementsToN3(o);return Ee.fetcher.webOperation("PUT",t,{data:i,contentType:"text/turtle"})}).then(()=>(Te(Le," Done uniques group "+t),!0)).catch(n=>{Te(Le,"Error saving : "+n)})}Te(Le,"Loaded name index."),e.cards=[],e.duplicates=[],e.definitive=[],e.nameless=[],e.exactDuplicates=[],e.nameOnlyDuplicates=[],e.uniquesSet=[],e.groupProblems=[],e.nameDupLog=Ee.sym(ke.dir().uri+"dedup-nameDupLog.ttl"),e.exactDupLog=Ee.sym(ke.dir().uri+"dedup-exactDupLog.ttl"),e.nameOnlyErrors=[],e.nameLessZeroData=[],e.nameLessIndex=[],e.namelessUniques=[],e.nameOnlyDuplicatesGroupDiff=[];const o=function(){let n=[];if(e.book){[e.book].forEach(function(e){const t=(e?Ee.each(e,xe.vcard("includesGroup")):[]).map(function(n){return[e,Ee.any(n,xe.vcard("fn")),n]});n=n.concat(t)}),n.sort()}return n}();e.groupObjects=o.map(n=>n[2]),Te(Le,"Loading "+e.groupObjects.length+" groups... "),Ee.fetcher.load(e.groupObjects).then(function(){return new Promise(function(n){let t,a,o;for(e.cards=Ee.each(void 0,Pe("inAddressBook"),e.book),Te(Le,e.cards.length+" total contacts"),t=0;t<e.cards.length;t++)if(a=e.cards[t],o=Ee.anyValue(a,xe.vcard("fn")),o)if(e.definitive[o]===a);else if(e.definitive[o]){e.duplicates.length;e.duplicates.push(a)}else e.definitive[o]=a;else e.nameless.push(a);e.duplicateSet=[];for(let n=0;n<e.duplicates.length;n++)e.duplicateSet[e.duplicates[n].uri]=e.duplicates[n];e.namelessSet=[];for(let n=0;n<e.nameless.length;n++)e.namelessSet[e.nameless[n].uri]=e.nameless[n];e.uniques=[],e.uniqueSet=[];for(let n=0;n<e.cards.length;n++){const t=e.cards[n].uri;e.duplicateSet[t]||e.namelessSet[t]||(e.uniques.push(e.cards[n]),e.uniqueSet[t]=e.cards[n])}Te(Le,"Uniques: "+e.uniques.length),Te(Le,e.nameless.length+" nameless contacts."),Te(Le,e.duplicates.length+" name-duplicate contacts, leaving "+(e.cards.length-e.duplicates.length)),n(!0)})}).then(function(){return new Promise(function(n){Te(Le,"Groups loaded");for(let n=0;n<e.uniques.length;n++)e.uniquesSet[e.uniques[n].uri]=!0;e.groupMembers=[],Ee.each(null,xe.vcard("hasMember")).forEach(n=>{e.groupMembers=e.groupMembers.concat(fn(Ee,n))}),Te(Le," Naive group members "+e.groupMembers.length),e.groupMemberSet=[];for(let n=0;n<e.groupMembers.length;n++)e.groupMemberSet[e.groupMembers[n].uri]=e.groupMembers[n];e.groupMembers2=[];for(const n in e.groupMemberSet)e.groupMembers2.push(e.groupMemberSet[n]);if(Te(Le," Compact group members "+e.groupMembers2.length),l.keepThisCodeForLaterButDisableFerossConstantConditionPolice){for(let n=0;n<e.groupMembers.length;n++){const t=e.groupMembers[n];e.uniquesSet[t.uri]||(Te(Le," Not in uniques: "+t),e.groupProblems.push(t),e.duplicateSet[t.uri]?Te(Le," ** IN duplicates alas:"+t):Te(Le," **** WTF?"))}Te(Le,"Problem contacts: "+e.groupProblems.length)}n(!0)})}).then(function n(){return e.namelessToCheck=e.namelessToCheck||e.nameless.slice(),Te(Le,"Nameless check left: "+e.namelessToCheck.length),new Promise(function(t){const a=e.namelessToCheck.shift();if(a){var o;(o=a,new Promise(function(n){Ee.fetcher.load(o).then(function(t){Te(Le," Nameless check "+o);const a={};a[xe.vcard("hasUID").uri]=!0,a[xe.dc("created").uri]=!0,a[xe.dc("modified").uri]=!0;const r=(i=o,Ee.statementsMatching(null,null,null,i.doc()).filter(function(n){return!a[n.predicate.uri]}));var i;if(!r.length)return Te(Le," Zero length "+o),e.nameLessZeroData.push(o),n(!1);const s=new l.Serializer(Ee).setBase(o.doc().uri).statementsToN3(r),d=e.nameLessIndex[s];if(d){Te(Le," Matches with "+d);const t=Ee.each(null,xe.vcard("hasMember"),o),a=Ee.each(null,xe.vcard("hasMember"),d);for(let r=0;r<t.length;r++){let i=!1;for(let n=0;n<a.length;n++)a[n].sameTerm(t[r])&&(i=!0);if(!i)return Te(Le,"This one groups: "+t),Te(Le,"Other one groups: "+a),Te(Le,"Cant skip this one because it has a group, "+t[r]+", which the other does not."),e.nameOnlyDuplicatesGroupDiff.push(o),n(!1)}E("Group check done -- exact duplicate: "+o)}else Te(Le,"First nameless like: "+o.doc()),Te(Le,"___________________________________________"),Te(Le,s),Te(Le,"___________________________________________"),e.nameLessIndex[s]=o,e.namelessUniques.push(o);n(!0)}).catch(function(t){Te(Le,"Cant load a nameless card!: "+t),e.nameOnlyErrors.push(o),n(!1)})})).then(function(e){Te(Le," Nameless check returns "+e),n()})}else{if(Te(Le,"namelessUniques: "+e.namelessUniques.length),Te(Le,"namelessUniques: "+e.namelessUniques),!(e.namelessUniques.length>0))return t(!0);{const n=c.createElement("p");n.textContent="Add all "+e.namelessUniques.length+" nameless contacts to the rescued set?",u.appendChild(n);const a=d.widgets.continueButton(c,function(){e.uniques=e.uniques.concat(e.namelessUniques);for(let n=0;n<e.namelessUniques.length;n++)e.uniqueSet[e.namelessUniques[n].uri]=!0;n.remove(),a.remove(),t(!0)});u.appendChild(a)}}})}).then(function(){let n;return Promise.resolve().then(()=>{n=Ee.sym(e.book.dir().uri+"clean-people.ttl");let t=[];for(let n=0;n<e.uniques.length;n++)t=t.concat(Ee.connectedStatements(e.uniques[n],e.nameEmailIndex));const a=new l.Serializer(Ee).setBase(e.nameEmailIndex.uri);Te(Le,"Serializing index of uniques...");const o=a.statementsToN3(t);return Ee.fetcher.webOperation("PUT",n,{data:o,contentType:"text/turtle"})}).then(function(){return Te(Le,"Done uniques log "+n),!0}).catch(function(n){Te(Le,"Error saving uniques: "+n)})}).then(function(){return Te(Le,"Saving ALL GROUPS"),Promise.all(e.groupObjects.map(a))}).then(function(){Te(Le,"Done!")})})});const C=m.appendChild(c.createElement("button"));C.classList.add("actionButton","btn-secondary","action-button-focus"),C.textContent="Find contacts with no group",C.addEventListener("click",function(e){h(C),Le.textContent="",Te(Le,"Loading groups..."),n(De,t,async function(n,e){if(!n)return void Te(Le,"Loading all groups failed. If it persists, contact your admin.");const t=Ee.any(ke,xe.vcard("nameEmailIndex"));try{await Ee.fetcher.load(t)}catch(n){return P("Error loading name index (vcard(nameEmailIndex)). Stack: "+n),void Te(Le,"Loading name index failed. If it persists, contact your admin.")}Te(Le,"Loaded groups and name index."),je(ke),Te(Le,"Groupless list finished.")})});const v=m.appendChild(c.createElement("button"));return v.classList.add("actionButton","btn-secondary","action-button-focus"),v.textContent="Put all individuals with no group in a new group",v.addEventListener("click",n=>{h(v),Le.textContent="",async function(n){const e=await je(n);if(0===e.length)return void Te(Le,"No groupless contacts found.");let t=null;try{t=await mn(n,"No group")}catch(n){}const a=Le.ownerDocument;new Promise(function(n){const o=a.createElement("p");o.textContent=`Add the ${e.length} contacts without groups to a 'No group' group?`,Le.appendChild(o);const r=d.widgets.continueButton(a,async function(){o.remove(),r.remove();for(const n of e)t&&(Te(Le," adding "+d.utils.label(n)),await hn(n,t));Te(Le,"People moved to group."),Se&&Se(),n()});Le.appendChild(r)})}(ke)}),p}function Te(n,e){n.textContent+=e+"\n"}async function je(n){const e=Ee.any(n,xe.vcard("groupIndex")),t=Ee.any(n,xe.vcard("nameEmailIndex"));try{await Ee.fetcher.load([t,e]);const a=Ee.each(n,xe.vcard("includesGroup"));await Ee.fetcher.load(a)}catch(n){P("Error loading groups. Stack: "+n),Te(Le,"Error loading groups or name index. If it persists, contact your admin.")}const a={},o=[];let r=Ee.each(n,Pe("includesGroup"));const i=new Set(r.map(n=>nn(n.uri)));r=[...i].map(n=>Ee.sym(n)),Te(Le,r.length+" total groups. ");for(let n=0;n<r.length;n++){const e=r[n],t=fn(Ee,e);Te(Le,d.utils.label(e)+": "+t.length+" members");for(let n=0;n<t.length;n++)Ee.allAliases(t[n]).forEach(function(n){a[n.uri]=e})}const s=Ee.each(void 0,Pe("inAddressBook"),n);Te(Le,s.length+" total contatcs");for(let n=0;n<s.length;n++)a[s[n].uri]||(o.push(s[n]),Te(Le," groupless "+d.utils.label(s[n])));return Te(Le,o.length+" groupless contacts."),o}var Oe=r(92),Ie={};Ie.styleTagTransform=v(),Ie.setAttributes=g(),Ie.insert=h().bind(null,"head"),Ie.domAPI=u(),Ie.insertStyleElement=b();p()(Oe.A,Ie);Oe.A&&Oe.A.locals&&Oe.A.locals;var ze=r(903),Ge={};Ge.styleTagTransform=v(),Ge.setAttributes=g(),Ge.insert=h().bind(null,"head"),Ge.domAPI=u(),Ge.insertStyleElement=b();p()(ze.A,Ge);ze.A&&ze.A.locals&&ze.A.locals;const Ne=d.ns,Me=d.utils,qe={icon:d.icons.iconBase+"noun_99101.svg",name:"contact",label:function(n,e){const t=e.session.store.findTypeURIs(n);return t[Ne.vcard("Individual").uri]||t[Ne.vcard("Organization").uri]?"Contact":t[Ne.foaf("Person").uri]||t[Ne.schema("Person").uri]?"Person":t[Ne.vcard("Group").uri]?"Group":t[Ne.vcard("AddressBook").uri]?"Address book":null},mintClass:d.ns.vcard("AddressBook"),mintNew:function(n,e){return new Promise(function(t,a){d.login.ensureLoadedProfile(e).then(e=>{E("Logged in as "+e.me);const o=e.me,r=e.dom,i=e.div,s=n.session.store,c=d.ns,p=e.newBase||e.newInstance.dir().uri;if((e.instanceClass||c.vcard("AddressBook")).sameTerm(c.vcard("Group"))){const n=e.newInstance||s.sym(e.newBase+"index.ttl#this"),o=n.doc();return s.add(n,c.rdf("type"),c.vcard("Group"),o),s.add(n,c.vcard("fn"),e.instanceName||"untitled group",o),void s.fetcher.putBack(o,{contentType:"text/turtle"}).then(function(n){t(e)}).catch(function(n){P("Failed to fetch new address book. Stack: "+n),a(new Error("Error creating document for new group "+n))})}let A='@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';A+="<#this> <http://www.w3.org/ns/auth/acl#owner> <"+o.uri+">.\n\n";const u=s.sym(p+"index.ttl#this"),m=[{to:"index.ttl",content:A,contentType:"text/turtle"},{to:"groups.ttl",content:"",contentType:"text/turtle"},{to:"people.ttl",content:"",contentType:"text/turtle"},{to:"",existing:!0,aclOptions:{defaultForNew:!0}}];!function n(){function d(e,t){if(!t)return a(new Error("Error writing new file "+c.to));wn(A,o,h).then(()=>n()).catch(n=>{P("Error setting access permissions for "+c.to+". Stack: "+n);const e="Error setting access permissions for "+c.to+".";return a(new Error(e))})}if(0===m.length)!function(n,a){E(`New ${a} created at ${n}`);const o=i.appendChild(r.createElement("p"));o.classList.add("claimSuccess"),o.innerHTML="Your <a href='"+n.uri+"'><b>new "+a+"</b></a> is ready. <br/><br/><a href='"+n.uri+"'>Go to new "+a+"</a>";const s=Object.assign({newInstance:n},e);t(s)}(u,"address book");else{var c=m.shift();E("Creating new file "+c.to+" in new instance ");var A=l.uri.join(c.to,p),h=c.aclOptions||{};"content"in c?s.fetcher.webOperation("PUT",A,{data:c.content,saveMetadata:!0,contentType:c.contentType}).then(()=>d(0,!0)):"existing"in c?d(0,!0):a(new Error("Copy not expected while buiding new app."))}}()},n=>{x("Error logging in. Stack: "+n),en(e.div,e.dom,"Please log in to create a new address book.")})})},render:function(n,e,t={}){const a=e.dom,o=e.session.store,r=a.createElement("div");return H(a),d.aclControl.preventBrowserDropEvents(a),r.setAttribute("class","contactPane"),function(n,e=900){function t(){const t=n.getBoundingClientRect().width,a=t<=e,o="undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(max-width: "+e+"px)").matches;return t>0?(n.classList.toggle("contactPane--narrow",a),n.dataset.paneWidth=Math.round(t).toString(),n.dataset.paneNarrow=a?"true":"false"):(n.classList.toggle("contactPane--narrow",o),n.dataset.paneWidth="0",n.dataset.paneNarrow=o?"true":"false"),n.dataset.viewportNarrow=o?"true":"false",a}function a(){const t="undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(max-width: "+e+"px)").matches;return n.classList.toggle("contactPane--narrow",t),n.dataset.viewportNarrow=t?"true":"false",t}"undefined"!=typeof ResizeObserver&&new ResizeObserver(()=>t()).observe(n);"undefined"!=typeof window&&"function"==typeof window.addEventListener&&window.addEventListener("resize",()=>{t(),a()}),function e(){t(),a(),n.isConnected||requestAnimationFrame(e)}()}(r,1e3),async function(){d.aclControl.preventBrowserDropEvents(a);const i=o.findTypeURIs(n);if(i[Ne.vcard("Individual").uri]||i[Ne.foaf("Person").uri]||i[Ne.schema("Person").uri]||i[Ne.vcard("Organization").uri]||i[Ne.schema("Organization").uri])try{await ve(a,r,n,e)}catch(n){throw P("Error rendering contact. Stack: "+n),new Error("Failed to render contact: "+(n.message||n))}else{if(!i[Ne.vcard("AddressBook").uri])throw P("No evidence that "+n+" is anything to do with contacts."),new Error("This does not seem to be a contact or address book.");!function(n,i){o.fetcher.load(n).then(function(c){!function(n,i){const c=Me.label(Ne.vcard("AddressBook"));let p=i.foreignGroup,A="";n&&n.length>0?(p=n[0],A=Me.label(p.dir())):(o.any(p,Ne.dc("title"))||o.any(p,Ne.vcard("fn")),t.solo&&A&&"undefined"!=typeof document&&(document.title=A.value),A=A?A.value:c);const u=o.any(p,Ne.vcard("groupIndex")),m={};let h={},f=null,g=null;const w=[];function b(n){w.forEach(n=>{n.classList.remove("btn-primary"),n.classList.add("btn-secondary")}),n&&(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}const C={dom:a,kb:o,ns:Ne,book:p,options:i,title:A,groupIndex:u,selectedGroups:m,get selectedPeople(){return h},set selectedPeople(n){h=n},get allGroupsLi(){return f},set allGroupsLi(n){f=n},get newGroupLi(){return g},set newGroupLi(n){g=n},actionButtons:w,setActiveActionButton:b,dataBrowserContext:e,div:r,me:l,setMe(n){l=n},paneOptions:t},{main:v,addressBookSection:B,detailsSection:y}=function(n){const{dom:e}=n,t=e.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=e.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 o=e.createElement("section");return o.classList.add("detailSection"),o.setAttribute("role","region"),o.setAttribute("aria-label","Details section"),o.classList.add("hidden"),t.appendChild(o),{main:t,addressBookSection:a,detailsSection:o}}(C);function x(){y.classList.remove("hidden")}r.appendChild(v),C.showDetailsSection=x,C.detailsSection=y;const k=a.createElement("ul");k.setAttribute("role","list"),k.setAttribute("aria-label","People list"),C.ulPeople=k,C.dataBrowserContext&&(C.dataBrowserContext.ulPeople=k);const D=a.createElement("div");D.classList.add("detailsSectionContent"),D.setAttribute("role","region"),D.setAttribute("aria-labelledby","detailsSectionContent"),D.setAttribute("aria-live","polite"),C.detailsSectionContent=D;const L=function(n){const{dom:e,ns:t,title:a,me:o,setMe:r,setActiveActionButton:i}=n,d=e.createElement("section");d.classList.add("headerSection");const l=e.createElement("header");l.classList.add("mb-md");const c=e.createElement("h2");c.id="addressBook-heading",c.setAttribute("tabindex","-1"),c.textContent=a;const p=e.createElement("button"),A=e.createElement("div");p.setAttribute("type","button"),o||p.setAttribute("disabled","true");s.authn.checkUser().then(n=>{n&&(r(n),p.removeAttribute("disabled"))}),A.appendChild(p),p.innerHTML="+ New contact",p.classList.add("actionButton","btn-primary","action-button-focus");let u=0;return p.addEventListener("click",async function(a){i(null),te(n.ulPeople);const o=++u;if(n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide"),await ie(),o!==u)return;n.detailsSectionContent.innerHTML="";const r=e.createElement("div");r.classList.add("contactTypeChooser");const s=e.createElement("label");s.textContent="Contact type: ",s.setAttribute("for","contactTypeSelect"),r.appendChild(s);const d=e.createElement("select");d.id="contactTypeSelect",d.classList.add("contactTypeSelect");const l=e.createElement("option");l.value="Individual",l.textContent="New person",d.appendChild(l);const c=e.createElement("option");c.value="Organization",c.textContent="New organization",d.appendChild(c),r.appendChild(d),n.detailsSectionContent.appendChild(r);const p=e.createElement("p");p.classList.add("contactCreationRemark"),p.textContent="The new contact is added to the already selected group.",n.detailsSectionContent.appendChild(p);const A=e.createElement("div");function m(){return"Organization"===d.value?t.vcard("Organization"):t.vcard("Individual")}A.classList.add("contactFormContainer"),n.detailsSectionContent.appendChild(A),Ue(n,A,m()),d.addEventListener("change",function(){Ue(n,A,m())})},!1),l.appendChild(c),l.appendChild(A),d.appendChild(l),d}(C);B.appendChild(L);const S=a.createElement("hr");S.classList.add("dottedHr"),B.appendChild(S);const{searchSection:F,searchInput:T}=function(n){const{dom:e}=n,t=e.createElement("section");t.classList.add("searchSection");const a=e.createElement("div");a.classList.add("searchDiv"),t.appendChild(a);const o=e.createElement("input");o.setAttribute("type","text"),o.setAttribute("aria-label","Search contacts"),o.classList.add("searchInput"),o.setAttribute("placeholder","Search by name in selected group"),a.appendChild(o);const r=e.createElement("button");return r.setAttribute("type","button"),r.setAttribute("aria-label","Clear search"),r.classList.add("searchClearButton","hidden"),r.textContent="✕",a.appendChild(r),o.addEventListener("input",function(e){const t=o.value.length>0;r.classList.toggle("hidden",!t),ae(n.ulPeople,!0,n.detailsSectionContent)}),r.addEventListener("click",function(){o.value="",r.classList.add("hidden"),o.focus(),ae(n.ulPeople,!0,n.detailsSectionContent)}),{searchSection:t,searchInput:o}}(C);C.searchInput=T,B.appendChild(F);const{buttonSection:j,ulGroups:O}=function(n){const{dom:e,kb:t,book:a,options:o,groupIndex:r,selectedGroups:i,actionButtons:s,setActiveActionButton:d}=n,l=e.createElement("section");l.classList.add("buttonSection");const c=e.createElement("ul");c.classList.add("groupButtonsList"),c.setAttribute("role","list"),c.setAttribute("aria-label","Groups list"),o.foreignGroup&&(i[o.foreignGroup.uri]=!0);if(a){n.allGroupsLi=e.createElement("li");const p=e.createElement("button");p.textContent="All groups",p.classList.add("allGroupsButton","actionButton","btn-primary","action-button-focus","allGroupsButton--selected"),p.addEventListener("click",function(e){Wn(c,p),d(null);if(Array.from(c.children).every(function(n){return!n.subject||!!i[n.subject.uri]})){p.classList.remove("allGroupsButton--loading","allGroupsButton--active"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--loaded");for(const n in i)delete i[n];Xn(c,i)}else p.classList.add("allGroupsButton--loading"),p.setAttribute("aria-busy","true"),Kn(i,c,function(e,t){if(!e)return Q("Failed to select all groups. If it persists, contact admin.");p.classList.remove("allGroupsButton--loading"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--active"),Xn(c,i),ne(n.ulPeople,null)})}),n.allGroupsLi.appendChild(p),c.appendChild(n.allGroupsLi),n.newGroupLi=e.createElement("li");const A=e.createElement("button");A.setAttribute("type","button"),A.innerHTML="+ New group",A.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),s.push(A),A.addEventListener("click",function(e){Wn(c,A),d(null),te(n.ulPeople),Re(n)},!1),n.newGroupLi.appendChild(A),l.appendChild(c),r&&t.fetcher.nowOrWhenFetched(r.uri,a,function(t,r){if(!t)return P("Error loading group index. Stack: "+r),void Q("Error loading group index. If it persists, contact admin.");n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),Zn(a,o,c,e,i,n.ulPeople,n.searchInput),c.insertBefore(n.allGroupsLi,c.firstChild),c.appendChild(n.newGroupLi),p.classList.add("allGroupsButton--loading"),p.setAttribute("aria-busy","true"),Kn(i,c,function(e,t){if(!e)return Q("Failed to select all groups. If it persists, contact admin.");p.classList.remove("allGroupsButton--loading"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--active"),Xn(c,i),ne(n.ulPeople,null)})}),n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),_n(a,c,o,e,i,n.ulPeople,n.searchInput,n.detailsSectionContent,n.dataBrowserContext,function(){d(null),n.detailsSectionContent.querySelector(".contactTypeChooser, .contactFormContainer, .renderPane")||(n.detailsSectionContent.innerHTML="",n.detailsSection.classList.add("hidden"))}),c.insertBefore(n.allGroupsLi,c.firstChild),c.appendChild(n.newGroupLi)}else Zn(a,o,c,e,i,n.ulPeople,n.searchInput),ne(n.ulPeople,null),E("No book, only one group -> hide list of groups");return{buttonSection:l,ulGroups:c}}(C);C.ulGroups=O,B.appendChild(j);const I=a.createElement("section");I.classList.add("peopleSection"),B.appendChild(I),I.appendChild(k),y.appendChild(D);const z=function(n){const{dom:e,kb:t,ns:a,book:o,options:r,selectedGroups:i,actionButtons:s,setActiveActionButton:l,dataBrowserContext:c,div:p,me:A}=n,u=e.createElement("div");if(u.classList.add("cardFooter"),o){const m=u.appendChild(e.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){l(m),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide");const c=e.createElement("h3");c.textContent="Your groups",n.detailsSectionContent.appendChild(c);let p,u=e.createElement("p");u.textContent="When you delete a group it can happen that some contacts end up groupless.",n.detailsSectionContent.appendChild(u),u=e.createElement("p"),u.textContent="To move contacts around, simply drag and drop them onto a group.",n.detailsSectionContent.appendChild(u);try{p=await Jn(o)}catch(t){return void n.detailsSectionContent.appendChild(e.createTextNode("Failed to load groups: "+t))}const h=e.createElement("ul");h.setAttribute("role","list"),h.setAttribute("aria-label","All groups"),h.classList.add("groupButtonsList"),p&&(p.sort((n,e)=>{const o=(t.any(n,a.vcard("fn"))||"").toString().toLowerCase(),r=(t.any(e,a.vcard("fn"))||"").toString().toLowerCase();return o<r?-1:o>r?1:0}),p.forEach(function(a){const{groupLi:s,groupButton:l,name:c}=Hn(a);l.addEventListener("click",function(e){if(e.preventDefault(),!e.metaKey)for(const n in i)delete i[n];i[a.uri]=!i[a.uri],Xn(n.ulGroups,i);const o=Array.from(n.ulGroups.children).find(n=>n.subject&&n.subject.uri===a.uri);Wn(n.ulGroups,o?o.querySelector("button"):null),t.fetcher.nowOrWhenFetched(a.doc(),void 0,function(e,t){if(!e)return P("Cannot load group: "+a+". Stack: "+t),Q("Failed to load group details. If it persists, contact your admin.");ne(n.ulPeople,null,!1)})},!1),d.widgets.makeDropTarget(s,n=>$n(n,a)),A&&d.widgets.deleteButtonWithCheck(e,s,"group "+c,async function(){await on(a),delete i[a.uri];const t=n.allGroupsLi,s=n.newGroupLi;t.parentNode&&t.parentNode.removeChild(t),s.parentNode&&s.parentNode.removeChild(s),Zn(o,r,n.ulGroups,e,i,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(t,n.ulGroups.firstChild),n.ulGroups.appendChild(s),Xn(n.ulGroups,i),ne(n.ulPeople,null,!1),m.click()}),h.appendChild(s)})),n.detailsSectionContent.appendChild(h);const f=e.createElement("button");f.setAttribute("type","button"),f.innerHTML="+ New group",f.classList.add("actionButton","btn-primary","action-button-focus","newGroupBtn"),f.addEventListener("click",function(){Re(n)},!1),n.detailsSectionContent.appendChild(f)});const h=u.appendChild(e.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(r){l(h),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide");const i=e.createElement("h3");i.textContent="Sharing",n.detailsSectionContent.appendChild(i),n.detailsSectionContent.appendChild(d.aclControl.ACLControlBox5(o.dir(),c,"book",t,function(t,a){t||(P("ACL control box Failed. Stack: "+a),en(n.detailsSectionContent,e,"Problem displaying sharing controls. If persists, contact admin."))}));const s={target:o,me:A,noun:"address book",div:n.detailsSectionContent,dom:e,statusRegion:p};d.login.registrationControl(s,o,a.vcard("AddressBook")).then(()=>E("Registration control finished.")).catch(t=>{P("Error in registration control. Stack: "+t),en(n.detailsSectionContent,e,"Problem displaying findable controls. If persists, contact admin.")})});const f=u.appendChild(e.createElement("button"));f.setAttribute("type","button"),f.innerHTML="Tools",f.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(f),f.addEventListener("click",function(t){l(f),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.add("detailsSectionContent--wide"),n.detailsSectionContent.appendChild(Fe(Kn,i,n.ulGroups,o,c,0,function(){n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),Zn(o,r,n.ulGroups,e,i,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(n.allGroupsLi,n.ulGroups.firstChild),n.ulGroups.appendChild(n.newGroupLi),Xn(n.ulGroups,i)}))})}return u}(C);B.appendChild(z),re(p,D).then(()=>{E("Async checkDataModel done.")})}(n,i)}).catch(function(n){throw P("Error loading address book. Stack: "+n),new Error("Failed to load address book.")})}([n],{})}let l=s.authn.currentUser();if("undefined"!=typeof document&&document.location&&"http://localhost"===(""+document.location).slice(0,16)){const e=o.any(n,d.ns.acl("owner"));e&&(l=e)}return r}().then(()=>E("Contacts pane rendered for "+n),n=>en(r,a,n.message||""+n)).catch(n=>{en(r,a,n.message||""+n)}),r}};async function Re(n){const{dom:e,kb:t,ns:a,book:o,options:r,selectedGroups:i,dataBrowserContext:s}=n;n.showDetailsSection(),n.detailsSectionContent.innerHTML="";const l=t.any(o,a.vcard("groupIndex"));try{await t.fetcher.load(l)}catch(n){E("Error: Group index NOT loaded:"+n+"\n")}E(" Group index has been loaded\n");const c=await d.widgets.askName(e,t,n.detailsSectionContent,d.ns.foaf("name"),a.vcard("Group"),"group");if(!c)return;let p;try{p=await mn(o,c)}catch(e){return E("Error: can't save new group:"+e),void(n.detailsSectionContent.innerHTML="Failed to save group"+e)}for(const n in i)delete i[n];i[p.uri]=!0;const A=n.allGroupsLi,u=n.newGroupLi;A.parentNode&&A.parentNode.removeChild(A),u.parentNode&&u.parentNode.removeChild(u),Zn(o,r,n.ulGroups,e,i,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(A,n.ulGroups.firstChild),n.ulGroups.appendChild(u),Xn(n.ulGroups,i);const m=Array.from(n.ulGroups.children).find(n=>n.subject&&n.subject.uri===p.uri);Wn(n.ulGroups,m?m.querySelector("button"):null),ne(n.ulPeople,null,!1),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.appendChild(d.aclControl.ACLControlBox5(p.doc(),s,"group",t,function(e,t){e||(n.detailsSectionContent.innerHTML="Group sharing setup failed: "+t)}))}function Ue(n,e,t){const{dom:a,kb:o,book:r,selectedGroups:i,dataBrowserContext:s}=n;e.innerHTML="",d.widgets.askName(a,o,e,d.ns.foaf("name"),t).then(async e=>{if(!e)return;let a;n.detailsSectionContent.innerHTML="Indexing...";try{a=await async function(n,e,t,a){await pn.fetcher.load(n.doc());const o=pn.any(n,ln.vcard("nameEmailIndex")),r=cn.genUuid(),i=pn.sym(n.dir().uri+"Person/"+r+"/index.ttl#this"),s=i.doc(),d=[l.st(i,ln.vcard("inAddressBook"),n,o),l.st(i,ln.vcard("fn"),e,o),l.st(i,ln.vcard("fn"),e,s),l.st(i,ln.rdf("type"),a,s),l.st(s,ln.dct("created"),new Date,s)],c=Array.isArray(t)?t:Object.keys(t||{});if(c.length>0){for(const n of c){const t=pn.sym(n),a=t.doc();d.push(l.st(t,ln.vcard("hasMember"),i,a),l.st(i,ln.vcard("fn"),e,a))}try{await An.updateMany([],d)}catch(n){throw P("Cannot add group membership for "+i+". Stack:"+n),new Error("Save new contact")}return i}Q("Must be a member of at least one group. Please select or create a group.")}(r,e,i,t)}catch(n){return void Q("Error saving contact. If it persists, contact your admin.")}if(!a)return void(n.detailsSectionContent.innerHTML="");n.selectedPeople={},n.selectedPeople[a.uri]=!0,ne(n.ulPeople,null),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.add("detailsSectionContent--wide");const o=s.session.paneRegistry.byName("contact").render(a,s);o.classList.add("renderPane"),n.detailsSectionContent.appendChild(o)})}return i=i.default})());
1
+ !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("solid-logic"),require("solid-ui"),require("rdflib")):"function"==typeof define&&define.amd?define(["solid-logic","solid-ui","rdflib"],e):"object"==typeof exports?exports.ContactsPane=e(require("solid-logic"),require("solid-ui"),require("rdflib")):n.ContactsPane=e(n.SolidLogic,n.UI,n.$rdf)}(globalThis,(n,e,t)=>(()=>{"use strict";var a={903(n,e,t){t.d(e,{A:()=>A});var a=t(354),o=t.n(a),i=t(314),r=t.n(i),s=t(417),d=t.n(s),l=new URL(t(102),t.b),c=r()(o()),p=d()(l);c.push([n.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.contactPane .addressBookSection {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 0; /* allow sections to collapse when stacked */\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n flex: 1 1 auto;\n min-height: 12.5rem; /* 200px */\n padding: var(--spacing-lg);\n max-width: 56.25rem; /* 900px */\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 56.25rem; /* 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: 22.5rem; /* 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: var(--border-width-sm, 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: var(--border-width-sm, 1px) solid var(--color-border-pale);\n background-color: var(--color-section-bg);\n background-image: url(${p});\n background-repeat: no-repeat;\n background-position: 0.5rem center; /* 8px */\n background-size: 1.25rem 1.25rem; /* 20px 20px */\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 2.125rem; /* 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 align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a {\n margin: 0.3rem;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3rem;\n height: 1rem;\n margin: 0;\n}\n\n.contact-toolbar .deleteButton {\n margin-left: auto; /* keeps delete icon on the right */\n margin-right: var(--spacing-xxxs, 0.2rem);\n width: var(--icon-xxs, 1rem);\n height: var(--icon-xxs, 1rem);\n float: none; /* important: prevents overlap behavior */\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/* ── 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: 0;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 0; /* allow it to shrink */\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\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.contactPane.contactPane--narrow .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-width: 0 !important;\n overflow-x: hidden !important;\n}\n\n.contactPane.contactPane--narrow .addressBookSection,\n.contactPane.contactPane--narrow .detailSection {\n flex: 1 1 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n width: 100% !important;\n}\n\n@media (max-width: 1000px) {\n /* Stack sidebar + details vertically on narrow screens */\n .contactPane {\n min-height: auto !important;\n }\n\n .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-height: auto !important;\n height: auto !important;\n }\n\n .contactPane .addressBookSection,\n .contactPane .detailSection {\n order: initial !important;\n flex: none !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n\n .contactPane .addressBookSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n padding-bottom: var(--spacing-lg) !important;\n display: flex !important;\n flex-direction: column !important;\n height: auto !important;\n }\n\n .contactPane .peopleSection ul {\n max-height: 50vh;\n overflow-y: auto;\n }\n\n .contactPane .detailSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailsSectionContent {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: stretch !important;\n min-height: auto !important;\n height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailSection > .detailsSectionContent {\n padding-top: var(--spacing-sm) !important;\n box-sizing: border-box !important;\n }\n\n /* Keep a normal mobile text scale while preserving comfortable touch targets */\n /* The following rule made all text much larger on mobile; comment out to restore normal font size for non-buttons.\n .contactPane,\n .contactPane * {\n font-size: 1.5rem !important;\n } */\n\n .contactPane .actionButton,\n .contactPane .searchInput,\n .contactPane .flatButton,\n .contactPane .buttonSection button,\n .contactPane .groupButtonsList button {\n min-height: calc(var(--min-touch-target) + 0.5em) !important;\n font-size: 1.5rem !important;\n padding: 0.875em 1em !important;\n }\n\n .contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide, .contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"],\n .individualPane .hoverControl img.hoverControlHide, \n .individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n}\n\n\n/* Card Section Background */\n.contactPane .addressBookSection.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/* Keep detail section content anchored at top */\n.contactPane .detailSection {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n.contactPane .detailsSectionContent {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\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@media (max-width: 1000px) {\n .contactPane .buttonSection {\n position: sticky;\n top: 0;\n z-index: 2;\n background: var(--color-section-bg);\n box-shadow: 0 2px 4px -2px rgba(0,0,0,0.04);\n }\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: auto;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-xs);\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: auto;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li > img.hoverControlHide,\n.contactPane .detailsSectionContent .groupButtonsList li > img[data-testid="deleteButtonWithCheck"] {\n display: block;\n align-self: flex-end;\n float: none !important;\n margin: 0 !important;\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 div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\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 position: absolute !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\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: var(--border-width-sm, 0.1rem) 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: var(--border-width-sm, 0.1rem) 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: 2.813rem /* 45px */;\n height: 2.813rem /* 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: 2.25rem /* 36px */;\n height: 2.25rem /* 36px */;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 2.5rem /* 40px */;\n height: 2.5rem /* 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;;EAEE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,WAAW,EAAE,wCAAwC;EACrD,YAAY,EAAE,4CAA4C;EAC1D,sBAAsB;EACtB,mCAAmC;AACrC;;AAEA;EACE,cAAc;EACd,mBAAmB,EAAE,UAAU;EAC/B,0BAA0B;EAC1B,mBAAmB,EAAE,UAAU;EAC/B,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,mBAAmB,EAAE,UAAU;AACjC;;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,kBAAkB,EAAE,UAAU;AAChC;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;AAChC;;AAEA;EACE,+BAA+B;EAC/B,kEAAkE;EAClE,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,kEAAkE;EAClE,yCAAyC;EACzC,yDAAgZ;EAChZ,4BAA4B;EAC5B,kCAAkC,EAAE,QAAQ;EAC5C,gCAAgC,EAAE,cAAc;EAChD,wCAAwC;EACxC,uCAAuC,EAAE,SAAS;EAClD,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,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;AAC9B;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,SAAS;AACX;;AAEA;EACE,iBAAiB,EAAE,mCAAmC;EACtD,yCAAyC;EACzC,4BAA4B;EAC5B,6BAA6B;EAC7B,WAAW,EAAE,yCAAyC;AACxD;;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;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,aAAa;EACb,iBAAiB,EAAE,+BAA+B;EAClD,OAAO;EACP,YAAY,EAAE,uBAAuB;EACrC,oBAAoB;EACpB,WAAW;EACX,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE;IACE,gBAAgB;EAClB;EACA;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,uBAAuB;EACvB,6BAA6B;AAC/B;;AAEA;;EAEE,yBAAyB;EACzB,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA;EACE,yDAAyD;EACzD;IACE,2BAA2B;EAC7B;;EAEA;IACE,iCAAiC;IACjC,4BAA4B;IAC5B,2BAA2B;IAC3B,uBAAuB;EACzB;;EAEA;;IAEE,yBAAyB;IACzB,qBAAqB;IACrB,sBAAsB;IACtB,0BAA0B;IAC1B,uBAAuB;EACzB;;;EAGA;IACE,2BAA2B;IAC3B,2BAA2B;IAC3B,8BAA8B;IAC9B,4CAA4C;IAC5C,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;EACzB;;EAEA;IACE,gBAAgB;IAChB,gBAAgB;EAClB;;EAEA;IACE,2BAA2B;IAC3B,2BAA2B;IAC3B,8BAA8B;EAChC;;EAEA;IACE,wBAAwB;IACxB,iCAAiC;IACjC,sCAAsC;IACtC,+BAA+B;IAC/B,2BAA2B;IAC3B,uBAAuB;IACvB,8BAA8B;EAChC;;EAEA;IACE,yCAAyC;IACzC,iCAAiC;EACnC;;EAEA,+EAA+E;EAC/E;;;;KAIG;;EAEH;;;;;IAKE,4DAA4D;IAC5D,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;;;IAGE,+BAA+B;IAC/B,8BAA8B;IAC9B,qBAAqB;EACvB;AACF;;;AAGA,4BAA4B;AAC5B;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA,gDAAgD;AAChD;EACE,aAAa;EACb,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;AACtB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;AACtB;;AAEA,kEAAkE;;;AAGlE;EACE,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,gBAAgB;EAChB,kBAAkB;EAClB,iCAAiC;EACjC,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE;IACE,gBAAgB;IAChB,MAAM;IACN,UAAU;IACV,mCAAmC;IACnC,2CAA2C;EAC7C;AACF;;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,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;AAC3B;;AAEA;;EAEE,cAAc;EACd,oBAAoB;EACpB,sBAAsB;EACtB,oBAAoB;AACtB;;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;EACE,2BAA2B;AAC7B;;;AAGA;;;EAGE,6BAA6B;EAC7B,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,0BAA0B;EAC1B,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA;;;EAGE,wCAAwC;AAC1C;;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,yEAAyE;EACzE,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,yEAAyE;EACzE,0BAA0B;AAC5B;;AAEA,mEAAmE;;AAEnE;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;AAChC;;AAEA;EACE,0BAA0B;EAC1B,2BAA2B;EAC3B,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,yBAAyB;EACzB,0BAA0B;EAC1B,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,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.contactPane .addressBookSection {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 1 1 0; /* allow it to grow but not force wrap */\n min-width: 0; /* allow sections to collapse when stacked */\n box-sizing: border-box;\n background: var(--color-section-bg);\n}\n\n.contactPane .detailsSectionContent {\n flex: 1 1 auto;\n min-height: 12.5rem; /* 200px */\n padding: var(--spacing-lg);\n max-width: 56.25rem; /* 900px */\n width: 100%;\n box-sizing: border-box;\n}\n\n.contactPane .detailsSectionContent--wide {\n max-width: 56.25rem; /* 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: 22.5rem; /* 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: var(--border-width-sm, 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: var(--border-width-sm, 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: 0.5rem center; /* 8px */\n background-size: 1.25rem 1.25rem; /* 20px 20px */\n border-radius: var(--border-radius-base);\n padding: 0 var(--spacing-sm) 0 2.125rem; /* 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 align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) 0;\n}\n\n.contactPane .contact-toolbar a {\n margin: 0.3rem;\n}\n\n.contactPane .contact-toolbar a img {\n width: 1.3rem;\n height: 1rem;\n margin: 0;\n}\n\n.contact-toolbar .deleteButton {\n margin-left: auto; /* keeps delete icon on the right */\n margin-right: var(--spacing-xxxs, 0.2rem);\n width: var(--icon-xxs, 1rem);\n height: var(--icon-xxs, 1rem);\n float: none; /* important: prevents overlap behavior */\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/* ── 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: 0;\n}\n\n.contactPane .addressBook-grid {\n display: flex;\n flex-wrap: nowrap; /* keep sections side-by-side */\n flex: 1;\n min-width: 0; /* allow it to shrink */\n align-items: stretch;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\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.contactPane.contactPane--narrow .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-width: 0 !important;\n overflow-x: hidden !important;\n}\n\n.contactPane.contactPane--narrow .addressBookSection,\n.contactPane.contactPane--narrow .detailSection {\n flex: 1 1 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n width: 100% !important;\n}\n\n@media (max-width: 1000px) {\n /* Stack sidebar + details vertically on narrow screens */\n .contactPane {\n min-height: auto !important;\n }\n\n .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n min-height: auto !important;\n height: auto !important;\n }\n\n .contactPane .addressBookSection,\n .contactPane .detailSection {\n order: initial !important;\n flex: none !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n\n .contactPane .addressBookSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n padding-bottom: var(--spacing-lg) !important;\n display: flex !important;\n flex-direction: column !important;\n height: auto !important;\n }\n\n .contactPane .peopleSection ul {\n max-height: 50vh;\n overflow-y: auto;\n }\n\n .contactPane .detailSection {\n max-height: none !important;\n min-height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailsSectionContent {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: stretch !important;\n min-height: auto !important;\n height: auto !important;\n overflow-y: visible !important;\n }\n\n .contactPane .detailSection > .detailsSectionContent {\n padding-top: var(--spacing-sm) !important;\n box-sizing: border-box !important;\n }\n\n /* Keep a normal mobile text scale while preserving comfortable touch targets */\n /* The following rule made all text much larger on mobile; comment out to restore normal font size for non-buttons.\n .contactPane,\n .contactPane * {\n font-size: 1.5rem !important;\n } */\n\n .contactPane .actionButton,\n .contactPane .searchInput,\n .contactPane .flatButton,\n .contactPane .buttonSection button,\n .contactPane .groupButtonsList button {\n min-height: calc(var(--min-touch-target) + 0.5em) !important;\n font-size: 1.5rem !important;\n padding: 0.875em 1em !important;\n }\n\n .contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide, .contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"],\n .individualPane .hoverControl img.hoverControlHide, \n .individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n}\n\n\n/* Card Section Background */\n.contactPane .addressBookSection.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/* Keep detail section content anchored at top */\n.contactPane .detailSection {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n.contactPane .detailsSectionContent {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n\n/* ── Button section: horizontal scrollable row ──────────────── */\n\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@media (max-width: 1000px) {\n .contactPane .buttonSection {\n position: sticky;\n top: 0;\n z-index: 2;\n background: var(--color-section-bg);\n box-shadow: 0 2px 4px -2px rgba(0,0,0,0.04);\n }\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: auto;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-xs);\n}\n\n.contactPane .detailsSectionContent .groupButtonsList button {\n width: 100%;\n height: auto;\n text-align: center;\n border-radius: var(--border-radius-base);\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.contactPane .detailsSectionContent .groupButtonsList li > img.hoverControlHide,\n.contactPane .detailsSectionContent .groupButtonsList li > img[data-testid="deleteButtonWithCheck"] {\n display: block;\n align-self: flex-end;\n float: none !important;\n margin: 0 !important;\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 div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\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 position: absolute !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.contactPane .detailsSectionContent .contact-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]),\n.contactPane .webidControl .personaRow--webid td > div[style*="position: relative"] > div > button:has(> img[src$=".svg"]) {\n background-color: transparent !important;\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: var(--border-width-sm, 0.1rem) 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: var(--border-width-sm, 0.1rem) 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: 2.813rem /* 45px */;\n height: 2.813rem /* 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: 2.25rem /* 36px */;\n height: 2.25rem /* 36px */;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.contactPane .personLi-avatar img {\n width: 2.5rem /* 40px */;\n height: 2.5rem /* 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 A=c},686(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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,\n.contactPane .hoverControl {\n position: relative;\n}\n\n/* In contactPane, hover controls in table cells may contain a link + delete icon.\n Make the cell grow and keep the delete icon right-aligned (no overlap). */\n.contactPane td.hoverControl:has(> a) {\n width: auto !important;\n min-width: 4rem !important;\n justify-content: space-between !important;\n}\n\n.contactPane td.hoverControl:has(> a) > a {\n flex: 1 1 auto;\n min-width: 0;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: normal;\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: var(--spacing-btn) !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 .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: var(--spacing-xxs);\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: var(--spacing-xxs);\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: var(--color-section-bg) !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transition: background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Ensure certain icon images render at a consistent size and align nicely when adjacent. */\n.contactPane img[src$="red.svg"],\n.contactPane img[src$="go-to-this.png"],\n.individualPane img[src$="red.svg"],\n.individualPane img[src$="go-to-this.png"] {\n width: 1.2rem !important;\n height: 1.2rem !important;\n max-width: none !important;\n max-height: none !important;\n object-fit: contain;\n display: inline-block;\n vertical-align: middle;\n}\n\n/* If the SVG button is inside a statsLog wrapper, add pink background to the button only. */\n.individualPane .statsLog button:has(> img[src$=".svg"]),\n.contactPane .statsLog button:has(> img[src$=".svg"]) {\n background-color: var(--color-info-bg) !important;\n border: initial !important;\n margin: initial !important;\n border-radius: initial !important;\n}\n\n/* Hide the “Continue” icon button that Solid-UI sometimes renders below textareas. */\n.individualPane button:has(> img[title="Continue"]),\n.contactPane button:has(> img[title="Continue"]) {\n display: none !important;\n}\n\n.contactPane .detailSection .detailsSectionContent button:has(> img[title="Continue"]),\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n display: inline-flex !important;\n}\n\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n width: var(--icon-base, 2rem) !important;\n height: var(--icon-base, 2rem) !important;\n}\n\n/* Allow “Continue” buttons inside contactFormContainer to be visible. */\n.individualPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.contactPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.individualPane .contactFormContainer button:has(> img[title="Continue"]),\n.contactPane .contactFormContainer button:has(> img[title="Continue"]) {\n display: inline-flex !important;\n}\n\n/* Exception: allow “Continue” buttons inside statsLog to remain visible. */\n.individualPane .statsLog button:has(> img[title="Continue"]),\n.contactPane .statsLog button:has(> img[title="Continue"]),\n.individualPane .webidControl button:has(> img[title="Continue"]),\n.contactPane .webidControl button:has(> img[title="Continue"]){\n display: inline-flex !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 width: 99%;\n max-width: 99%;\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: var(--border-width-sm) solid var(--color-border-pale);\n margin-left: 0 !important;\n margin-right: 0 !important;\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: var(--border-radius-sm) !important;\n border: var(--border-width-xthin) solid var(--color-border-accent) !important;\n width: 99%;\n max-width: 99%;\n box-sizing: border-box;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n margin: 0 !important;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding: var(--spacing-xs) !important;\n}\n\n.individualPane select,\n.contactPane select {\n max-width: 99%;\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: var(--border-width-sm) solid var(--color-border-pale);\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: 99%;\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: 99% !important;\n max-width: 99%;\n}\n\n/* Email and phone value inputs: do not stretch full width */\n.individualPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]),\n.contactPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]) {\n width: 98% !important;\n max-width: 98%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 99%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 99%;\n max-width: 98%;\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: var(--spacing-xxs);\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1rem !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: var(--spacing-xxs);\n width: 8rem;\n padding: var(--spacing-xxs);\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/* 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: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: var(--opacity-input-disabled);\n border: var(--border-width-xthin) solid var(--color-background) !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/* Delete pop up */\n/* Remove the intermediate positioned ancestor so the popup anchors to .hoverControl instead */\n.individualPane div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n.individualPane div[style*="position: relative"] > div[style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.individualPane .hoverControl img.hoverControlHide,\n.individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n position: absolute !important;\n right: var(--spacing-xxxs) !important;\n width: var(--icon-xs, 1.5rem) !important;\n height: var(--icon-xs, 1.5rem) !important;\n display: none !important;\n align-items: center;\n justify-content: center;\n margin: 0 !important;\n float: none !important;\n z-index: 2 !important;\n}\n\n/* Show delete icon only on hover */\n.individualPane .hoverControl:hover img.hoverControlHide,\n.individualPane .hoverControl:hover [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n}\n\n/* If the hoverControl has exactly one div + the delete icon, keep the icon vertically centered but right-aligned */\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > img.hoverControlHide,\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > [data-testid="deleteButtonWithCheck"] {\n top: 50% !important;\n right: var(--spacing-xxxs) !important;\n left: auto !important;\n transform: translateY(-50%) !important;\n}',"",{version:3,sources:["webpack://./src/styles/contactsRDFFormsEnforced.css"],names:[],mappings:"AAAA,kBAAkB;;AAElB,4DAA4D;AAC5D;;EAEE,mBAAmB;EACnB,aAAa;AACf;;AAEA;;EAEE,sBAAsB;AACxB;;AAEA;;EAEE,kBAAkB;AACpB;;AAEA;4EAC4E;AAC5E;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,yCAAyC;AAC3C;;AAEA;EACE,cAAc;EACd,YAAY;EACZ,uBAAuB;EACvB,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;;EAEE,wCAAwC;EACxC,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,sCAAsC;EACtC,mCAAmC;EACnC,kCAAkC;EAClC,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;EACnB,+BAA+B;AACjC;;AAEA;;EAEE,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,oDAAoD;AACtD;;AAEA;;EAEE,oDAAoD;EACpD,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;EAC3B,2BAA2B;EAC3B,4DAA4D;AAC9D;;AAEA,2FAA2F;AAC3F;;;;EAIE,wBAAwB;EACxB,yBAAyB;EACzB,0BAA0B;EAC1B,2BAA2B;EAC3B,mBAAmB;EACnB,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA,4FAA4F;AAC5F;;EAEE,iDAAiD;EACjD,0BAA0B;EAC1B,0BAA0B;EAC1B,iCAAiC;AACnC;;AAEA,qFAAqF;AACrF;;EAEE,wBAAwB;AAC1B;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;EACE,wCAAwC;EACxC,yCAAyC;AAC3C;;AAEA,wEAAwE;AACxE;;;;EAIE,+BAA+B;AACjC;;AAEA,2EAA2E;AAC3E;;;;EAIE,+BAA+B;AACjC;;AAEA;;EAEE,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;;EAEE,UAAU;EACV,cAAc;EACd,YAAY;EACZ,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,6DAA6D;EAC7D,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;;;;EAIE,gBAAgB;EAChB,wBAAwB;EACxB,iDAAiD;EACjD,6EAA6E;EAC7E,UAAU;EACV,cAAc;EACd,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,oBAAoB;EACpB,6BAA6B;EAC7B,yBAAyB;EACzB,0BAA0B;EAC1B,qCAAqC;AACvC;;AAEA;;EAEE,cAAc;EACd,YAAY;EACZ,sBAAsB;EACtB,aAAa;EACb,wBAAwB;EACxB,iDAAiD;EACjD,6DAA6D;AAC/D;;AAEA;;;;;;;;;;EAUE,mCAAmC;AACrC;;AAEA;;;;;;;;;;EAUE,sEAAsE;EACtE,mBAAmB;EACnB,6CAA6C;AAC/C;;AAEA;;EAEE,UAAU;AACZ;;AAEA;;EAEE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;;EAEE,oBAAoB;EACpB,qBAAqB;AACvB;;AAEA;;EAEE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;;EAEE,YAAY;AACd;;AAEA;;;;EAIE,qBAAqB;EACrB,cAAc;AAChB;;AAEA,4DAA4D;AAC5D;;EAEE,qBAAqB;EACrB,cAAc;AAChB;;AAEA;;EAEE,UAAU;EACV,qBAAqB;EACrB,0BAA0B;AAC5B;;AAEA;;EAEE,UAAU;EACV,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,gCAAgC;AAClC;;AAEA;;EAEE,8BAA8B;AAChC;;AAEA,gCAAgC;AAChC,yDAAyD;AACzD;;EAEE,eAAe;EACf,gCAAgC;EAChC,WAAW;EACX,2BAA2B;EAC3B,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,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;;;;;;;;;;;;;;EAcE,oDAAoD;EACpD,mBAAmB;EACnB,sCAAsC;EACtC,0EAA0E;AAC5E;;AAEA;EACE,uBAAuB;AACzB;;AAEA,uEAAuE;AACvE,gFAAgF;AAChF;wEACwE;;AAExE,mFAAmF;;AAEnF,kBAAkB;AAClB,8FAA8F;AAC9F;EACE,2BAA2B;AAC7B;;AAEA;EACE,gDAAgD;EAChD,6BAA6B;EAC7B,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA;;EAEE,6BAA6B;EAC7B,qCAAqC;EACrC,wCAAwC;EACxC,yCAAyC;EACzC,wBAAwB;EACxB,mBAAmB;EACnB,uBAAuB;EACvB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;AACvB;;AAEA,mCAAmC;AACnC;;EAEE,+BAA+B;AACjC;;AAEA,mHAAmH;AACnH;;EAEE,mBAAmB;EACnB,qCAAqC;EACrC,qBAAqB;EACrB,sCAAsC;AACxC",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,\n.contactPane .hoverControl {\n position: relative;\n}\n\n/* In contactPane, hover controls in table cells may contain a link + delete icon.\n Make the cell grow and keep the delete icon right-aligned (no overlap). */\n.contactPane td.hoverControl:has(> a) {\n width: auto !important;\n min-width: 4rem !important;\n justify-content: space-between !important;\n}\n\n.contactPane td.hoverControl:has(> a) > a {\n flex: 1 1 auto;\n min-width: 0;\n overflow-wrap: anywhere;\n word-break: break-word;\n white-space: normal;\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: var(--spacing-btn) !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 .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: var(--spacing-xxs);\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: var(--spacing-xxs);\n}\n\n.individualPane .hoverControl:has(> img:first-child):hover,\n.contactPane .hoverControl:has(> img:first-child):hover {\n background-color: var(--color-section-bg) !important;\n}\n\n.individualPane button:has(> img[src$=".svg"]),\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transition: background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Ensure certain icon images render at a consistent size and align nicely when adjacent. */\n.contactPane img[src$="red.svg"],\n.contactPane img[src$="go-to-this.png"],\n.individualPane img[src$="red.svg"],\n.individualPane img[src$="go-to-this.png"] {\n width: 1.2rem !important;\n height: 1.2rem !important;\n max-width: none !important;\n max-height: none !important;\n object-fit: contain;\n display: inline-block;\n vertical-align: middle;\n}\n\n/* If the SVG button is inside a statsLog wrapper, add pink background to the button only. */\n.individualPane .statsLog button:has(> img[src$=".svg"]),\n.contactPane .statsLog button:has(> img[src$=".svg"]) {\n background-color: var(--color-info-bg) !important;\n border: initial !important;\n margin: initial !important;\n border-radius: initial !important;\n}\n\n/* Hide the “Continue” icon button that Solid-UI sometimes renders below textareas. */\n.individualPane button:has(> img[title="Continue"]),\n.contactPane button:has(> img[title="Continue"]) {\n display: none !important;\n}\n\n.contactPane .detailSection .detailsSectionContent button:has(> img[title="Continue"]),\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n display: inline-flex !important;\n}\n\n.contactPane .detailSection .detailsSectionContent img[title="Continue"] {\n width: var(--icon-base, 2rem) !important;\n height: var(--icon-base, 2rem) !important;\n}\n\n/* Allow “Continue” buttons inside contactFormContainer to be visible. */\n.individualPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.contactPane .contactFormContainer button:has(> img[src$="noun_1180158.svg"]),\n.individualPane .contactFormContainer button:has(> img[title="Continue"]),\n.contactPane .contactFormContainer button:has(> img[title="Continue"]) {\n display: inline-flex !important;\n}\n\n/* Exception: allow “Continue” buttons inside statsLog to remain visible. */\n.individualPane .statsLog button:has(> img[title="Continue"]),\n.contactPane .statsLog button:has(> img[title="Continue"]),\n.individualPane .webidControl button:has(> img[title="Continue"]),\n.contactPane .webidControl button:has(> img[title="Continue"]){\n display: inline-flex !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 width: 99%;\n max-width: 99%;\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: var(--border-width-sm) solid var(--color-border-pale);\n margin-left: 0 !important;\n margin-right: 0 !important;\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: var(--border-radius-sm) !important;\n border: var(--border-width-xthin) solid var(--color-border-accent) !important;\n width: 99%;\n max-width: 99%;\n box-sizing: border-box;\n font: inherit;\n color: var(--color-text);\n background-color: var(--color-card-bg) !important;\n margin: 0 !important;\n margin-top: var(--spacing-xs);\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding: var(--spacing-xs) !important;\n}\n\n.individualPane select,\n.contactPane select {\n max-width: 99%;\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: var(--border-width-sm) solid var(--color-border-pale);\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: 99%;\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: 99% !important;\n max-width: 99%;\n}\n\n/* Email and phone value inputs: do not stretch full width */\n.individualPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]),\n.contactPane .formFieldName:has(a[href="http://www.w3.org/2006/vcard/ns#value"]) + .formFieldValue input:not([type="color"]) {\n width: 98% !important;\n max-width: 98%;\n}\n\n.individualPane .formFieldValue select,\n.contactPane .formFieldValue select {\n width: 99%;\n display: inline-block;\n max-width: none !important;\n}\n\n.individualPane select#formSelect,\n.contactPane select#formSelect {\n width: 99%;\n max-width: 98%;\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: var(--spacing-xxs);\n}\n\n.individualPane .choiceBox .choiceBox-selectBox select,\n.contactPane .choiceBox .choiceBox-selectBox select {\n margin-left: 2.1rem !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: var(--spacing-xxs);\n width: 8rem;\n padding: var(--spacing-xxs);\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/* 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: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: var(--opacity-input-disabled);\n border: var(--border-width-xthin) solid var(--color-background) !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/* Delete pop up */\n/* Remove the intermediate positioned ancestor so the popup anchors to .hoverControl instead */\n.individualPane div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n.individualPane div[style*="position: relative"] > div[style*="display: grid"] {\n /* override inline values with theme variables */\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n.individualPane .hoverControl img.hoverControlHide,\n.individualPane .hoverControl [data-testid="deleteButtonWithCheck"] {\n position: absolute !important;\n right: var(--spacing-xxxs) !important;\n width: var(--icon-xs, 1.5rem) !important;\n height: var(--icon-xs, 1.5rem) !important;\n display: none !important;\n align-items: center;\n justify-content: center;\n margin: 0 !important;\n float: none !important;\n z-index: 2 !important;\n}\n\n/* Show delete icon only on hover */\n.individualPane .hoverControl:hover img.hoverControlHide,\n.individualPane .hoverControl:hover [data-testid="deleteButtonWithCheck"] {\n display: inline-flex !important;\n}\n\n/* If the hoverControl has exactly one div + the delete icon, keep the icon vertically centered but right-aligned */\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > img.hoverControlHide,\n.individualPane .hoverControl:has(> div:nth-child(1):nth-last-child(2)):hover > [data-testid="deleteButtonWithCheck"] {\n top: 50% !important;\n right: var(--spacing-xxxs) !important;\n left: auto !important;\n transform: translateY(-50%) !important;\n}'],sourceRoot:""}]);const s=r},93(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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 !important;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\n gap: var(--spacing-sm) !important;\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100% !important;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content !important;\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: 16rem; /* 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-item .group-membership-toolbar {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a {\n margin: 0.3rem;\n margin-left: 1rem;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a img {\n width: 1.3rem;\n height: 1rem;\n margin: 0;\n}\n\n/* Cancel float:right and any absolute positioning injected by solid-ui */\n.contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"] {\n float: none !important;\n display: inline-flex !important;\n visibility: hidden !important;\n margin: 0 !important;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar:hover > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar:hover > [data-testid="deleteButtonWithCheck"] {\n visibility: visible !important;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: min(90vw, 27.5rem) !important; /* 440px */\n min-width: 17.5rem !important; /* 280px */\n max-width: 90vw !important;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n min-width: 17.5rem !important; /* 280px */ \n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: var(--box-shadow-overlay);\n z-index: 1001;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr) !important;\n gap: var(--spacing-xs) !important;\n max-width: 100% !important;\n }\n\n .contactPane .group-membership-item .group-membership-item > button {\n font-size: var(--font-size-sm) !important;\n border-radius: var(--border-radius-base) !important;\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr) !important;\n gap: var(--spacing-sm) !important;\n }\n}\n',"",{version:3,sources:["webpack://./src/styles/groupMembership.css"],names:[],mappings:"AAAA,iEAAiE;;AAEjE;EACE,4BAA4B;AAC9B;;AAEA,kEAAkE;AAClE;EACE,wBAAwB;EACxB,sEAAsE;EACtE,iCAAiC;EACjC,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA,kDAAkD;AAClD;EACE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,gBAAgB,EAAE,UAAU;AAC9B;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,wCAAwC;EACxC,qBAAqB;EACrB,yBAAyB;EACzB,mCAAmC;AACrC;;AAEA,qEAAqE;AACrE;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,gCAAgC;AAClC;;AAEA;EACE,cAAc;EACd,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,SAAS;AACX;;AAEA,yEAAyE;AACzE;;EAEE,sBAAsB;EACtB,+BAA+B;EAC/B,6BAA6B;EAC7B,oBAAoB;AACtB;;AAEA;;EAEE,8BAA8B;AAChC;;AAEA;EACE,6BAA6B;EAC7B,iBAAiB;EACjB,oBAAoB;EACpB,sCAAsC;EACtC,oCAAoC,EAAE,UAAU;EAChD,6BAA6B,EAAE,UAAU;EACzC,0BAA0B;EAC1B,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,oBAAoB;EACpB,6BAA6B,EAAE,UAAU;EACzC,mCAAmC;EACnC,wCAAwC;EACxC,0BAA0B;EAC1B,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE;IACE,gDAAgD;IAChD,iCAAiC;IACjC,0BAA0B;EAC5B;;EAEA;IACE,yCAAyC;IACzC,mDAAmD;EACrD;AACF;;AAEA;EACE;IACE,gDAAgD;IAChD,iCAAiC;EACnC;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 !important;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\n gap: var(--spacing-sm) !important;\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100% !important;\n}\n\n.contactPane .group-pills-wrapper span {\n width: max-content !important;\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: 16rem; /* 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-item .group-membership-toolbar {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0 0 0;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a {\n margin: 0.3rem;\n margin-left: 1rem;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar a img {\n width: 1.3rem;\n height: 1rem;\n margin: 0;\n}\n\n/* Cancel float:right and any absolute positioning injected by solid-ui */\n.contactPane .group-membership-item .group-membership-toolbar > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar > [data-testid="deleteButtonWithCheck"] {\n float: none !important;\n display: inline-flex !important;\n visibility: hidden !important;\n margin: 0 !important;\n}\n\n.contactPane .group-membership-item .group-membership-toolbar:hover > img.hoverControlHide,\n.contactPane .group-membership-item .group-membership-toolbar:hover > [data-testid="deleteButtonWithCheck"] {\n visibility: visible !important;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] {\n position: absolute !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: min(90vw, 27.5rem) !important; /* 440px */\n min-width: 17.5rem !important; /* 280px */\n max-width: 90vw !important;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.contactPane .detailsSectionContent .group-membership-item .group-membership-toolbar > div[style*="position: relative"] > div {\n position: relative !important;\n top: auto !important;\n min-width: 17.5rem !important; /* 280px */ \n background: var(--color-background);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-lg);\n box-shadow: var(--box-shadow-overlay);\n z-index: 1001;\n}\n\n@media (max-width: 599px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(2, 1fr) !important;\n gap: var(--spacing-xs) !important;\n max-width: 100% !important;\n }\n\n .contactPane .group-membership-item .group-membership-item > button {\n font-size: var(--font-size-sm) !important;\n border-radius: var(--border-radius-base) !important;\n }\n}\n\n@media (min-width: 900px) {\n .contactPane .group-membership-item .group-pills-wrapper {\n grid-template-columns: repeat(3, 1fr) !important;\n gap: var(--spacing-sm) !important;\n }\n}\n'],sourceRoot:""}]);const s=r},479(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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: var(--overlay-bg);\n display: flex;\n justify-content: center;\n align-items: center;\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: var(--box-shadow-modal);\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: var(--font-weight-bold, 600);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled);\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,6BAA6B;EAC7B,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA,qBAAqB;AACrB;EACE,mCAAmC;EACnC,0BAA0B;EAC1B,wCAAwC;EACxC,cAAc;EACd,mCAAmC;AACrC;;AAEA,sEAAsE;AACtE;EACE,6BAA6B;EAC7B,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB;;AAEA,wDAAwD;AACxD;EACE,mCAAmC;EACnC,4CAA4C;EAC5C,sCAAsC;EACtC,wCAAwC;EACxC,yCAAyC;EACzC,eAAe;EACf,8CAA8C;AAChD;;AAEA;EACE,gCAAgC;EAChC,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: var(--overlay-bg);\n display: flex;\n justify-content: center;\n align-items: center;\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: var(--box-shadow-modal);\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: var(--font-weight-bold, 600);\n cursor: pointer;\n transition: all var(--animation-duration) ease;\n}\n\n#contacts-modal .modal button:disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n transform: none;\n}\n"],sourceRoot:""}]);const s=r},715(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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: 10rem;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n',"",{version:3,sources:["webpack://./src/styles/mugshotGallery.css"],names:[],mappings:"AAAA,4DAA4D;AAC5D,qFAAqF;;AAErF,mEAAmE;;AAEnE;EACE,iBAAiB;EACjB,wCAAwC;EACxC,yBAAyB;AAC3B;;AAEA;EACE,oDAAoD;EACpD,uBAAuB;EACvB,oBAAoB;EACpB,2BAA2B;AAC7B",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: 10rem;\n border-radius: var(--border-radius-full);\n margin: var(--spacing-sm);\n}\n\n.contactPane button:has(> img[src$=".svg"]) {\n background-color: var(--color-section-bg) !important;\n border: none !important;\n margin: 0 !important;\n border-radius: 0 !important;\n}\n'],sourceRoot:""}]);const s=r},295(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.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--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;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--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},92(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.id,"/* Shared utility variables for component styles.\n These are kept here (instead of in dev-global.css) so they can be\n bundled with component styles and reused consistently across the app.\n*/\n\n/* Utility helper classes */\n\n/* different from mashlib .btn-primary:active {\n box-shadow: var(--box-shadow-active);\n} */\n","",{version:3,sources:["webpack://./src/styles/utilities.css"],names:[],mappings:"AAAA;;;CAGC;;AAED,2BAA2B;;AAE3B;;GAEG",sourcesContent:["/* Shared utility variables for component styles.\n These are kept here (instead of in dev-global.css) so they can be\n bundled with component styles and reused consistently across the app.\n*/\n\n/* Utility helper classes */\n\n/* different from mashlib .btn-primary:active {\n box-shadow: var(--box-shadow-active);\n} */\n"],sourceRoot:""}]);const s=r},886(n,e,t){t.d(e,{A:()=>s});var a=t(354),o=t.n(a),i=t(314),r=t.n(i)()(o());r.push([n.id,'/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: var(--border-width-sm) 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.contactPane .personaRow--webid td,\n.contactPane .personaRow--webid button,\n.contactPane .personaRow--webid button:hover,\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child),\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child):hover,\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child),\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child):hover {\n background-color: var(--color-info-bg) !important;\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/* hoverControl layout overrides are now enforced in contactsRDFFormsEnforced.css */\n\n/* ── Delete confirmation popup in webidControl ───────────────── */\n\n/* Remove intermediate positioned ancestor so popup anchors to .hoverControl */\n.contactPane .webidControl div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n/* Position the popup absolutely so it never participates in the flex row */\n.contactPane .webidControl div[style*="position: relative"] > div[style*="display: grid"] {\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .contactPanedHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\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.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) table td div.contactPane.namedPane {\n display: block;\n width: 100% !important;\n max-width: none !important;\n min-width: 0 !important;\n box-sizing: border-box;\n container-type: inline-size;\n container-name: nested-profile-pane;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile-grid,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane #main-content.profile-grid {\n display: flex !important;\n flex-direction: column !important;\n gap: var(--spacing-sm) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__main,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__sidebar,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__section {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n box-sizing: border-box;\n overflow-wrap: anywhere;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__sidebar,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__section,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__main {\n padding: var(--spacing-sm) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible[data-expanded="false"] .profileSectionCollapsible__content {\n display: none !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__toggle {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n min-height: auto !important;\n min-width: auto !important;\n padding: var(--spacing-xxs) !important;\n border: none !important;\n background: none !important;\n color: var(--color-text) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible[data-expanded="true"] .profileSectionCollapsible__chevron {\n transform: rotate(180deg);\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__editLabel {\n display: none !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__editIcon {\n display: inline !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialItem {\n display: flex !important;\n align-items: center !important;\n flex: 0 0 auto !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialItem a {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex: 0 0 auto !important;\n width: auto !important;\n min-width: var(--min-touch-target) !important;\n min-height: var(--min-touch-target) !important;\n line-height: 0 !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialIcon {\n display: block !important;\n width: 40px !important;\n height: 40px !important;\n min-width: 40px !important;\n min-height: 40px !important;\n max-width: 40px !important;\n max-height: 40px !important;\n object-fit: contain !important;\n flex-shrink: 0 !important;\n}\n\n@media (max-width: 1000px) {\n .contactPane .webidControl,\n .contactPane .webidControl table,\n .contactPane .webidControl tbody,\n .contactPane .webidControl tr,\n .contactPane .webidControl td {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box;\n }\n\n .contactPane .webidControl table {\n table-layout: fixed;\n }\n\n .contactPane .webidControl .personaRow--webid td {\n vertical-align: top;\n }\n\n .contactPane .webidControl .contactPane,\n .contactPane .webidControl .contactPane .addressBook-grid,\n .contactPane .webidControl .contactPane .detailSection,\n .contactPane .webidControl .contactPane .detailsSectionContent {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n box-sizing: border-box;\n }\n\n .contactPane .webidControl .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n }\n\n .contactPane .webidControl .contactPane .detailSection,\n .contactPane .webidControl .contactPane .addressBookSection {\n flex: none !important;\n }\n\n .contactPane .webidControl .contactPane .detailsSectionContent,\n .contactPane .webidControl .contactPane .detailsSectionContent--wide {\n padding: var(--spacing-sm) !important;\n overflow-y: visible !important;\n }\n\n}\n\n@container nested-profile-pane (max-width: 900px) {\n .contactPane .webidControl .profile-grid {\n display: flex !important;\n flex-direction: column !important;\n gap: var(--spacing-sm) !important;\n }\n\n .contactPane .webidControl .profile-grid > * {\n min-width: 0 !important;\n max-width: 100% !important;\n }\n\n .contactPane .webidControl .profile__main,\n .contactPane .webidControl .profile__sidebar,\n .contactPane .webidControl .profile__section {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n overflow-wrap: anywhere;\n }\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n',"",{version:3,sources:["webpack://./src/styles/webidControl.css"],names:[],mappings:"AAAA,mEAAmE;AACnE;EACE,4DAA4D;EAC5D,wCAAwC;AAC1C;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;AAC5B;;AAEA;;;;;;;;EAQE,iDAAiD;AACnD;;AAEA,mEAAmE;;AAEnE;EACE,WAAW;AACb;;AAEA,mEAAmE;;AAEnE;EACE,YAAY;EACZ,6BAA6B;EAC7B,YAAY;AACd;;AAEA,mFAAmF;;AAEnF,mEAAmE;;AAEnE,8EAA8E;AAC9E;EACE,2BAA2B;AAC7B;;AAEA,2EAA2E;AAC3E;EACE,6BAA6B;EAC7B,iBAAiB;EACjB,mBAAmB;EACnB,qBAAqB;EACrB,wBAAwB;EACxB,wBAAwB;EACxB,+BAA+B;EAC/B,qBAAqB;EACrB,8BAA8B;EAC9B,sCAAsC;EACtC,0BAA0B;EAC1B,8CAA8C;EAC9C,oEAAoE;EACpE,mDAAmD;EACnD,8CAA8C;EAC9C,2CAA2C;EAC3C,kCAAkC;AACpC;;AAEA,mEAAmE;;AAEnE;EACE,8BAA8B;EAC9B,iBAAiB;EACjB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA,mEAAmE;;AAEnE;EACE,0BAA0B;EAC1B,YAAY;EACZ,gCAAgC;EAChC,qBAAqB;AACvB;;AAEA;;EAEE,cAAc;EACd,sBAAsB;EACtB,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,2BAA2B;EAC3B,mCAAmC;EACnC,6BAA6B;AAC/B;;AAEA;;EAEE,wBAAwB;EACxB,iCAAiC;EACjC,iCAAiC;AACnC;;AAEA;;;EAGE,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;;;EAGE,qCAAqC;AACvC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;EACnB,uBAAuB;EACvB,2BAA2B;EAC3B,0BAA0B;EAC1B,sCAAsC;EACtC,uBAAuB;EACvB,2BAA2B;EAC3B,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,wBAAwB;EACxB,8BAA8B;EAC9B,yBAAyB;AAC3B;;AAEA;EACE,+BAA+B;EAC/B,8BAA8B;EAC9B,kCAAkC;EAClC,yBAAyB;EACzB,sBAAsB;EACtB,6CAA6C;EAC7C,8CAA8C;EAC9C,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;EACzB,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,2BAA2B;EAC3B,0BAA0B;EAC1B,2BAA2B;EAC3B,8BAA8B;EAC9B,yBAAyB;AAC3B;;AAEA;EACE;;;;;IAKE,WAAW;IACX,eAAe;IACf,YAAY;IACZ,sBAAsB;EACxB;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;EACrB;;EAEA;;;;IAIE,sBAAsB;IACtB,0BAA0B;IAC1B,uBAAuB;IACvB,sBAAsB;EACxB;;EAEA;IACE,iCAAiC;IACjC,4BAA4B;EAC9B;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;;IAEE,qCAAqC;IACrC,8BAA8B;EAChC;;AAEF;;AAEA;EACE;IACE,wBAAwB;IACxB,iCAAiC;IACjC,iCAAiC;EACnC;;EAEA;IACE,uBAAuB;IACvB,0BAA0B;EAC5B;;EAEA;;;IAGE,sBAAsB;IACtB,uBAAuB;IACvB,0BAA0B;IAC1B,uBAAuB;EACzB;AACF;;AAEA,mEAAmE;;AAEnE;EACE,oBAAoB;AACtB",sourcesContent:['/* ── Named pane (rendered sub-pane) ──────────────────────────── */\n.contactPane .namedPane {\n border: var(--border-width-sm) 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.contactPane .personaRow--webid td,\n.contactPane .personaRow--webid button,\n.contactPane .personaRow--webid button:hover,\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child),\n.contactPane .personaRow--webid .hoverControl:has(> img:first-child):hover,\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child),\n.contactPane .personaRow--webid .personaOpenButton:has(> img:first-child):hover {\n background-color: var(--color-info-bg) !important;\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/* hoverControl layout overrides are now enforced in contactsRDFFormsEnforced.css */\n\n/* ── Delete confirmation popup in webidControl ───────────────── */\n\n/* Remove intermediate positioned ancestor so popup anchors to .hoverControl */\n.contactPane .webidControl div[style*="position: relative"]:has(> div[style*="display: grid"]) {\n position: static !important;\n}\n\n/* Position the popup absolutely so it never participates in the flex row */\n.contactPane .webidControl div[style*="position: relative"] > div[style*="display: grid"] {\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n z-index: 9999 !important;\n display: grid !important;\n pointer-events: auto !important;\n opacity: 1 !important;\n visibility: visible !important;\n padding: var(--spacing-btn) !important;\n min-width: 12em !important;\n background: var(--color-background) !important;\n border: var(--border-width-sm) solid var(--color-primary) !important;\n border-radius: var(--border-radius-base) !important;\n box-shadow: var(--box-shadow-popup) !important;\n grid-template-columns: auto auto !important;\n gap: var(--spacing-xxs) !important;\n}\n\n/* ── Section heading ─────────────────────────────────────────── */\n\n.contactPane .contactPanedHeading {\n font-size: var(--font-size-lg);\n font-weight: bold;\n color: var(--color-primary);\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.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) table td div.contactPane.namedPane {\n display: block;\n width: 100% !important;\n max-width: none !important;\n min-width: 0 !important;\n box-sizing: border-box;\n container-type: inline-size;\n container-name: nested-profile-pane;\n margin-top: var(--spacing-sm);\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile-grid,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane #main-content.profile-grid {\n display: flex !important;\n flex-direction: column !important;\n gap: var(--spacing-sm) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__main,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__sidebar,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__section {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n box-sizing: border-box;\n overflow-wrap: anywhere;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__sidebar,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__section,\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profile__main {\n padding: var(--spacing-sm) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible[data-expanded="false"] .profileSectionCollapsible__content {\n display: none !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__toggle {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n min-height: auto !important;\n min-width: auto !important;\n padding: var(--spacing-xxs) !important;\n border: none !important;\n background: none !important;\n color: var(--color-text) !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible[data-expanded="true"] .profileSectionCollapsible__chevron {\n transform: rotate(180deg);\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__editLabel {\n display: none !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .profileSectionCollapsible__editIcon {\n display: inline !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialItem {\n display: flex !important;\n align-items: center !important;\n flex: 0 0 auto !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialItem a {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex: 0 0 auto !important;\n width: auto !important;\n min-width: var(--min-touch-target) !important;\n min-height: var(--min-touch-target) !important;\n line-height: 0 !important;\n}\n\n.contactPane :is(.contactPane--narrow .webidControl, .webidControl.webidControl--mobile) .namedPane .socialIcon {\n display: block !important;\n width: 40px !important;\n height: 40px !important;\n min-width: 40px !important;\n min-height: 40px !important;\n max-width: 40px !important;\n max-height: 40px !important;\n object-fit: contain !important;\n flex-shrink: 0 !important;\n}\n\n@media (max-width: 1000px) {\n .contactPane .webidControl,\n .contactPane .webidControl table,\n .contactPane .webidControl tbody,\n .contactPane .webidControl tr,\n .contactPane .webidControl td {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n box-sizing: border-box;\n }\n\n .contactPane .webidControl table {\n table-layout: fixed;\n }\n\n .contactPane .webidControl .personaRow--webid td {\n vertical-align: top;\n }\n\n .contactPane .webidControl .contactPane,\n .contactPane .webidControl .contactPane .addressBook-grid,\n .contactPane .webidControl .contactPane .detailSection,\n .contactPane .webidControl .contactPane .detailsSectionContent {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n box-sizing: border-box;\n }\n\n .contactPane .webidControl .contactPane .addressBook-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n }\n\n .contactPane .webidControl .contactPane .detailSection,\n .contactPane .webidControl .contactPane .addressBookSection {\n flex: none !important;\n }\n\n .contactPane .webidControl .contactPane .detailsSectionContent,\n .contactPane .webidControl .contactPane .detailsSectionContent--wide {\n padding: var(--spacing-sm) !important;\n overflow-y: visible !important;\n }\n\n}\n\n@container nested-profile-pane (max-width: 900px) {\n .contactPane .webidControl .profile-grid {\n display: flex !important;\n flex-direction: column !important;\n gap: var(--spacing-sm) !important;\n }\n\n .contactPane .webidControl .profile-grid > * {\n min-width: 0 !important;\n max-width: 100% !important;\n }\n\n .contactPane .webidControl .profile__main,\n .contactPane .webidControl .profile__sidebar,\n .contactPane .webidControl .profile__section {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n overflow-wrap: anywhere;\n }\n}\n\n/* ── Visibility / display helpers ────────────────────────────── */\n\n.contactPane .collapsed {\n visibility: collapse;\n}\n'],sourceRoot:""}]);const s=r},314(n){n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t="",a=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},e.i=function(n,t,a,o,i){"string"==typeof n&&(n=[[null,n,void 0]]);var r={};if(a)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(r[d]=!0)}for(var l=0;l<n.length;l++){var c=[].concat(n[l]);a&&r[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),o&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=o):c[4]="".concat(o)),e.push(c))}},e}},417(n){n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354(n){n.exports=function(n){var e=n[1],t=n[3];if(!t)return e;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),i="/*# ".concat(o," */");return[e].concat([i]).join("\n")}return[e].join("\n")}},72(n){var e=[];function t(n){for(var t=-1,a=0;a<e.length;a++)if(e[a].identifier===n){t=a;break}return t}function a(n,a){for(var i={},r=[],s=0;s<n.length;s++){var d=n[s],l=a.base?d[0]+a.base:d[0],c=i[l]||0,p="".concat(l," ").concat(c);i[l]=c+1;var A=t(p),m={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==A)e[A].references++,e[A].updater(m);else{var u=o(m,a);a.byIndex=s,e.splice(s,0,{identifier:p,updater:u,references:1})}r.push(p)}return r}function o(n,e){var t=e.domAPI(e);t.update(n);return function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,o){var i=a(n=n||[],o=o||{});return function(n){n=n||[];for(var r=0;r<i.length;r++){var s=t(i[r]);e[s].references--}for(var d=a(n,o),l=0;l<i.length;l++){var c=t(i[l]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}i=d}}},659(n){var e={};n.exports=function(n,t){var a=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);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(n){n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},56(n,e,t){n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},825(n){n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,o&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(a,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},113(n){n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},102(n){n.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(n){n.exports=t},941(e){e.exports=n},104(n){n.exports=e}},o={};function i(n){var e=o[n];if(void 0!==e)return e.exports;var t=o[n]={id:n,exports:{}};return a[n](t,t.exports,i),t.exports}i.m=a,i.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return i.d(e,{a:e}),e},i.d=(n,e)=>{for(var t in e)i.o(e,t)&&!i.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},i.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),i.b="undefined"!=typeof document&&document.baseURI||self.location.href,i.nc=void 0;var r={};i.d(r,{default:()=>qe});var s=i(941),d=i(104),l=i(53),c=i(72),p=i.n(c),A=i(825),m=i.n(A),u=i(659),h=i.n(u),f=i(56),g=i.n(f),w=i(540),b=i.n(w),C=i(113),v=i.n(C),B=i(886),E={};E.styleTagTransform=v(),E.setAttributes=g(),E.insert=h().bind(null,"head"),E.domAPI=m(),E.insertStyleElement=b();p()(B.A,E);B.A&&B.A.locals&&B.A.locals;function y(...n){console.log(...n)}function x(...n){console.warn(...n)}function P(...n){console.error(...n)}const k=d.ns,S=d.widgets,D=d.utils,L=s.store,T=S.publicData.wikidataClasses,F=S.publicData.wikidataParameters,I="WebID",j="WikiData link",O=d.icons.iconBase+"noun_1369241.svg",z=d.icons.iconBase+"noun_1369237.svg";function G(n,e){const t=N(n,e).concat(function(n,e,t){const a=new Set,o=new Set([e.uri]);for(;o.size;){const e=Array.from(o)[0];if(o.delete(e),a.has(e))continue;a.add(e);const i=n.sym(e);n.each(i,k.owl("sameAs"),null,t).concat(n.each(null,k.owl("sameAs"),i,t)).forEach(n=>{y(" OWL sameAs found "+n),o.add(n.uri)}),n.each(i,k.schema("sameAs"),null,t).concat(n.each(null,k.schema("sameAs"),i,t)).forEach(n=>{y(" Schema sameAs found "+n),o.add(n.uri)})}return a.delete(e.uri),Array.from(a).map(e=>n.sym(e))}(n,e,e.doc())),a=[...new Set(t.map(n=>n.value))].map(e=>n.sym(e));return a.sort(),a.filter(n=>!n.sameTerm(e)),a}function N(n,e,t){return n.each(e,k.vcard("url"),null,e.doc()).filter(a=>n.holds(a,k.rdf("type"),t,e.doc())).map(t=>n.any(t,k.vcard("value"),null,e.doc())).filter(n=>!!n)}function M(n){const e=n.doc();return L.holds(n,k.rdf("type"),k.vcard("Organization"),e)||L.holds(n,k.rdf("type"),k.schema("Organization"),e)}async function q(n,e,t){function a(a,i,r){const s=a.createElement("div");s.classList.add("fullWidth");const c=s.appendChild(a.createElement("table"));c.classList.add("fullWidth");const p=c.appendChild(function(e){const i=new l.Literal(e.uri),c=t.urlType.sameTerm(k.vcard("WebID")),p=t.editable?async function(){try{await async function(n,e,t,a){y(`Removing from ${n} their ${I}: ${e}.`);const o=a.each(n,k.vcard("url"),null,n.doc()).filter(e=>a.holds(e,k.rdf("type"),t,n.doc())).filter(t=>a.holds(t,k.vcard("value"),e,n.doc()));if(!o.length)throw new Error(`Person ${n} does not have ${I} ${e}.`);const i=o[0],r=[l.st(n,k.vcard("url"),i,n.doc()),l.st(i,k.rdf("type"),t,n.doc()),l.st(i,k.vcard("value"),e,n.doc())];await a.updater.update(r,[]);const s=a.each(null,k.vcard("hasMember"),a.sym(e));let d=[];const c=[];s.forEach(async t=>{d=d.concat(a.statementsMatching(a.sym(e),k.owl("sameAs"),n,t.doc())),c.push(l.st(t,k.vcard("hasMember"),n,t.doc())),a.statementsMatching(a.sym(e),k.owl("sameAs"),null,t.doc()).length<2&&(d=d.concat(a.statementsMatching(t,k.vcard("hasMember"),a.sym(e),t.doc())))}),await mn(d,c)}(n,i,t.urlType,r)}catch(e){P(`Error removing Id ${i} from ${n}: ${e}`),s.appendChild(S.errorMessageBlock(a,"Error removing WebId from profile. If it persists, contact admin."))}await o()}:null,A={deleteFunction:p,draggable:!0};c&&(A.title=e.uri.split("/")[2],A.image=S.faviconOrDefault(a,e.site()));const m=S.personTR(a,d.ns.foaf("knows"),e,A);return c&&(m.children[1].textConent=A.title,m.classList.add("personaRow--webid")),m.classList.add("personaRow"),m}(i));p.classList.add("fullWidth");const A=c.appendChild(a.createElement("tr")).appendChild(a.createElement("td"));let m;A.setAttribute("colspan",3);let u=!0;const h=p.children[2].appendChild(S.button(a,O,"View",function(n){u=!u,m.classList.toggle("collapsed",!u),h.children[0].src=u?z:O,h.setAttribute("aria-expanded",u?"true":"false"),h.setAttribute("aria-label",u?"Collapse profile":"Expand profile")}));h.classList.add("personaOpenButton"),h.setAttribute("aria-expanded","true"),h.setAttribute("aria-label","Collapse profile");const f=(M(n)||M(i),"profile");return S.publicData.loadPublicDataThing(r,n,i).then(n=>{try{m=function(n,e,t,a){const o=a.session.paneRegistry.byName(t).render(e,a);return o.classList.add("namedPane"),o}(0,i,f,e),m.classList.add("fullWidth"),A.appendChild(m)}catch(n){P("Error displaying persona "+i+". Stack: "+n),m=S.errorMessageBlock(a,"Error displaying profile. If it persists, contact admin."),A.appendChild(m)}},n=>{P("Error loading persona "+i+". Stack: "+n),m=S.errorMessageBlock(a,"Error loading profile. If it persists, contact admin."),A.appendChild(m)}),s}async function o(){const e=G(L,n);D.syncTableToArrayReOrdered(c,e,n=>a(i,n,L))}const{dom:i}=e;(t=t||{}).editable=L.updater.editable(n.doc().uri,L);const r=i.createElement("div");if(r.classList.add("webidControl","webidControl--mobile"),0===G(L,n).length&&!t.editable)return r.classList.add("hidden"),r;const s=r.appendChild(i.createElement("h3"));s.textContent="Link to a "+t.idNoun,s.classList.add("contactPanedHeading");if(r.appendChild(i.createElement("table")).classList.add("fullWidth"),t.editable){const e={editable:t.editable,manualURIEntry:!0,idNoun:t.idNoun,dbLookup:t.dbLookup},a={queryParams:t.queryParams||F,targetClass:t.class};try{r.appendChild(await S.renderAutocompleteControl(i,n,e,a,async function(n,e){try{await async function(n,e,t,a){try{new URL(e)}catch(n){throw new Error(`${I}: ${e} is not a valid url.`)}y(`Adding to ${n} a ${I}: ${e}.`);const o=a.bnode(),i=[l.st(n,k.vcard("url"),o,n.doc()),l.st(o,k.rdf("type"),t,n.doc()),l.st(o,k.vcard("value"),e,n.doc())],r=a.each(null,k.vcard("hasMember"),n);let s=[];r.forEach(t=>{s=s.concat(a.statementsMatching(t,k.vcard("hasMember"),n,t.doc())),i.push(l.st(t,k.vcard("hasMember"),a.sym(e),t.doc())),i.push(l.st(a.sym(e),k.owl("sameAs"),n,t.doc()))});try{await mn(s,i)}catch(n){throw new Error(`Could not create webId ${I}: ${e}.`)}}(n,e,t.urlType,L)}catch(t){P("Error adding webId "+e+" to "+n+". Stack: "+t),r.appendChild(S.errorMessageBlock(i,"This is not a valid WebID."))}await o()}))}catch(n){P("Render Autocomplete Control failed. Stack:",n),r.appendChild(S.errorMessageBlock(i,"Error rendering autocomplete. If it persists, contact admin."))}}const c=r.appendChild(i.createElement("div"));return await o(),r}var R=i(546),U={};U.styleTagTransform=v(),U.setAttributes=g(),U.insert=h().bind(null,"head"),U.domAPI=m(),U.insertStyleElement=b();p()(R.A,U);R.A&&R.A.locals&&R.A.locals;const _=s.store,V=d.ns;let W;function H(n){W=n}let $=null,Y=null;function K(n){Array.from(document.body.children).filter(n=>n!==$).forEach(e=>{n?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")})}function X({title:n,message:e,buttons:t}){const a=($&&document.body.contains($)||($=null,$=W.createElement("div"),$.id="contacts-modal",$.className="focus-trap hidden",$.setAttribute("role","presentation"),$.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($),$.addEventListener("keydown",n=>{if("Escape"===n.key){n.stopPropagation();const e=$.querySelector("button[data-cancel]");e?e.click():Z(!1)}else if("Tab"===n.key){const e=Array.from($.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(n=>!n.hasAttribute("disabled"));if(0===e.length)return;const t=e.indexOf(document.activeElement);n.shiftKey?0===t&&(e[e.length-1].focus(),n.preventDefault()):t===e.length-1&&(e[0].focus(),n.preventDefault())}})),$);Y=document.activeElement,K(!0),a.classList.remove("hidden"),a.querySelector("#modal-title").textContent=n||"";const o=a.querySelector("#modal-desc");"string"==typeof e?o.textContent=e:(o.innerHTML="",o.appendChild(e));const i=a.querySelector("#modal-buttons");return i.innerHTML="",new Promise(n=>{t.forEach(e=>{const t=W.createElement("button");t.setAttribute("type","button"),t.textContent=e.label,e.primary&&t.classList.add("btn-primary"),e.cancel&&t.setAttribute("data-cancel","true"),t.addEventListener("click",()=>{Z(e.value),n(e.value)}),i.appendChild(t)});const e=i.querySelector("button");e&&e.focus()})}function Z(n){$&&($.classList.add("hidden"),K(!1),Y&&Y.focus&&Y.focus())}function Q(n,e="Information"){return X({title:e,message:n,buttons:[{label:"OK",value:!0,primary:!0}]})}function J(n,e="Confirm"){return X({title:e,message:n,buttons:[{label:"Cancel",value:!1,cancel:!0},{label:"OK",value:!0,primary:!0}]})}function nn(n){return n&&n.endsWith(".ttl")?n+"#this":n}function en(n,e,t){n.appendChild(d.widgets.errorMessageBlock(e,t,"pink"))}function tn(n,e,t){return n.each(e,V.owl("sameAs"),null,t).concat(n.each(null,V.owl("sameAs"),e,t))}function an(n,e){return new Promise(function(t,a){n.fetcher.load(e).then(function(){const o=n.each(e,V.ldp("contains")).map(e=>n.holds(e,V.rdf("type"),V.ldp("BasicContainer"))?an(n,e):(y("Recursive delete - we delete file "+e.uri),n.fetcher.webOperation("DELETE",e.uri)));y("Recursive delete - we delete folder "+e.uri),o.push(n.fetcher.webOperation("DELETE",e.uri)),Promise.all(o).then(n=>{t()}).catch(a)}).catch(a)})}async function on(n){const e=sn(n);if(!await J("Really DELETE "+e+"?"))throw new Error("User cancelled contact deletion");y("deleteThingAndDoc - to be deleted "+n);const t=_.statementsMatching(n).concat(_.statementsMatching(void 0,void 0,n));try{await _.updater.updateMany(t),await _.fetcher.delete(n.doc()),y("deleteThingAndDoc - deleted")}catch(e){throw P("Error deleting "+n+". Stack: "+e),new Error("An error occured while deleting.")}}function rn(n,e){let t=sn(n),a=sn(e);if(t&&a){if(t=t.toLowerCase(),a=a.toLowerCase(),t>a)return 1;if(t<a)return-1}return n.uri>e.uri?1:n.uri<e.uri?-1:0}function sn(n){const e=_.any(n,V.vcard("fn"))||_.any(n,V.foaf("name"))||_.any(n,V.vcard("organization-name"));return e?e.value:"???"}function dn(n){return!!_.findTypeURIs(n.doc())[V.foaf("PersonalProfileDocument").uri]}const ln=d.ns,cn=d.utils,pn=s.store,An=pn.updater;async function mn(n,e=[]){const t=n.concat(e).map(n=>n.why),a=[];t.forEach(n=>{a.find(e=>e.equals(n))||a.push(n)});const o=a.map(t=>pn.updater.update(n.filter(n=>n.why.sameTerm(t)),e.filter(n=>n.why.sameTerm(t))));return Promise.all(o)}async function un(n,e){await pn.fetcher.load(n.doc());const t=pn.any(n,ln.vcard("groupIndex")),a=function(n){return n.replace(/\W/gu,"_").replace(/_+/g,"_")}(e),o=pn.sym(n.dir().uri+"Group/"+a+".ttl#this"),i=o.doc();try{await pn.fetcher.load(t)}catch(n){throw new Error("Error loading group index!"+t.uri+": "+n)}if(pn.holds(n,ln.vcard("includesGroup"),o,t))return o;const r=[l.st(n,ln.vcard("includesGroup"),o,t),l.st(o,ln.rdf("type"),ln.vcard("Group"),t),l.st(o,ln.vcard("fn"),e,t)];try{await An.update([],r)}catch(n){throw new Error("Could not update group index "+n)}const s=[l.st(n,ln.vcard("includesGroup"),o,i),l.st(o,ln.rdf("type"),ln.vcard("Group"),i),l.st(o,ln.vcard("fn"),e,i)];try{await An.update([],s)}catch(n){throw new Error("Could not update group file: "+n)}return o}async function hn(n,e){const t=[n.doc(),e.doc()];try{await pn.fetcher.load(t)}catch(t){throw P("Error adding "+n+" to group "+e+". Stack: "+t),new Error("Error adding to group.")}const a=pn.findTypeURIs(n);if(!(ln.vcard("Individual").uri in a)&&!(ln.vcard("Organization").uri in a))return x("Thing "+n+" is not an Individual or Organization, but has types: "+Object.keys(a)),void Q("You are trying to add something else than an individual or organization.");let o=pn.any(n,ln.vcard("fn"));const i=pn.any(e,ln.vcard("fn"));if(!o)return x("Thing "+n+" has no vcard:fn"),void Q("What you are trying to add seems to have no full name.");if(pn.holds(n,ln.vcard("fn"),null,e.doc()))return""===o&&(o="Contact"),void Q(o+" already exists in group "+i+".");const r="Add "+o+" to group "+i+"?";if(!await J(r))return;const s=[l.st(n,ln.vcard("fn"),o,e.doc())],d=G(pn,n).map(n=>n.value);d.length?d.forEach(t=>{s.push(l.st(pn.sym(t),ln.owl("sameAs"),n,e.doc())),s.push(l.st(e,ln.vcard("hasMember"),pn.sym(t),e.doc()))}):s.push(l.st(e,ln.vcard("hasMember"),n,e.doc()));try{await An.update([],s),pn.fetcher.unload(e.doc()),await pn.fetcher.load(e.doc())}catch(t){throw P("Error adding "+n+" to group "+e+". Stack: "+t),new Error("Error adding to group.")}return n}function fn(n,e){const t=n.each(e,ln.vcard("hasMember"),null,e.doc());let a=[];t.forEach(t=>{a=n.any(t,ln.vcard("fn"),null,e.doc())?a.concat(t):a.concat(n.each(t,ln.owl("sameAs"),null,e.doc()))});const o=new Set(a.map(n=>n.uri));return a=[...o].map(e=>n.sym(e)),a}function gn(n,e){const t=n.dir().dir().dir();return e.uri&&e.uri.startsWith(t.uri)}const{setACLUserPublic:wn}=s.solidLogicSingleton.acl;var bn=i(715),Cn={};Cn.styleTagTransform=v(),Cn.setAttributes=g(),Cn.insert=h().bind(null,"head"),Cn.domAPI=m(),Cn.insertStyleElement=b();p()(bn.A,Cn);bn.A&&bn.A.locals&&bn.A.locals;const vn={"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"},Bn=Object.fromEntries(Object.entries(vn).map(([n,e])=>[e,n])),En=n=>vn[n]||!1,yn=n=>{const e=n.split(".").pop().toLowerCase();return Bn[e]||!1},xn=d.ns,Pn=d.utils,kn=s.store;function Sn(n,e){function t(e){f.appendChild(d.widgets.errorMessageBlock(n,e,"pink"))}async function a(n,e,t){const a=[l.st(n,xn.vcard("hasPhoto"),e,n.doc())];try{t?await kn.updater.update(a,[]):await kn.updater.update([],a)}catch(n){throw P("Writing back image link FAILED "+e+". Stack: "+n),new Error("Writing back image link FAILED")}}function o(n){kn.fetcher.nowOrWhenFetched(n.doc(),function(t,a){if(t){const t=kn.findTypeURIs(n);for(const n in t)y("drop object type includes: "+n);y("Default: assume web page "+n),kn.add(e,xn.wf("attachment"),n,e.doc())}else P("Error looking up dropped thing "+n+". Stack: "+a)})}function i(n,a,o){const i=En(a);let r,s;a!==yn(n)&&x("MIME TYPE MISMATCH -- adding extension: "+(n+="_."+i));const d=a.startsWith("image");let l,c;for(d?(r="image_",s=xn.vcard("hasPhoto")):(r="attachment_",s=xn.wf("attachment")),l=0;c=kn.sym(e.dir().uri+n),kn.holds(e,xn.vcard("hasPhoto"),c);l++)n=r+l+"."+i;y("Putting "+o.byteLength+" bytes of "+a+" to "+c),kn.fetcher.webOperation("PUT",c.uri,{data:o,contentType:a}).then(function(n){if(!n.ok)return P("Upload of "+c+" failed: "+n.status+" "+n.statusText),void t("Error uploading picture. If the problem persists, contact admin.");y("Upload picture put OK: "+c),kn.add(e,s,c,e.doc()),kn.fetcher.putBack(e.doc(),{contentType:"text/turtle"}).then(function(n){d&&g.refresh()},function(n){P(" Write back image link FAIL "+c+". Stack: "+n)})})}async function r(n){for(const e of n){let n=l.sym(e);if(y("Dropped on mugshot thing "+n),e.startsWith("http")&&e.indexOf("#")<0){e.startsWith("http:")&&(n=l.sym("https:"+e.slice(5)));const t={withCredentials:!1,credentials:"omit"};let a;try{a=await kn.fetcher.webOperation("GET",n.uri,t)}catch(e){return P("Fetch error trying to GET picture "+n+". Stack: "+e),void o(n)}const r=a.headers.get("Content-Type");let s=n.uri.split("/").slice(-1)[0];s=s.split("?")[0];const d=await a.arrayBuffer();return a.ok?void i(s,r,d):(P("Cant download, so will link image. "+n+":"+a.status),void o(n))}t("Not a web document URI, cannot copy "+n+" as picture."),o(n)}}function c(n){for(let e=0;e<n.length;e++){const t=n[e];y(" 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(n){return function(e){const t=e.target.result;y(" File read byteLength : "+t.byteLength);i(encodeURIComponent(n.name),n.type,t)}}(t),a.readAsArrayBuffer(t)}}function p(e){const t=n.createElement("img");return t.classList.add("mugshotImage"),t.setAttribute("alt",e?"Contact photo":"Drop photo here"),d.widgets.makeDropTarget(t,r,c),e&&(s.store.fetcher._fetch(e.uri).then(function(n){return n.blob()}).then(function(n){const e=URL.createObjectURL(n);t.setAttribute("src",e)}),d.widgets.makeDraggable(t,e)),t}function A(){let n=kn.each(e,xn.vcard("hasPhoto"));n.sort(),n=n.slice(0,5),0===n.length?(g.innerHTML="",h&&g.appendChild(w)):Pn.syncTableToArray(g,n,p)}function m(){return kn.sym(e.dir().uri+"Image_"+Date.now()+".png")}async function u(n){n&&(await a(e,n),A())}const h=kn.updater.editable(e.doc().uri,kn),f=n.createElement("div"),g=f.appendChild(n.createElement("div")),w=p();return d.widgets.setImage(w,e),A(),g.refresh=A,h&&f.appendChild(function(){const o=n.createElement("table"),i=o.appendChild(n.createElement("tr")),r=i.appendChild(n.createElement("td")),s=i.appendChild(n.createElement("td")),l=i.appendChild(n.createElement("td"));r.appendChild(d.media.cameraButton(n,kn,m,u));try{s.appendChild(d.widgets.fileUploadButtonDiv(n,c))}catch(n){y("ignore fileUploadButtonDiv error for now",n)}return l.appendChild(function(){const o=d.widgets.button(n,d.icons.iconBase+"noun_925021.svg","Drag here to delete",void 0,{"aria-label":"Delete picture - drag picture here"});return d.widgets.makeDropTarget(o,async function(n){const o=kn.each(e,xn.vcard("hasPhoto")).map(n=>n.uri);for(const i of n){if(!o.includes(i))return void Q("Only drop pictures onto this trash can.");if(await J("Really DELETE picture?"))try{y("Unlinking image file "+i),await a(e,kn.sym(i),!0),y("Deleting image file "+i),await kn.fetcher.webOperation("DELETE",i)}catch(n){return void t("Error deleting picture. If it persists, contact your admin.")}}A()},null),o}()),o}()),f}var Dn=i(93),Ln={};Ln.styleTagTransform=v(),Ln.setAttributes=g(),Ln.insert=h().bind(null,"head"),Ln.domAPI=m(),Ln.insertStyleElement=b();p()(Dn.A,Ln);Dn.A&&Dn.A.locals&&Dn.A.locals;const Tn=d.ns,Fn=d.utils,In=s.store;let jn,On={},zn={},Gn=null,Nn=null,Mn=null,qn=null,Rn=null,Un=null,_n=null;function Vn(n,e){n.querySelectorAll("button").forEach(n=>{n.classList.remove("btn-primary","allGroupsButton--selected","allGroupsButton--active","allGroupsButton--loaded"),n.classList.add("btn-secondary")}),e&&(e.classList.remove("btn-secondary"),e.classList.add("btn-primary"))}function Wn(n,e,t,a,o,i,r,s,d,l){jn=a,On=o||{},i&&(Gn=i),r&&(Mn=r),s&&(qn=s),d&&(Un=d),l&&(_n=l),Rn=n,Nn=e;const c=Qn(Rn,t);Fn.syncTableToArrayReOrdered(Nn,c,Yn)}function Hn(n){const e=In.any(n,Tn.vcard("fn")),t=jn.createElement("li");t.setAttribute("role","listitem"),t.setAttribute("aria-label",e?e.value:"Some group"),t.subject=n,d.widgets.makeDraggable(t,n);const a=t.appendChild(jn.createElement("button"));return a.setAttribute("type","button"),a.innerHTML=e?e.value:"Some group",a.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),{groupLi:t,groupButton:a,name:e}}async function $n(n,e){for(const t of n){let n=In.sym(t);try{n=await hn(n,e)}catch(n){Q("Error adding to group. Make sure you are adding a contact URI.")}n&&ne(Gn)}}function Yn(n){function e(e){if(e.preventDefault(),Vn(Nn,a),_n&&_n(),!e.metaKey)for(const n in On)delete On[n];On[n.uri]=!On[n.uri],Xn(Nn,On),In.fetcher.nowOrWhenFetched(n.doc(),void 0,function(e,t){e||P("Cannot load one group: "+n+". Stack: "+t),ne(Gn,null,!1)})}const{groupLi:t,groupButton:a}=Hn(n);return a.addEventListener("click",e,!1),d.widgets.makeDropTarget(t,e=>$n(e,n)),t.addEventListener("click",e,!0),t}function Kn(n,e,t){function a(a,o){return new Promise((i,r)=>{o.classList.add("group-loading"),o.setAttribute("aria-busy","true"),In.fetcher.nowOrWhenFetched(a.doc(),void 0,function(s,d){if(!s){const n="Cannot load group "+a+". Stack: "+d;return P(n),t&&t(!1,n),void r(n)}o.classList.remove("group-loading"),o.setAttribute("aria-busy","false"),o.classList.add("selected"),n[a.uri]=!0,Xn(e,n),ne(Gn,null),t&&t(!0),i(!0)})})}for(let n=0;n<e.children.length;n++){const o=e.children[n],i=o.subject;i&&a(i,o).catch(n=>{t&&t(!1,n)})}}function Xn(n,e){for(let t=0;t<n.children.length;t++){const a=n.children[t];a.subject&&a.classList.toggle("selected",!!e[a.subject.uri])}}function Zn(n,e,t,a,o,i,r){jn=a,o&&(On=o),i&&(Gn=i),r&&(Mn=r),Nn=t;const s=Qn(n,e);s.length>0&&Yn(s[0]),Fn.syncTableToArrayReOrdered(t,s,Yn)}function Qn(n,e){let t=[];if(e.foreignGroup&&t.push(["",In.any(e.foreignGroup,Tn.vcard("fn")),e.foreignGroup]),n){const e=In.any(n,Tn.vcard("groupIndex")),a=(n?In.each(n,Tn.vcard("includesGroup"),null,e):[]).map(function(e){return[n,In.any(e,Tn.vcard("fn")),e]});t=t.concat(a),t.sort()}return t.map(n=>n[2])}async function Jn(n){const e=In.any(n,Tn.vcard("groupIndex"));if(e){await In.fetcher.load(e);const t=n?In.each(n,Tn.vcard("includesGroup"),null,e):[];return await In.fetcher.load(t),t}return[]}function ne(n,e,t=!0){const a=n||Gn;if(!a||!a.children||"number"!=typeof a.children.length)return void x("refreshNames called with invalid ulPeople:",a);function o(n,e){function t(n){n.preventDefault(),ee(a,e,qn)}n.addEventListener("click",t),n.addEventListener("keydown",function(n){"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),t(n))})}let i=[];Object.keys(On).map(n=>In.sym(n)).forEach(n=>{On[n.value]&&(i=i.concat(fn(In,n)))}),i.sort(rn);for(let n=0;n<i.length-1;)i[n].uri===i[n+1].uri?i.splice(n,1):n++;Fn.syncTableToArrayReOrdered(a,i,n=>function(n){const e=jn.createElement("li");e.setAttribute("role","listitem"),e.setAttribute("tabindex","0"),e.classList.add("personLi"),e.subject=n,d.widgets.makeDraggable(e,n);const t=jn.createElement("div");t.classList.add("personLi-row");const a=jn.createElement("div");a.classList.add("personLi-avatar");const i=jn.createElement("div");i.classList.add("avatar-placeholder"),i.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(i);const r=sn(n)||"Unknown Name";function s(){const e=In.any(n,Tn.vcard("hasPhoto"));if(e&&e.value){const n=jn.createElement("img");n.src=e.value,n.alt=r+" avatar",a.replaceChild(n,a.firstChild)}}s(),In.fetcher.nowOrWhenFetched(n.doc(),void 0,function(t,a){if(!t)return P("Cannot load contact: "+n+". Stack: "+a),void e.classList.add("personLi--error");s()});const l=jn.createElement("div");l.classList.add("personLi-info"),e.setAttribute("aria-label",r);const c=jn.createElement("div");c.classList.add("personLi-name"),c.textContent=r,l.appendChild(c);const p=jn.createElement("div");return p.classList.add("personLi-arrow"),p.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(l),t.appendChild(p),e.appendChild(t),o(e,n),e}(n)),ae(a,t,e||qn)}function ee(n,e,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"),zn={},zn[e.uri]=!0,ae(n,!1,t);try{a=Rn?function(n){const e=In.allAliases(n),t=Rn.dir().uri;for(let n=0;n<e.length;n++)if(e[n].uri.slice(0,t.length)===t)return e[n];throw new Error("No local URI for "+n)}(e):e}catch(n){return t.innerHTML="",t.setAttribute("aria-busy","false"),void en(t,jn,"Cannot load contact: "+n.message)}In.fetcher.nowOrWhenFetched(a.doc(),void 0,function(o,i){if(t.innerHTML="",t.setAttribute("aria-busy","false"),!o)return P("Failed to load contact card: "+a+". Stack: "+i),void en(t,jn,"Failed to load contact. If it persists, contact your admin.");const r=jn.createElement("div");r.classList.add("contact-toolbar");const l=d.widgets.linkIcon(jn,a);if(l.setAttribute("title","Uri of contact"),r.appendChild(l),s.authn.currentUser()){d.widgets.deleteButtonWithCheck(jn,r,"contact",async function(){const a=e.dir();y("We are about to delete the contact "+In.any(e,Tn.vcard("fn"))),await Jn();const o=In.any(Rn,Tn.vcard("nameEmailIndex"));await In.fetcher.load(o);const i=le(e);let r=[];i.forEach(n=>{tn(In,e,n.doc()).forEach(e=>{1===tn(In,e,n.doc()).length&&(r=r.concat(In.statementsMatching(n,Tn.vcard("hasMember"),e,n.doc())))})}),await In.updater.updateMany(r);try{await on(e)}catch(n){return void en(t,jn,"Failed to delete contact. If it persists, contact your admin.")}try{await an(In,a)}catch(n){return void en(t,jn,"Failed to delete contact. If it persists, contact your admin.")}ne(n,t),t.innerHTML="Contact data deleted."}).classList.add("deleteButton")}t.appendChild(r),t.classList.add("detailsSectionContent--wide"),t.appendChild(function(n,e){const t=Un.session.paneRegistry.byName(e).render(n,Un);return t.classList.add("renderPane"),t}(a,"contact"))})}function te(n){if(zn={},n)for(let e=0;e<n.children.length;e++)n.children[e].classList.remove("selected")}function ae(n,e,t){let a=0,o=null;for(let e=0;e<n.children.length;e++){const t=n.children[e],i=oe(sn(t.subject));i&&(a++,o=t),t.classList.toggle("selected",i&&!!zn[t.subject.uri]),t.classList.toggle("hidden",!i)}if(1===a&&e){ee(n,o.subject,t)}}function oe(n){const e=Mn.value.trim().toLowerCase();if(0===e.length)return!0;const t=e.split(" ");for(let e=0;e<t.length;e++){const a=t[e];if(n.toLowerCase().indexOf(a)<0)return!1}return!0}async function ie(n,e){const t=await Jn(n);if(t&&t.length>0){const{del:n,ins:a}=await async function(n){const e=[],t=[];return n.forEach(n=>{pn.each(n,ln.vcard("hasMember"),null,n.doc()).forEach(a=>{const o=tn(pn,a,n.doc());if(o.length&&gn(n,a))for(const i of o)if(!gn(n,i)){e.push(l.st(n,ln.vcard("hasMember"),a,n.doc())),t.push(l.st(n,ln.vcard("hasMember"),i,n.doc()));break}})}),{del:e,ins:t}}(t);s.authn.currentUser()&&n.length&&d.widgets.deleteButtonWithCheck(jn,e,"contact",async function(){await In.updater.updateMany(n,a),y("Deleted "+n.length+" bad statements from groups")})}}async function re(){const n=function(n){if(n)return n;let e;for(const n in On){e=In.sym(n);const t=In.any(void 0,Tn.vcard("includesGroup"),e);if(t)return t}throw new Error("findBookFromGroups: Cant find address book which this group is part of")}(Rn);try{await In.fetcher.load(n)}catch(e){throw new Error("Book won't load:"+n)}const e=In.any(n,Tn.vcard("nameEmailIndex"));if(!e)throw new Error("No nameEmailIndex");await In.fetcher.load(e)}const se=d.ns,de=s.store;function le(n,e=de){let t=e.statementsMatching(null,se.owl("sameAs"),n).map(n=>n.why).concat(e.each(null,se.vcard("hasMember"),n));const a=new Set(t.map(n=>nn(n.uri)));return t=[...a].map(n=>e.sym(n)),t}async function ce(n,e,t){const a=t||null;function o(e){const t=l.any(e,se.vcard("fn")),o=t?t.value:e.uri,p=r.createElement("li");p.classList.add("group-membership-item");const A=r.createElement("button");A.setAttribute("type","button"),A.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),A.textContent=o,A.title=o,p.appendChild(A);const m=r.createElement("div");m.classList.add("group-membership-toolbar");const u=d.widgets.linkIcon(r,e);return u.setAttribute("title","Link to "+o),m.appendChild(u),s.authn.currentUser()&&d.widgets.deleteButtonWithCheck(r,m,"membership in "+o,async function(){await async function(n,e){const t=l.any(n,se.vcard("fn")),o=l.any(e,se.vcard("fn")),s=l.each(null,se.owl("sameAs"),n,e.doc());let p=[];s.forEach(t=>{l.statementsMatching(t,se.owl("sameAs"),n,e.doc())&&(p=p.concat(t))}),p=N(l,n).map(n=>n.value);const A=p.map(n=>l.sym(n));let m=[n].concat(A).flatMap(n=>l.each(null,se.vcard("hasMember"),n));if(m=[...new Set(m.map(n=>n.uri))].map(n=>l.sym(n)),m.length<2)return void Q("Must be a member of at least one group. Add to another group first.");const u="Remove "+t+" from group "+o+"?";if(await J(u)){let s=l.statementsMatching(n,void 0,void 0,e.doc()).concat(l.statementsMatching(void 0,void 0,n,e.doc()));p.forEach(n=>{l.statementsMatching(n,se.owl("sameAs"),void 0,e.doc()).length<2&&(s=s.concat(l.statementsMatching(void 0,void 0,n,e.doc())))});try{await l.updater.update(s,[])}catch(n){const t="Error removing member from group "+e+": "+n;return void c.appendChild(d.widgets.errorMessageBlock(r,t,"pink"))}y("Removed "+t+" from group "+o),l.fetcher.unload(e.doc()),await l.fetcher.load(e.doc()),i(),ne(a)}}(n,e)}),p.appendChild(m),p}function i(e=null){c.innerHTML="";const t=r.createElement("h3");t.classList.add("group-membership-header"),t.textContent="Part of groups",c.appendChild(t);const a=r.createElement("ul");a.classList.add("group-pills-wrapper"),c.appendChild(a),0===(e=e||le(n,l)).length?a.innerHTML="<span>Not part of any Address Book group.</span>":a.innerHTML="",e.forEach(n=>{a.appendChild(o(n))})}const{dom:r}=e,l=e.session.store,c=r.createElement("div");return c.classList.add("group-membership-container"),await async function(n=null){if(!n&&!(n=l.any(void 0,se.vcard("includesGroup"))))return[];const e=l.any(n,se.vcard("groupIndex")),t=n?l.each(n,se.vcard("includesGroup"),null,e):[];return await l.fetcher.load(t),t}(),c.refresh=i,i(),c}const pe='# 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 Ae=i(479),me={};me.styleTagTransform=v(),me.setAttributes=g(),me.insert=h().bind(null,"head"),me.domAPI=m(),me.insertStyleElement=b();p()(Ae.A,me);Ae.A&&Ae.A.locals&&Ae.A.locals;var ue=i(686),he={};he.styleTagTransform=v(),he.setAttributes=g(),he.insert=h().bind(null,"head"),he.domAPI=m(),he.insertStyleElement=b();p()(ue.A,he);ue.A&&ue.A.locals&&ue.A.locals;const fe="https://solidos.github.io/contacts-pane/src/ontology/";function ge(n,e,t,a){const o=a||fe+t,i=(0,l.sym)(o);n.holds(void 0,void 0,void 0,i)||(0,l.parse)(e,n,o,"text/turtle",()=>null)}const we=d.ns,be=s.store,Ce="individualAndOrganizationForm.ttl";async function ve(n,e,t,a){const o=be.findTypeURIs(t),i=!(!o[we.vcard("Organization").uri]&&!o[we.schema("Organization").uri]),r=be.updater.editable(t.doc().uri,be);ge(be,pe,Ce);const c=d.ns.vcard("Type").doc().uri;ge(be,'@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",c);try{await be.fetcher.load(t.doc())}catch(n){throw P("Error loading profile card. Stack: "+n),new Error("Failed to load profile card.")}e.classList.add("individualPane"),s.authn.checkUser(),e.appendChild(Sn(n,t));const p=i?"organizationForm":"individualForm";if(function(n,e,t,a,o,i,r,s){const c=fe+a,p=s||"this",A=(0,l.Namespace)(c+"#")(p);ge(o,t,a,c),d.widgets.appendForm(i,n,{},e,A,r,(n,e)=>{n||d.widgets.errorMessageBlock(i,e)})}(e,t,pe,Ce,s.store,n,t.doc(),p),function(n){const e=["label",".formFieldName a",".classifierBox-label a",".choiceBox-label a",".label a",'a[href="http://www.w3.org/2006/vcard/ns#note"]','a[href$="#note"]'].join(", "),t=n?.querySelectorAll?.(e);t&&Array.from(t).forEach(n=>{"number"==typeof n.tabIndex&&-1!==n.tabIndex&&(n.tabIndex=-1),"true"!==n.getAttribute("aria-hidden")&&n.setAttribute("aria-hidden","true")})}(e),dn(t)||e.appendChild(await ce(t,a,a.ulPeople)),s.authn.currentUser()){const a=e.appendChild(n.createElement("h3"));a.textContent="Attach a link to any file",a.classList.add("contactPanedHeading"),d.widgets.attachmentList(n,t,e,{modify:r})}i?e.appendChild(await async function(n,e){let t=L.sym("http://www.wikidata.org/wiki/Q43229");for(const e in T)L.holds(n,k.rdf("type"),k.schema(e),n.doc())&&(t=L.sym(T[e]),y(` renderPublicIdControl bingo: ${e} -> ${t}`));return q(n,e,{longPrompt:`Add a ${j}?`,idNoun:j,urlType:k.vcard("PublicId"),dbLookup:!0,class:t,queryParams:F})}(t,a)):dn(t)||e.appendChild(await async function(n,e){return q(n,e,{longPrompt:`Link to a ${I}?`,idNoun:I,urlType:k.vcard("WebID")})}(t,a))}var Be=i(295),Ee={};Ee.styleTagTransform=v(),Ee.setAttributes=g(),Ee.insert=h().bind(null,"head"),Ee.domAPI=m(),Ee.insertStyleElement=b();p()(Be.A,Ee);Be.A&&Be.A.locals&&Be.A.locals;const ye=s.store,xe=d.ns,Pe=xe.vcard;let ke,Se,De,Le;function Te(n,e,t,a,o,i,r){ke=a,Se=e,Le=r;const c=o.dom,p=c.createElement("div");p.classList.add("toolsPane");const A=c.createElement("h3");A.textContent="Tools",p.appendChild(A);const m=p.appendChild(c.createElement("div"));m.classList.add("statsLog"),De=m.appendChild(c.createElement("pre")),De.setAttribute("id","logSpace");const u=p.appendChild(c.createElement("div"));function h(n){const e=n.classList.contains("btn-primary");u.querySelectorAll("button").forEach(n=>{n.classList.remove("btn-primary","toolsButton--loading","toolsButton--error","toolsButton--success"),n.classList.add("btn-secondary")}),e||(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}u.classList.add("toolsButtonsContainer");const f=u.appendChild(c.createElement("button"));f.textContent="Load main index",f.classList.add("actionButton","btn-secondary","action-button-focus"),f.addEventListener("click",()=>{h(f),De.textContent="",async function(n,e){n.classList.add("toolsButton--loading"),n.classList.remove("toolsButton--error","toolsButton--success");const t=ye.any(ke,xe.vcard("nameEmailIndex"));try{await ye.fetcher.load(t)}catch(t){n.classList.remove("toolsButton--loading"),n.classList.add("toolsButton--error"),Fe(e,"Error: People index has NOT been loaded"+t+"\n")}n.classList.remove("toolsButton--loading"),n.classList.add("toolsButton--success"),Fe(e," People index has been loaded\n")}(f,De)});const g=u.appendChild(c.createElement("button"));g.textContent="Statistics",g.classList.add("actionButton","btn-secondary","action-button-focus"),g.addEventListener("click",()=>{h(g),De.textContent="",function(n){const e=ye.each(void 0,Pe("inAddressBook"),ke).length;Fe(n,e+" contacts loaded. ");let t=ye.each(ke,Pe("includesGroup"));const a=new Set(t.map(n=>nn(n.uri)));t=[...a].map(n=>ye.sym(n)),Fe(n,t.length+" total groups. ");const o=[];for(const n in Se)o.push(n);Fe(n,o.length+" selected groups. ")}(De)});const w=u.appendChild(c.createElement("button"));w.textContent="Check individual contact access of selected groups",w.classList.add("actionButton","btn-secondary","action-button-focus"),w.addEventListener("click",n=>{h(w),De.textContent="",async function(){function n(n){d.acl.fixIndividualCardACL(n,n=>Fe(De,n),function(e,t){e?Fe(De,"Success for "+d.utils.label(n)):(P("Failure for "+n+": "+t),Fe(De,"Failure for "+n+": "+t))})}const e=[];for(const n in Se)e.push(n);for(let t=0;t<e.length;t++){const a=ye.sym(e[t]),o=fn(ye,a);Fe(De,d.utils.label(a)+": "+o.length+" members");for(let e=0;e<o.length;e++){const t=o[e];Fe(De,d.utils.label(t)),n(t)}}}()});const b=u.appendChild(c.createElement("button"));b.textContent="Find duplicate contacts",b.classList.add("actionButton","btn-secondary","action-button-focus"),b.addEventListener("click",function(n){h(b),De.textContent="";const e={};e.book=ke,e.nameEmailIndex=ye.any(ke,xe.vcard("nameEmailIndex")),Fe(De,"Loading name index..."),s.store.fetcher.nowOrWhenFetched(e.nameEmailIndex,void 0,function(n,t){function a(n){let t;return Promise.resolve().then(()=>{const a=n.uri.replace("/Group/","/NewGroup/");t=ye.sym(a);let o=[];for(let t=0;t<e.uniques.length;t++)o=o.concat(ye.connectedStatements(e.uniques[t],n.doc()));const i=new l.Serializer(ye).setBase(n.uri);Fe(De," Regenerating group of uniques..."+t);const r=i.statementsToN3(o);return ye.fetcher.webOperation("PUT",t,{data:r,contentType:"text/turtle"})}).then(()=>(Fe(De," Done uniques group "+t),!0)).catch(n=>{Fe(De,"Error saving : "+n)})}Fe(De,"Loaded name index."),e.cards=[],e.duplicates=[],e.definitive=[],e.nameless=[],e.exactDuplicates=[],e.nameOnlyDuplicates=[],e.uniquesSet=[],e.groupProblems=[],e.nameDupLog=ye.sym(ke.dir().uri+"dedup-nameDupLog.ttl"),e.exactDupLog=ye.sym(ke.dir().uri+"dedup-exactDupLog.ttl"),e.nameOnlyErrors=[],e.nameLessZeroData=[],e.nameLessIndex=[],e.namelessUniques=[],e.nameOnlyDuplicatesGroupDiff=[];const o=function(){let n=[];if(e.book){[e.book].forEach(function(e){const t=(e?ye.each(e,xe.vcard("includesGroup")):[]).map(function(n){return[e,ye.any(n,xe.vcard("fn")),n]});n=n.concat(t)}),n.sort()}return n}();e.groupObjects=o.map(n=>n[2]),Fe(De,"Loading "+e.groupObjects.length+" groups... "),ye.fetcher.load(e.groupObjects).then(function(){return new Promise(function(n){let t,a,o;for(e.cards=ye.each(void 0,Pe("inAddressBook"),e.book),Fe(De,e.cards.length+" total contacts"),t=0;t<e.cards.length;t++)if(a=e.cards[t],o=ye.anyValue(a,xe.vcard("fn")),o)if(e.definitive[o]===a);else if(e.definitive[o]){e.duplicates.length;e.duplicates.push(a)}else e.definitive[o]=a;else e.nameless.push(a);e.duplicateSet=[];for(let n=0;n<e.duplicates.length;n++)e.duplicateSet[e.duplicates[n].uri]=e.duplicates[n];e.namelessSet=[];for(let n=0;n<e.nameless.length;n++)e.namelessSet[e.nameless[n].uri]=e.nameless[n];e.uniques=[],e.uniqueSet=[];for(let n=0;n<e.cards.length;n++){const t=e.cards[n].uri;e.duplicateSet[t]||e.namelessSet[t]||(e.uniques.push(e.cards[n]),e.uniqueSet[t]=e.cards[n])}Fe(De,"Uniques: "+e.uniques.length),Fe(De,e.nameless.length+" nameless contacts."),Fe(De,e.duplicates.length+" name-duplicate contacts, leaving "+(e.cards.length-e.duplicates.length)),n(!0)})}).then(function(){return new Promise(function(n){Fe(De,"Groups loaded");for(let n=0;n<e.uniques.length;n++)e.uniquesSet[e.uniques[n].uri]=!0;e.groupMembers=[],ye.each(null,xe.vcard("hasMember")).forEach(n=>{e.groupMembers=e.groupMembers.concat(fn(ye,n))}),Fe(De," Naive group members "+e.groupMembers.length),e.groupMemberSet=[];for(let n=0;n<e.groupMembers.length;n++)e.groupMemberSet[e.groupMembers[n].uri]=e.groupMembers[n];e.groupMembers2=[];for(const n in e.groupMemberSet)e.groupMembers2.push(e.groupMemberSet[n]);Fe(De," Compact group members "+e.groupMembers2.length),n(!0)})}).then(function n(){return e.namelessToCheck=e.namelessToCheck||e.nameless.slice(),Fe(De,"Nameless check left: "+e.namelessToCheck.length),new Promise(function(t){const a=e.namelessToCheck.shift();if(a){var o;(o=a,new Promise(function(n){ye.fetcher.load(o).then(function(t){Fe(De," Nameless check "+o);const a={};a[xe.vcard("hasUID").uri]=!0,a[xe.dc("created").uri]=!0,a[xe.dc("modified").uri]=!0;const i=(r=o,ye.statementsMatching(null,null,null,r.doc()).filter(function(n){return!a[n.predicate.uri]}));var r;if(!i.length)return Fe(De," Zero length "+o),e.nameLessZeroData.push(o),n(!1);const s=new l.Serializer(ye).setBase(o.doc().uri).statementsToN3(i),d=e.nameLessIndex[s];if(d){Fe(De," Matches with "+d);const t=ye.each(null,xe.vcard("hasMember"),o),a=ye.each(null,xe.vcard("hasMember"),d);for(let i=0;i<t.length;i++){let r=!1;for(let n=0;n<a.length;n++)a[n].sameTerm(t[i])&&(r=!0);if(!r)return Fe(De,"This one groups: "+t),Fe(De,"Other one groups: "+a),Fe(De,"Cant skip this one because it has a group, "+t[i]+", which the other does not."),e.nameOnlyDuplicatesGroupDiff.push(o),n(!1)}y("Group check done -- exact duplicate: "+o)}else Fe(De,"First nameless like: "+o.doc()),Fe(De,"___________________________________________"),Fe(De,s),Fe(De,"___________________________________________"),e.nameLessIndex[s]=o,e.namelessUniques.push(o);n(!0)}).catch(function(t){Fe(De,"Cant load a nameless card!: "+t),e.nameOnlyErrors.push(o),n(!1)})})).then(function(e){Fe(De," Nameless check returns "+e),n()})}else{if(Fe(De,"namelessUniques: "+e.namelessUniques.length),Fe(De,"namelessUniques: "+e.namelessUniques),!(e.namelessUniques.length>0))return t(!0);{const n=c.createElement("p");n.textContent="Add all "+e.namelessUniques.length+" nameless contacts to the rescued set?",m.appendChild(n);const a=d.widgets.continueButton(c,function(){e.uniques=e.uniques.concat(e.namelessUniques);for(let n=0;n<e.namelessUniques.length;n++)e.uniqueSet[e.namelessUniques[n].uri]=!0;n.remove(),a.remove(),t(!0)});m.appendChild(a)}}})}).then(function(){let n;return Promise.resolve().then(()=>{n=ye.sym(e.book.dir().uri+"clean-people.ttl");let t=[];for(let n=0;n<e.uniques.length;n++)t=t.concat(ye.connectedStatements(e.uniques[n],e.nameEmailIndex));const a=new l.Serializer(ye).setBase(e.nameEmailIndex.uri);Fe(De,"Serializing index of uniques...");const o=a.statementsToN3(t);return ye.fetcher.webOperation("PUT",n,{data:o,contentType:"text/turtle"})}).then(function(){return Fe(De,"Done uniques log "+n),!0}).catch(function(n){Fe(De,"Error saving uniques: "+n)})}).then(function(){return Fe(De,"Saving ALL GROUPS"),Promise.all(e.groupObjects.map(a))}).then(function(){Fe(De,"Done!")})})});const C=u.appendChild(c.createElement("button"));C.classList.add("actionButton","btn-secondary","action-button-focus"),C.textContent="Find contacts with no group",C.addEventListener("click",function(e){h(C),De.textContent="",Fe(De,"Loading groups..."),n(Se,t,async function(n,e){if(!n)return void Fe(De,"Loading all groups failed. If it persists, contact your admin.");const t=ye.any(ke,xe.vcard("nameEmailIndex"));try{await ye.fetcher.load(t)}catch(n){return P("Error loading name index (vcard(nameEmailIndex)). Stack: "+n),void Fe(De,"Loading name index failed. If it persists, contact your admin.")}Fe(De,"Loaded groups and name index."),Ie(ke),Fe(De,"Groupless list finished.")})});const v=u.appendChild(c.createElement("button"));return v.classList.add("actionButton","btn-secondary","action-button-focus"),v.textContent="Put all individuals with no group in a new group",v.addEventListener("click",n=>{h(v),De.textContent="",async function(n){const e=await Ie(n);if(0===e.length)return void Fe(De,"No groupless contacts found.");let t=null;try{t=await un(n,"No group")}catch(n){}const a=De.ownerDocument;new Promise(function(n){const o=a.createElement("p");o.textContent=`Add the ${e.length} contacts without groups to a 'No group' group?`,De.appendChild(o);const i=d.widgets.continueButton(a,async function(){o.remove(),i.remove();for(const n of e)t&&(Fe(De," adding "+d.utils.label(n)),await hn(n,t));Fe(De,"People moved to group."),Le&&Le(),n()});De.appendChild(i)})}(ke)}),p}function Fe(n,e){n.textContent+=e+"\n"}async function Ie(n){const e=ye.any(n,xe.vcard("groupIndex")),t=ye.any(n,xe.vcard("nameEmailIndex"));try{await ye.fetcher.load([t,e]);const a=ye.each(n,xe.vcard("includesGroup"));await ye.fetcher.load(a)}catch(n){P("Error loading groups. Stack: "+n),Fe(De,"Error loading groups or name index. If it persists, contact your admin.")}const a={},o=[];let i=ye.each(n,Pe("includesGroup"));const r=new Set(i.map(n=>nn(n.uri)));i=[...r].map(n=>ye.sym(n)),Fe(De,i.length+" total groups. ");for(let n=0;n<i.length;n++){const e=i[n],t=fn(ye,e);Fe(De,d.utils.label(e)+": "+t.length+" members");for(let n=0;n<t.length;n++)ye.allAliases(t[n]).forEach(function(n){a[n.uri]=e})}const s=ye.each(void 0,Pe("inAddressBook"),n);Fe(De,s.length+" total contatcs");for(let n=0;n<s.length;n++)a[s[n].uri]||(o.push(s[n]),Fe(De," groupless "+d.utils.label(s[n])));return Fe(De,o.length+" groupless contacts."),o}var je=i(92),Oe={};Oe.styleTagTransform=v(),Oe.setAttributes=g(),Oe.insert=h().bind(null,"head"),Oe.domAPI=m(),Oe.insertStyleElement=b();p()(je.A,Oe);je.A&&je.A.locals&&je.A.locals;var ze=i(903),Ge={};Ge.styleTagTransform=v(),Ge.setAttributes=g(),Ge.insert=h().bind(null,"head"),Ge.domAPI=m(),Ge.insertStyleElement=b();p()(ze.A,Ge);ze.A&&ze.A.locals&&ze.A.locals;const Ne=d.ns,Me=d.utils,qe={icon:d.icons.iconBase+"noun_99101.svg",name:"contact",global:!1,label:function(n,e){const t=e.session.store.findTypeURIs(n);return t[Ne.vcard("Organization").uri]?"Contact":t[Ne.vcard("AddressBook").uri]?"Address book":null},mintClass:d.ns.vcard("AddressBook"),mintNew:function(n,e){return new Promise(function(t,a){d.login.ensureLoadedProfile(e).then(e=>{y("Logged in as "+e.me);const o=e.me,i=e.dom,r=e.div,s=n.session.store,c=d.ns,p=e.newBase||e.newInstance.dir().uri;if((e.instanceClass||c.vcard("AddressBook")).sameTerm(c.vcard("Group"))){const n=e.newInstance||s.sym(e.newBase+"index.ttl#this"),o=n.doc();return s.add(n,c.rdf("type"),c.vcard("Group"),o),s.add(n,c.vcard("fn"),e.instanceName||"untitled group",o),void s.fetcher.putBack(o,{contentType:"text/turtle"}).then(function(n){t(e)}).catch(function(n){P("Failed to fetch new address book. Stack: "+n),a(new Error("Error creating document for new group "+n))})}let A='@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';A+="<#this> <http://www.w3.org/ns/auth/acl#owner> <"+o.uri+">.\n\n";const m=s.sym(p+"index.ttl#this"),u=[{to:"index.ttl",content:A,contentType:"text/turtle"},{to:"groups.ttl",content:"",contentType:"text/turtle"},{to:"people.ttl",content:"",contentType:"text/turtle"},{to:"",existing:!0,aclOptions:{defaultForNew:!0}}];!function n(){function d(e,t){if(!t)return a(new Error("Error writing new file "+c.to));wn(A,o,h).then(()=>n()).catch(n=>{P("Error setting access permissions for "+c.to+". Stack: "+n);const e="Error setting access permissions for "+c.to+".";return a(new Error(e))})}if(0===u.length)!function(n,a){y(`New ${a} created at ${n}`);const o=r.appendChild(i.createElement("p"));o.classList.add("claimSuccess"),o.innerHTML="Your <a href='"+n.uri+"'><b>new "+a+"</b></a> is ready. <br/><br/><a href='"+n.uri+"'>Go to new "+a+"</a>";const s=Object.assign({newInstance:n},e);t(s)}(m,"address book");else{var c=u.shift();y("Creating new file "+c.to+" in new instance ");var A=l.uri.join(c.to,p),h=c.aclOptions||{};"content"in c?s.fetcher.webOperation("PUT",A,{data:c.content,saveMetadata:!0,contentType:c.contentType}).then(()=>d(0,!0)):"existing"in c?d(0,!0):a(new Error("Copy not expected while buiding new app."))}}()},n=>{x("Error logging in. Stack: "+n),en(e.div,e.dom,"Please log in to create a new address book.")})})},render:function(n,e,t={}){const a=e.dom,o=e.session.store,i=a.createElement("div");return H(a),d.aclControl.preventBrowserDropEvents(a),i.setAttribute("class","contactPane"),function(n,e=900){function t(){const t=n.getBoundingClientRect().width,a=t>0&&t<=e,o="undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(max-width: "+e+"px)").matches,i=t>0?a:o;return t>0?(n.dataset.paneWidth=Math.round(t).toString(),n.dataset.paneNarrow=a?"true":"false"):(n.dataset.paneWidth="0",n.dataset.paneNarrow=o?"true":"false"),n.classList.toggle("contactPane--narrow",i),n.dataset.viewportNarrow=o?"true":"false",i}const a=function(n,e){let t=null;return function(...a){clearTimeout(t),t=setTimeout(()=>n.apply(this,a),e)}}(()=>{t()},100);"undefined"!=typeof ResizeObserver&&new ResizeObserver(()=>{a()}).observe(n);"undefined"!=typeof window&&"function"==typeof window.addEventListener&&window.addEventListener("resize",a),function e(){t(),n.isConnected||requestAnimationFrame(e)}()}(i,1e3),async function(){d.aclControl.preventBrowserDropEvents(a);const r=o.findTypeURIs(n);if(r[Ne.vcard("Individual").uri]||r[Ne.foaf("Person").uri]||r[Ne.schema("Person").uri]||r[Ne.vcard("Organization").uri]||r[Ne.schema("Organization").uri])try{await ve(a,i,n,e)}catch(n){throw P("Error rendering contact. Stack: "+n),new Error("Failed to render contact: "+(n.message||n))}else{if(!r[Ne.vcard("AddressBook").uri])throw P("No evidence that "+n+" is anything to do with contacts."),new Error("This does not seem to be a contact or address book.");!function(n,r){o.fetcher.load(n).then(function(c){!function(n,r){const c=Me.label(Ne.vcard("AddressBook"));let p=r.foreignGroup,A="";n&&n.length>0?(p=n[0],A=Me.label(p.dir())):(o.any(p,Ne.dc("title"))||o.any(p,Ne.vcard("fn")),t.solo&&A&&"undefined"!=typeof document&&(document.title=A.value),A=A?A.value:c);const m=o.any(p,Ne.vcard("groupIndex")),u={};let h={},f=null,g=null;const w=[];function b(n){w.forEach(n=>{n.classList.remove("btn-primary"),n.classList.add("btn-secondary")}),n&&(n.classList.remove("btn-secondary"),n.classList.add("btn-primary"))}const C={dom:a,kb:o,ns:Ne,book:p,options:r,title:A,groupIndex:m,selectedGroups:u,get selectedPeople(){return h},set selectedPeople(n){h=n},get allGroupsLi(){return f},set allGroupsLi(n){f=n},get newGroupLi(){return g},set newGroupLi(n){g=n},actionButtons:w,setActiveActionButton:b,dataBrowserContext:e,div:i,me:l,setMe(n){l=n},paneOptions:t},{main:v,addressBookSection:B,detailsSection:E}=function(n){const{dom:e}=n,t=e.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=e.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 o=e.createElement("section");return o.classList.add("detailSection"),o.setAttribute("role","region"),o.setAttribute("aria-label","Details section"),o.classList.add("hidden"),t.appendChild(o),{main:t,addressBookSection:a,detailsSection:o}}(C);function x(){E.classList.remove("hidden")}i.appendChild(v),C.showDetailsSection=x,C.detailsSection=E;const k=a.createElement("ul");k.setAttribute("role","list"),k.setAttribute("aria-label","People list"),C.ulPeople=k,C.dataBrowserContext&&(C.dataBrowserContext.ulPeople=k);const S=a.createElement("div");S.classList.add("detailsSectionContent"),S.setAttribute("role","region"),S.setAttribute("aria-labelledby","detailsSectionContent"),S.setAttribute("aria-live","polite"),C.detailsSectionContent=S;const D=function(n){const{dom:e,ns:t,title:a,me:o,setMe:i,setActiveActionButton:r}=n,d=e.createElement("section");d.classList.add("headerSection");const l=e.createElement("header");l.classList.add("mb-md");const c=e.createElement("h2");c.id="addressBook-heading",c.setAttribute("tabindex","-1"),c.textContent=a;const p=e.createElement("button"),A=e.createElement("div");p.setAttribute("type","button"),o||p.setAttribute("disabled","true");s.authn.checkUser().then(n=>{n&&(i(n),p.removeAttribute("disabled"))}),A.appendChild(p),p.innerHTML="+ New contact",p.classList.add("actionButton","btn-primary","action-button-focus");let m=0;return p.addEventListener("click",async function(a){r(null),te(n.ulPeople);const o=++m;if(n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide"),await re(),o!==m)return;n.detailsSectionContent.innerHTML="";const i=e.createElement("div");i.classList.add("contactTypeChooser");const s=e.createElement("label");s.textContent="Contact type: ",s.setAttribute("for","contactTypeSelect"),i.appendChild(s);const d=e.createElement("select");d.id="contactTypeSelect",d.classList.add("contactTypeSelect");const l=e.createElement("option");l.value="Individual",l.textContent="New person",d.appendChild(l);const c=e.createElement("option");c.value="Organization",c.textContent="New organization",d.appendChild(c),i.appendChild(d),n.detailsSectionContent.appendChild(i);const p=e.createElement("p");p.classList.add("contactCreationRemark"),p.textContent="The new contact is added to the already selected group.",n.detailsSectionContent.appendChild(p);const A=e.createElement("div");function u(){return"Organization"===d.value?t.vcard("Organization"):t.vcard("Individual")}A.classList.add("contactFormContainer"),n.detailsSectionContent.appendChild(A),Ue(n,A,u()),d.addEventListener("change",function(){Ue(n,A,u())})},!1),l.appendChild(c),l.appendChild(A),d.appendChild(l),d}(C);B.appendChild(D);const L=a.createElement("hr");L.classList.add("dottedHr"),B.appendChild(L);const{searchSection:T,searchInput:F}=function(n){const{dom:e}=n,t=e.createElement("section");t.classList.add("searchSection");const a=e.createElement("div");a.classList.add("searchDiv"),t.appendChild(a);const o=e.createElement("input");o.setAttribute("type","text"),o.setAttribute("aria-label","Search contacts"),o.classList.add("searchInput"),o.setAttribute("placeholder","Search by name in selected group"),a.appendChild(o);const i=e.createElement("button");return i.setAttribute("type","button"),i.setAttribute("aria-label","Clear search"),i.classList.add("searchClearButton","hidden"),i.textContent="✕",a.appendChild(i),o.addEventListener("input",function(e){const t=o.value.length>0;i.classList.toggle("hidden",!t),ae(n.ulPeople,!0,n.detailsSectionContent)}),i.addEventListener("click",function(){o.value="",i.classList.add("hidden"),o.focus(),ae(n.ulPeople,!0,n.detailsSectionContent)}),{searchSection:t,searchInput:o}}(C);C.searchInput=F,B.appendChild(T);const{buttonSection:I,ulGroups:j}=function(n){const{dom:e,kb:t,book:a,options:o,groupIndex:i,selectedGroups:r,actionButtons:s,setActiveActionButton:d}=n,l=e.createElement("section");l.classList.add("buttonSection");const c=e.createElement("ul");c.classList.add("groupButtonsList"),c.setAttribute("role","list"),c.setAttribute("aria-label","Groups list"),o.foreignGroup&&(r[o.foreignGroup.uri]=!0);if(a){n.allGroupsLi=e.createElement("li");const p=e.createElement("button");p.textContent="All groups",p.classList.add("allGroupsButton","actionButton","btn-primary","action-button-focus","allGroupsButton--selected"),p.addEventListener("click",function(e){Vn(c,p),d(null);if(Array.from(c.children).every(function(n){return!n.subject||!!r[n.subject.uri]})){p.classList.remove("allGroupsButton--loading","allGroupsButton--active"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--loaded");for(const n in r)delete r[n];Xn(c,r)}else p.classList.add("allGroupsButton--loading"),p.setAttribute("aria-busy","true"),Kn(r,c,function(e,t){if(!e)return Q("Failed to select all groups. If it persists, contact admin.");p.classList.remove("allGroupsButton--loading"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--active"),Xn(c,r),ne(n.ulPeople,null)})}),n.allGroupsLi.appendChild(p),c.appendChild(n.allGroupsLi),n.newGroupLi=e.createElement("li");const A=e.createElement("button");A.setAttribute("type","button"),A.innerHTML="+ New group",A.classList.add("allGroupsButton","actionButton","btn-secondary","action-button-focus"),s.push(A),A.addEventListener("click",function(e){Vn(c,A),d(null),te(n.ulPeople),Re(n)},!1),n.newGroupLi.appendChild(A),l.appendChild(c),i&&t.fetcher.nowOrWhenFetched(i.uri,a,function(t,i){if(!t)return P("Error loading group index. Stack: "+i),void Q("Error loading group index. If it persists, contact admin.");n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),Zn(a,o,c,e,r,n.ulPeople,n.searchInput),c.insertBefore(n.allGroupsLi,c.firstChild),c.appendChild(n.newGroupLi),p.classList.add("allGroupsButton--loading"),p.setAttribute("aria-busy","true"),Kn(r,c,function(e,t){if(!e)return Q("Failed to select all groups. If it persists, contact admin.");p.classList.remove("allGroupsButton--loading"),p.setAttribute("aria-busy","false"),p.classList.add("allGroupsButton--active"),Xn(c,r),ne(n.ulPeople,null)})}),n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),Wn(a,c,o,e,r,n.ulPeople,n.searchInput,n.detailsSectionContent,n.dataBrowserContext,function(){d(null),n.detailsSectionContent.querySelector(".contactTypeChooser, .contactFormContainer, .renderPane")||(n.detailsSectionContent.innerHTML="",n.detailsSection.classList.add("hidden"))}),c.insertBefore(n.allGroupsLi,c.firstChild),c.appendChild(n.newGroupLi)}else Zn(a,o,c,e,r,n.ulPeople,n.searchInput),ne(n.ulPeople,null),y("No book, only one group -> hide list of groups");return{buttonSection:l,ulGroups:c}}(C);C.ulGroups=j,B.appendChild(I);const O=a.createElement("section");O.classList.add("peopleSection"),B.appendChild(O),O.appendChild(k),E.appendChild(S);const z=function(n){const{dom:e,kb:t,ns:a,book:o,options:i,selectedGroups:r,actionButtons:s,setActiveActionButton:l,dataBrowserContext:c,div:p,me:A}=n,m=e.createElement("div");if(m.classList.add("cardFooter"),o){const u=m.appendChild(e.createElement("button"));u.setAttribute("type","button"),u.innerHTML="Groups",u.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(u),u.addEventListener("click",async function(s){l(u),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide");const c=e.createElement("h3");c.textContent="Your groups",n.detailsSectionContent.appendChild(c);let p,m=e.createElement("p");m.textContent="When you delete a group it can happen that some contacts end up groupless.",n.detailsSectionContent.appendChild(m),m=e.createElement("p"),m.textContent="To move contacts around, simply drag and drop them onto a group.",n.detailsSectionContent.appendChild(m);try{p=await Jn(o)}catch(t){return void n.detailsSectionContent.appendChild(e.createTextNode("Failed to load groups: "+t))}const h=e.createElement("ul");h.setAttribute("role","list"),h.setAttribute("aria-label","All groups"),h.classList.add("groupButtonsList"),p&&(p.sort((n,e)=>{const o=(t.any(n,a.vcard("fn"))||"").toString().toLowerCase(),i=(t.any(e,a.vcard("fn"))||"").toString().toLowerCase();return o<i?-1:o>i?1:0}),p.forEach(function(a){const{groupLi:s,groupButton:l,name:c}=Hn(a);l.addEventListener("click",function(e){if(e.preventDefault(),!e.metaKey)for(const n in r)delete r[n];r[a.uri]=!r[a.uri],Xn(n.ulGroups,r);const o=Array.from(n.ulGroups.children).find(n=>n.subject&&n.subject.uri===a.uri);Vn(n.ulGroups,o?o.querySelector("button"):null),t.fetcher.nowOrWhenFetched(a.doc(),void 0,function(e,t){if(!e)return P("Cannot load group: "+a+". Stack: "+t),Q("Failed to load group details. If it persists, contact your admin.");ne(n.ulPeople,null,!1)})},!1),d.widgets.makeDropTarget(s,n=>$n(n,a)),A&&d.widgets.deleteButtonWithCheck(e,s,"group "+c,async function(){await on(a),delete r[a.uri];const t=n.allGroupsLi,s=n.newGroupLi;t.parentNode&&t.parentNode.removeChild(t),s.parentNode&&s.parentNode.removeChild(s),Zn(o,i,n.ulGroups,e,r,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(t,n.ulGroups.firstChild),n.ulGroups.appendChild(s),Xn(n.ulGroups,r),ne(n.ulPeople,null,!1),u.click()}),h.appendChild(s)})),n.detailsSectionContent.appendChild(h);const f=e.createElement("button");f.setAttribute("type","button"),f.innerHTML="+ New group",f.classList.add("actionButton","btn-primary","action-button-focus","newGroupBtn"),f.addEventListener("click",function(){Re(n)},!1),n.detailsSectionContent.appendChild(f)});const h=m.appendChild(e.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(i){l(h),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.remove("detailsSectionContent--wide");const r=e.createElement("h3");r.textContent="Sharing",n.detailsSectionContent.appendChild(r),n.detailsSectionContent.appendChild(d.aclControl.ACLControlBox5(o.dir(),c,"book",t,function(t,a){t||(P("ACL control box Failed. Stack: "+a),en(n.detailsSectionContent,e,"Problem displaying sharing controls. If persists, contact admin."))}));const s={target:o,me:A,noun:"address book",div:n.detailsSectionContent,dom:e,statusRegion:p};d.login.registrationControl(s,o,a.vcard("AddressBook")).then(()=>y("Registration control finished.")).catch(t=>{P("Error in registration control. Stack: "+t),en(n.detailsSectionContent,e,"Problem displaying findable controls. If persists, contact admin.")})});const f=m.appendChild(e.createElement("button"));f.setAttribute("type","button"),f.innerHTML="Tools",f.classList.add("actionButton","btn-secondary","action-button-focus"),s.push(f),f.addEventListener("click",function(t){l(f),te(n.ulPeople),n.showDetailsSection(),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.add("detailsSectionContent--wide"),n.detailsSectionContent.appendChild(Te(Kn,r,n.ulGroups,o,c,0,function(){n.allGroupsLi.parentNode&&n.allGroupsLi.parentNode.removeChild(n.allGroupsLi),n.newGroupLi.parentNode&&n.newGroupLi.parentNode.removeChild(n.newGroupLi),Zn(o,i,n.ulGroups,e,r,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(n.allGroupsLi,n.ulGroups.firstChild),n.ulGroups.appendChild(n.newGroupLi),Xn(n.ulGroups,r)}))})}return m}(C);B.appendChild(z),ie(p,S).then(()=>{y("Async checkDataModel done.")})}(n,r)}).catch(function(n){throw P("Error loading address book. Stack: "+n),new Error("Failed to load address book.")})}([n],{})}let l=s.authn.currentUser();if("undefined"!=typeof document&&document.location&&"http://localhost"===(""+document.location).slice(0,16)){const e=o.any(n,d.ns.acl("owner"));e&&(l=e)}return i}().then(()=>y("Contacts pane rendered for "+n),n=>en(i,a,n.message||""+n)).catch(n=>{en(i,a,n.message||""+n)}),i}};async function Re(n){const{dom:e,kb:t,ns:a,book:o,options:i,selectedGroups:r,dataBrowserContext:s}=n;n.showDetailsSection(),n.detailsSectionContent.innerHTML="";const l=t.any(o,a.vcard("groupIndex"));try{await t.fetcher.load(l)}catch(n){y("Error: Group index NOT loaded:"+n+"\n")}y(" Group index has been loaded\n");const c=await d.widgets.askName(e,t,n.detailsSectionContent,d.ns.foaf("name"),a.vcard("Group"),"group");if(!c)return;let p;try{p=await un(o,c)}catch(e){return y("Error: can't save new group:"+e),void(n.detailsSectionContent.innerHTML="Failed to save group"+e)}for(const n in r)delete r[n];r[p.uri]=!0;const A=n.allGroupsLi,m=n.newGroupLi;A.parentNode&&A.parentNode.removeChild(A),m.parentNode&&m.parentNode.removeChild(m),Zn(o,i,n.ulGroups,e,r,n.ulPeople,n.searchInput),n.ulGroups.insertBefore(A,n.ulGroups.firstChild),n.ulGroups.appendChild(m),Xn(n.ulGroups,r);const u=Array.from(n.ulGroups.children).find(n=>n.subject&&n.subject.uri===p.uri);Vn(n.ulGroups,u?u.querySelector("button"):null),ne(n.ulPeople,null,!1),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.appendChild(d.aclControl.ACLControlBox5(p.doc(),s,"group",t,function(e,t){e||(n.detailsSectionContent.innerHTML="Group sharing setup failed: "+t)}))}function Ue(n,e,t){const{dom:a,kb:o,book:i,selectedGroups:r,dataBrowserContext:s}=n;e.innerHTML="",d.widgets.askName(a,o,e,d.ns.foaf("name"),t).then(async e=>{if(!e)return;let a;n.detailsSectionContent.innerHTML="Indexing...";try{a=await async function(n,e,t,a){await pn.fetcher.load(n.doc());const o=pn.any(n,ln.vcard("nameEmailIndex")),i=cn.genUuid(),r=pn.sym(n.dir().uri+"Person/"+i+"/index.ttl#this"),s=r.doc(),d=[l.st(r,ln.vcard("inAddressBook"),n,o),l.st(r,ln.vcard("fn"),e,o),l.st(r,ln.vcard("fn"),e,s),l.st(r,ln.rdf("type"),a,s),l.st(s,ln.dct("created"),new Date,s)],c=Array.isArray(t)?t:Object.keys(t||{});if(c.length>0){for(const n of c){const t=pn.sym(n),a=t.doc();d.push(l.st(t,ln.vcard("hasMember"),r,a),l.st(r,ln.vcard("fn"),e,a))}try{await An.updateMany([],d)}catch(n){throw P("Cannot add group membership for "+r+". Stack:"+n),new Error("Save new contact")}return r}Q("Must be a member of at least one group. Please select or create a group.")}(i,e,r,t)}catch(n){return void Q("Error saving contact. If it persists, contact your admin.")}if(!a)return void(n.detailsSectionContent.innerHTML="");n.selectedPeople={},n.selectedPeople[a.uri]=!0,ne(n.ulPeople,null),n.detailsSectionContent.innerHTML="",n.detailsSectionContent.classList.add("detailsSectionContent--wide");const o=s.session.paneRegistry.byName("contact").render(a,s);o.classList.add("renderPane"),n.detailsSectionContent.appendChild(o)})}return r=r.default})());
2
2
  //# sourceMappingURL=contactsPane.min.js.map