profile-pane 3.1.5 → 3.2.0

package/lib/sections/resume/ResumeSection.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CVCard = void 0;
+exports.renderCVSection = renderCVSection;
+var _litHtml = require("lit-html");
+require("../../styles/CVCard.css");
+var _texts = require("../../texts");
+var _ResumeEditDialog = require("./ResumeEditDialog");
+var _sectionCardHelpers = require("../shared/sectionCardHelpers");
+var _collapsibleSection = require("../shared/collapsibleSection");
+var _profileIcons = require("../../icons-svg/profileIcons");
+function renderRole(role, index) {
+  if (!role) return (0, _litHtml.html)``;
+  const roleTitleId = `cv-role-title-${index}`;
+  const rolePeriodId = `cv-role-period-${index}`;
+  const roleOrgId = `cv-role-org-${index}`;
+  const roleDescriptionId = `cv-role-description-${index}`;
+  const ariaDescribedBy = role.description ? `${rolePeriodId} ${roleOrgId} ${roleDescriptionId}` : `${rolePeriodId} ${roleOrgId}`;
+  return (0, _litHtml.html)`
+    <li class="cvRole" role="listitem" aria-labelledby=${roleTitleId} aria-describedby=${ariaDescribedBy}>
+    <div class="cvRoleHeader">
+      <h4 id=${roleTitleId}>${role.title}</h4>
+      <p id=${rolePeriodId} class="cvRolePeriod">
+        <time datetime=${(0, _sectionCardHelpers.toMonthDateTime)(role.startDate)}>${(0, _sectionCardHelpers.formatMonthYear)(role.startDate)}</time>
+        <span aria-hidden="true"> to </span>
+        ${role.endDate ? (0, _litHtml.html)`<time datetime=${(0, _sectionCardHelpers.toMonthDateTime)(role.endDate)}>${(0, _sectionCardHelpers.formatMonthYear)(role.endDate)}</time>` : (0, _litHtml.html)`<span>Present</span>`}
+      </p>
+    </div>
+      <p class="cvOrg" id=${roleOrgId}>
+        <strong>${role.orgName}</strong>${role.orgLocation ? (0, _litHtml.html)` | ${role.orgLocation}` : ''}
+      </p>
+      ${role.description ? (0, _litHtml.html)`
+        <div class="cvDescriptionWrap">
+          <p class="cvDescriptionText" id=${roleDescriptionId}>${role.description}</p>
+          <button
+            type="button"
+            class="cvDescriptionToggle"
+            aria-controls=${roleDescriptionId}
+            aria-expanded="false"
+            hidden
+            @click=${_sectionCardHelpers.toggleDescription}
+          >
+            ...more
+          </button>
+        </div>
+      ` : ''}
+    </li>
+  `;
+}
+function renderRoles(roles) {
+  if (!roles || !roles.length) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`${roles.map((role, index) => renderRole(role, index))}`;
+}
+const CVCard = (cvData, viewerMode) => {
+  void viewerMode;
+  const hasRoles = Array.isArray(cvData) && cvData.length > 0;
+  if (!hasRoles) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`
+    <article class="cvCard" aria-label="Resume" data-testid="curriculum-vitae">
+      <section class="cvSection">
+        <ul role="list" aria-label="Work experience in chronological order">
+          ${renderRoles(cvData)}
+        </ul>
+      </section>
+    </article>
+  `;
+};
+exports.CVCard = CVCard;
+function renderResumeSectionDefault(store, subject, resumeDetails, viewerMode, onSaved) {
+  (0, _sectionCardHelpers.scheduleDescriptionOverflowCheck)();
+  const hasResume = resumeDetails.length > 0;
+  const showSection = true;
+  const cv = hasResume ? CVCard(resumeDetails, viewerMode) : (0, _litHtml.html)``;
+  const isOwner = viewerMode === 'owner';
+  return showSection ? (0, _litHtml.html)`
+    <section 
+      aria-labelledby="cv-heading" 
+      class="profile__section border-lighter profile-section-collapsible profile-section-collapsible--inline-mobile-actions" 
+      role="region"
+      tabindex="-1"
+      data-expanded="false"
+    >
+      <header class="profile__section-header profile-section-collapsible__header">
+        <h2 id="cv-heading" tabindex="-1">${_texts.resumeHeadingText}</h2>
+        <div class="profile-section-collapsible__actions flex-column">
+          ${isOwner ? (0, _litHtml.html)`
+            <button
+              type="button"
+              class="profile__action-button profile-action-text flex-center profile-section-collapsible__edit-button"
+              aria-label="Edit resume details"
+              @click=${event => (0, _ResumeEditDialog.createResumeEditDialog)(event, store, subject, resumeDetails, viewerMode, onSaved)}
+            >
+              <span class="profile-section-collapsible__edit-label">${_profileIcons.editIcon} Edit</span>
+              <span class="profile-section-collapsible__edit-icon" aria-hidden="true">${_profileIcons.editIcon}</span>
+            </button>
+          ` : (0, _litHtml.html)``}
+          <button
+            type="button"
+            class="inline-flex-row"
+            aria-label="Toggle resume section"
+            aria-controls="cv-panel"
+            aria-expanded="false"
+            @click=${_collapsibleSection.toggleCollapsibleSection}
+          >
+            <span class="profile-section-collapsible__chevron" aria-hidden="true">⌄</span>
+          </button>
+        </div>
+      </header>
+      <div id="cv-panel" class="profile-section-collapsible__content" aria-hidden="true">
+        ${hasResume ? cv : (0, _litHtml.html)`<p>No resume details added yet.</p>`}
+      </div>
+    </section>
+  ` : '';
+}
+function renderOwnerEmptyResumeContent(store, subject, resumeDetails, viewerMode, onSaved) {
+  return (0, _litHtml.html)`
+    <div class="profile__empty-state-content flex-column-center" role="group" aria-label="Empty resume section">
+      <h2 id="resume-heading" tabindex="-1">${_texts.resumeHeadingText}</h2>
+      <p class="profile__empty-state-message">
+        You haven't included any professional experience yet. Consider adding your work history to enhance your resume.
+      </p>
+    </div>
+    <button
+      type="button"
+      class="profile__action-button--empty"
+      aria-label="Add resume details"
+      @click=${event => {
+    return (0, _ResumeEditDialog.createResumeEditDialog)(event, store, subject, resumeDetails, viewerMode, onSaved);
+  }}
+    >
+      <span class="profile__action-icon" aria-hidden="true">${_profileIcons.plusDarkIcon} Add Resume</span>
+    </button>
+
+  `;
+}
+function renderOwnerEmptyResumeSection(store, subject, resumeDetails, viewerMode, onSaved) {
+  return (0, _litHtml.html)`
+    <section 
+      aria-labelledby="resume-heading" 
+      data-profile-section="resume"
+      class="profile__section--empty border-lighter flex-column-center rounded-md gap-lg" 
+      role="region"
+      tabindex="-1"
+    >
+      ${renderOwnerEmptyResumeContent(store, subject, resumeDetails, viewerMode, onSaved)}
+    </section>
+  `;
+}
+function renderCVSection(store, subject, roles, viewerMode, onSaved) {
+  const resumeDetails = roles || [];
+  const hasResume = resumeDetails.length > 0;
+  const showOwnerEmptyResume = !hasResume && viewerMode === 'owner';
+  const showSection = true;
+  return showSection ? (0, _litHtml.html)`
+    ${showOwnerEmptyResume ? renderOwnerEmptyResumeSection(store, subject, resumeDetails, viewerMode, onSaved) : renderResumeSectionDefault(store, subject, resumeDetails, viewerMode, onSaved)}
+  ` : '';
+}

package/lib/sections/resume/mutations.d.ts

@@ -0,0 +1,6 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { ResumeRow } from './types';
+import { MutationOps } from '../shared/types';
+export type ResumeMutationPlan = MutationOps<ResumeRow>;
+export declare function processResumeMutations(store: LiveStore, subject: NamedNode, mutationPlan: ResumeMutationPlan): Promise<void>;
+//# sourceMappingURL=mutations.d.ts.map

package/lib/sections/resume/mutations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,QAAQ,CAAA;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAkM7C,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAA;AAEvD,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,iBAQlH"}

package/lib/sections/resume/mutations.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processResumeMutations = processResumeMutations;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+var _rdfMutationHelpers = require("../shared/rdfMutationHelpers");
+var _idNodeFactory = require("../shared/idNodeFactory");
+var _texts = require("../../texts");
+function asXsdDateLiteral(dateLike) {
+  const value = (dateLike?.value || '').trim();
+  if (!value) return null;
+  const dateOnly = value.slice(0, 10);
+  return (0, _rdflib.literal)(dateOnly, _solidUi.ns.xsd('date'));
+}
+
+/* The following helper was generated by AI Model: GPT-5.3-Codex. */
+/* Prompt: write me a function to determine PastRole, CurrentRole, or FutureRole based on resume role date data. 
+           The function should return a NamedNode with the correct solid namespace and role type local name. 
+           The function should use the roleType field if it is set to one of those three values, 
+           otherwise it should infer the role type based on the start and end dates and isCurrentRole field. */
+function membershipTypeForRole(resumeData) {
+  const normalizedRoleType = (resumeData.roleType || '').trim();
+  if (normalizedRoleType === 'PastRole' || normalizedRoleType === 'CurrentRole' || normalizedRoleType === 'FutureRole') {
+    return _solidUi.ns.solid(normalizedRoleType);
+  }
+  if (resumeData.isCurrentRole) return _solidUi.ns.solid('CurrentRole');
+  const todayIso = new Date().toISOString().slice(0, 10);
+  const startIso = resumeData.startDate?.value?.slice(0, 10) || '';
+  const endIso = resumeData.endDate?.value?.slice(0, 10) || '';
+  if (startIso && startIso > todayIso) return _solidUi.ns.solid('FutureRole');
+  if (endIso && endIso < todayIso) return _solidUi.ns.solid('PastRole');
+  return _solidUi.ns.solid('FutureRole');
+}
+function roleTypeNode(orgType) {
+  const text = (orgType || '').trim();
+  if (!text) return null;
+
+  // These are membership role classes, not organization classes.
+  if (text === 'PastRole' || text === 'CurrentRole' || text === 'FutureRole') {
+    return null;
+  }
+  if (text.startsWith('http://') || text.startsWith('https://')) {
+    const local = text.split(/[#/]/).pop();
+    if (local === 'PastRole' || local === 'CurrentRole' || local === 'FutureRole') {
+      return null;
+    }
+    return (0, _rdflib.sym)(text);
+  }
+  const prefixed = text.match(/^([a-zA-Z][\w-]*):(.*)$/);
+  if (prefixed) {
+    const prefix = prefixed[1].toLowerCase();
+    const local = prefixed[2].trim();
+    if (!local) return null;
+    if (local === 'PastRole' || local === 'CurrentRole' || local === 'FutureRole') {
+      return null;
+    }
+    /* Organization types vary need to return the correct namespace */
+    if (prefix === 'schema') return _solidUi.ns.schema(local);
+    if (prefix === 'vcard') return _solidUi.ns.vcard(local);
+    if (prefix === 'solid') return _solidUi.ns.solid(local);
+    if (prefix === 'org') return _solidUi.ns.org(local);
+    return null;
+  }
+
+  // For plain values like "Corporation", map to schema:Corporation.
+  return _solidUi.ns.schema(text);
+}
+
+/* The following helper was generated by AI Model: GPT-5.3-Codex.
+   Prompt: 'do you see anything I can do differently in the mutation code so that it's not so verbose and possible reusable accross sections' */
+function buildOrganizationStatements(doc, membershipNode, resumeData) {
+  if (!resumeData.orgName && !resumeData.orgType && !resumeData.orgLocation && !resumeData.orgHomePage) {
+    return [];
+  }
+  const organizationNode = (0, _idNodeFactory.createIdNode)(doc);
+  const inserts = [(0, _rdflib.st)(membershipNode, _solidUi.ns.org('organization'), organizationNode, doc)];
+  const organizationClassNode = roleTypeNode(resumeData.orgType || '');
+  if (organizationClassNode) {
+    inserts.push((0, _rdflib.st)(organizationNode, _solidUi.ns.rdf('type'), organizationClassNode, doc));
+  }
+  inserts.push((0, _rdflib.st)(organizationNode, _solidUi.ns.rdf('type'), _solidUi.ns.vcard('Organization'), doc));
+  if (resumeData.orgName) {
+    inserts.push((0, _rdflib.st)(organizationNode, _solidUi.ns.schema('name'), (0, _rdflib.literal)(resumeData.orgName), doc));
+  }
+  if (resumeData.orgLocation) {
+    inserts.push((0, _rdflib.st)(organizationNode, _solidUi.ns.org('location'), (0, _rdflib.literal)(resumeData.orgLocation), doc));
+  }
+  if (resumeData.orgHomePage) {
+    inserts.push((0, _rdflib.st)(organizationNode, _solidUi.ns.schema('uri'), (0, _rdflib.literal)(resumeData.orgHomePage), doc));
+  }
+  return inserts;
+}
+function buildResumeStatements(subject, doc, node, resumeData, includeMembershipLink = true) {
+  const inserts = [];
+  if (includeMembershipLink) {
+    inserts.push((0, _rdflib.st)(node, _solidUi.ns.org('member'), subject, doc));
+  }
+  inserts.push((0, _rdflib.st)(node, _solidUi.ns.rdf('type'), membershipTypeForRole(resumeData), doc));
+  if (resumeData.title) {
+    inserts.push((0, _rdflib.st)(node, _solidUi.ns.vcard('role'), (0, _rdflib.literal)(resumeData.title), doc));
+  }
+  if (resumeData.startDate) {
+    const startDateLiteral = asXsdDateLiteral(resumeData.startDate);
+    if (startDateLiteral) {
+      inserts.push((0, _rdflib.st)(node, _solidUi.ns.schema('startDate'), startDateLiteral, doc));
+    }
+  }
+  if (resumeData.endDate && !resumeData.isCurrentRole) {
+    const endDateLiteral = asXsdDateLiteral(resumeData.endDate);
+    if (endDateLiteral) {
+      inserts.push((0, _rdflib.st)(node, _solidUi.ns.schema('endDate'), endDateLiteral, doc));
+    }
+  }
+  if (resumeData.description) {
+    inserts.push((0, _rdflib.st)(node, _solidUi.ns.schema('description'), (0, _rdflib.literal)(resumeData.description), doc));
+  }
+  inserts.push(...buildOrganizationStatements(doc, node, resumeData));
+  return inserts;
+}
+async function mutateResumeEntries(store, subject, resumeOps) {
+  const doc = subject.doc();
+  const existingResumeNodes = store.each(null, _solidUi.ns.org('member'), subject, doc);
+  const deletions = [];
+  const insertions = [];
+  resumeOps.remove.forEach(resume => {
+    if (!resume.entryNode) return;
+    const existingNode = (0, _rdfMutationHelpers.findExistingNode)(existingResumeNodes, resume.entryNode);
+    if (existingNode) {
+      const linkedOrganizations = (0, _rdfMutationHelpers.collectLinkedNodeStatements)(store, existingNode, _solidUi.ns.org('organization'), doc);
+      deletions.push(...linkedOrganizations.linkedStatements);
+      deletions.push(...(0, _rdfMutationHelpers.collectNodeStatements)(store, existingNode, doc));
+    }
+  });
+  resumeOps.update.forEach(resume => {
+    if (!resume.entryNode) return;
+    const existingNode = (0, _rdfMutationHelpers.findExistingNode)(existingResumeNodes, resume.entryNode);
+    if (!existingNode) {
+      throw new Error(_texts.resumeUpdateEntryNotFoundErrorMessageText);
+    }
+    if (existingNode.termType === 'BlankNode') {
+      // Blank node labels are not always stable for remote updates; migrate to a named node.
+      const migratedNode = (0, _idNodeFactory.createIdNode)(doc);
+      insertions.push(...buildResumeStatements(subject, doc, migratedNode, resume, true));
+      return;
+    }
+
+    // For updates on existing named memberships, keep the membership link and replace only mutable fields.
+    ;
+    [_solidUi.ns.rdf('type'), _solidUi.ns.vcard('role'), _solidUi.ns.schema('startDate'), _solidUi.ns.schema('endDate'), _solidUi.ns.schema('description')].forEach(predicate => {
+      (0, _rdfMutationHelpers.replacePredicateStatements)(store, existingNode, predicate, doc, deletions, insertions, null);
+    });
+    const linkedOrganizations = (0, _rdfMutationHelpers.collectLinkedNodeStatements)(store, existingNode, _solidUi.ns.org('organization'), doc);
+    deletions.push(...linkedOrganizations.linkedStatements);
+    deletions.push(...linkedOrganizations.linkStatements);
+    insertions.push(...buildResumeStatements(subject, doc, existingNode, resume, false));
+  });
+  resumeOps.create.forEach(resume => {
+    insertions.push(...buildResumeStatements(subject, doc, (0, _idNodeFactory.createIdNode)(doc), resume));
+  });
+  await (0, _rdfMutationHelpers.applyUpdaterPatch)(store, deletions, insertions);
+}
+async function processResumeMutations(store, subject, mutationPlan) {
+  try {
+    await mutateResumeEntries(store, subject, mutationPlan);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(`${_texts.mutationSaveResumeFailedPrefixText} ${message}`);
+  }
+}

package/lib/sections/resume/selectors.d.ts

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { RoleDetails } from './types';
+export declare function presentCV(subject: NamedNode, store: LiveStore): RoleDetails[];
+//# sourceMappingURL=selectors.d.ts.map

package/lib/sections/resume/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAiB,MAAM,QAAQ,CAAA;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAwKrC,wBAAgB,SAAS,CACvB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,WAAW,EAAE,CAOf"}

package/lib/sections/resume/selectors.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presentCV = presentCV;
+var _solidUi = require("solid-ui");
+const educationMembershipType = _solidUi.ns.schema('EducationalOccupationalCredential');
+const vcardOrganizationType = _solidUi.ns.vcard('Organization').value;
+const schemaNamespace = 'http://schema.org/';
+function localNameFromUri(uri) {
+  const value = (uri || '').trim();
+  if (!value) return '';
+  const fragmentMatch = value.match(/[#/]([^#/]+)$/);
+  return fragmentMatch?.[1] || value;
+}
+function nodeToDisplayText(store, node, doc) {
+  if (!node) return '';
+  if (node.termType === 'Literal') return node.value;
+  if (node.termType === 'NamedNode') {
+    const label = store.anyJS(node, _solidUi.ns.rdfs('label'), null, doc);
+    if (label) return label;
+    return localNameFromUri(node.value);
+  }
+  return '';
+}
+function roleTypeFromMembership(store, membership, doc) {
+  const roleTypes = store.each(membership, _solidUi.ns.rdf('type'), null, doc).filter(node => node.termType === 'NamedNode' && node.value.startsWith(_solidUi.ns.solid('').value));
+  const matched = roleTypes.find(node => {
+    const local = localNameFromUri(node.value);
+    return local === 'PastRole' || local === 'CurrentRole' || local === 'FutureRole';
+  }) || roleTypes[0];
+  return nodeToDisplayText(store, matched, doc);
+}
+function organizationTypeFromNode(store, organization, doc) {
+  const classification = store.any(organization, _solidUi.ns.org('classification'), null, doc);
+  const classificationText = nodeToDisplayText(store, classification, doc);
+  if (classificationText) return classificationText;
+  const organizationTypes = store.each(organization, _solidUi.ns.rdf('type'), null, doc).filter(node => node.termType === 'NamedNode').filter(node => node.value !== vcardOrganizationType);
+  const preferred = organizationTypes.find(node => node.value.startsWith(schemaNamespace)) || organizationTypes[0];
+  return nodeToDisplayText(store, preferred, doc);
+}
+function isEducationMembership(store, membership, doc) {
+  return store.holds(membership, _solidUi.ns.rdf('type'), educationMembershipType, doc);
+}
+// Copied from CVPresenter and modified for new functionallity. 
+/* Restructure for new design - notes */
+/* The design displays in reverse chronological order: removed rolesByType and 
+   just sort the Roles */
+/* Data */
+/* isCurrentRole: derive from no end date. Use to force behaviour of ui - enforcing an end date
+    when not selected. */
+/* Dates: change to Month Year format: Leave dates as startDate and endDate, populate
+   these dates by using the 1st day of the month for the month that is selected.
+   Compute at render time */
+/* New Types: 
+    Organization type: use org:classification note on vocab it's noted that 
+    this is a somewhat unsettled type.
+    Organization location: use org:location note: this is for a person's location inside
+    an organization I'm thinking this is what we want here.
+    Role description: use schema:description on the membership. Not sure if this is the best choice but what I could find.
+*/
+
+function getRoles(store, subject) {
+  const roles = [];
+  const deduped = new Map();
+  const doc = subject.doc();
+  const memberships = store.each(null, _solidUi.ns.org('member'), subject, doc).filter(membership => !isEducationMembership(store, membership, doc));
+  for (const membership of memberships) {
+    let orgHomePage, orgNameGiven, publicIdName, roleName, publicId, orgType, orgLocation;
+    // Things should have start dates but we will be very lenient in this view
+    const startDate = store.any(membership, _solidUi.ns.schema('startDate'), null, doc);
+    const endDate = store.any(membership, _solidUi.ns.schema('endDate'), null, doc);
+    const roleDescription = store.anyJS(membership, _solidUi.ns.schema('description'), null, doc);
+    const isCurrentRole = !endDate;
+    const roleType = roleTypeFromMembership(store, membership, doc);
+    const organization = store.any(membership, _solidUi.ns.org('organization'), null, doc);
+    if (organization) {
+      orgNameGiven = store.anyJS(organization, _solidUi.ns.schema('name'), null, doc);
+      orgHomePage = store.any(organization, _solidUi.ns.schema('uri'), null, doc);
+      orgType = organizationTypeFromNode(store, organization, doc);
+      orgLocation = store.any(organization, _solidUi.ns.org('location'), null, doc);
+      publicId = store.any(organization, _solidUi.ns.solid('publicId'), null, doc);
+    }
+    if (publicId) {
+      publicIdName = store.anyJS(publicId, _solidUi.ns.schema('name'), null, doc);
+    }
+    const orgName = publicIdName || orgNameGiven;
+    const escoRole = store.any(membership, _solidUi.ns.org('role'), null, doc);
+    if (escoRole) {
+      roleName = store.anyJS(escoRole, _solidUi.ns.schema('name'), null, doc);
+    }
+    const roleText0 = store.anyJS(membership, _solidUi.ns.vcard('role'), null, doc);
+    const title = roleText0 && roleName ? roleName + ' - ' + roleText0 : roleText0 || roleName;
+    const item = {
+      title,
+      roleType,
+      entryNode: membership,
+      startDate: startDate,
+      endDate,
+      isCurrentRole,
+      orgName,
+      orgType,
+      orgLocation,
+      orgHomePage,
+      description: roleDescription || undefined
+    };
+    const dedupeKey = [item.title || '', item.orgName || '', item.startDate?.value || '', item.endDate?.value || ''].join('|');
+    const existing = deduped.get(dedupeKey);
+    if (!existing) {
+      deduped.set(dedupeKey, item);
+      continue;
+    }
+    const existingIsNamed = existing.entryNode.termType === 'NamedNode';
+    const nextIsNamed = item.entryNode.termType === 'NamedNode';
+    if (!existingIsNamed && nextIsNamed) {
+      deduped.set(dedupeKey, item);
+    }
+  }
+  deduped.forEach(item => roles.push(item));
+  return roles;
+}
+function sortRoles(roles) {
+  return roles.sort((x, y) => {
+    // Current roles first
+    const xIsCurrent = !x.endDate;
+    const yIsCurrent = !y.endDate;
+    if (xIsCurrent !== yIsCurrent) return xIsCurrent ? -1 : 1;
+    const xEnd = x.endDate?.value || '';
+    const yEnd = y.endDate?.value || '';
+    if (xEnd !== yEnd) return yEnd.localeCompare(xEnd);
+    const xStart = x.startDate?.value || '';
+    const yStart = y.startDate?.value || '';
+    return yStart.localeCompare(xStart);
+  });
+}
+function presentCV(subject, store) {
+  const roles = getRoles(store, subject);
+  // Most recent thing most relevant -> sort by end date
+  const sortedRoles = sortRoles(roles);
+  return sortedRoles;
+}

package/lib/sections/resume/types.d.ts

@@ -0,0 +1,33 @@
+import { Literal, Node } from 'rdflib';
+import { RowStatus } from '../shared/types';
+export interface ResumeDetails extends RoleDetails {
+}
+export interface RoleDetails extends Role {
+    entryNode: Node;
+}
+export interface ResumeRow extends Role {
+    entryNode: string;
+    status: RowStatus;
+}
+export interface Role {
+    title: string;
+    roleType?: string;
+    startDate?: Literal;
+    endDate?: Literal;
+    isCurrentRole?: boolean;
+    orgName: string;
+    orgType?: string;
+    orgLocation?: string;
+    orgHomePage?: string;
+    description?: string;
+}
+export declare const typesOfRole: string[];
+export interface CVPresentation {
+    roles: RoleDetails[];
+}
+export interface RolesByType {
+    PastRole: RoleDetails[];
+    CurrentRole: RoleDetails[];
+    FutureRole: RoleDetails[];
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/sections/resume/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,WAAW,aAAc,SAAQ,WAAW;CAAG;AAErD,MAAM,WAAW,WAAY,SAAQ,IAAI;IACvC,SAAS,EAAE,IAAI,CAAA;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAGD,eAAO,MAAM,WAAW,UAA4C,CAAA;AAEpE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,UAAU,EAAE,WAAW,EAAE,CAAC;CAC3B"}

package/lib/sections/resume/types.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typesOfRole = void 0;
+/* Presentation of CV data has changed do not need rolesbytype */
+const typesOfRole = exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];

package/lib/sections/shared/collapsibleSection.d.ts

@@ -0,0 +1,2 @@
+export declare function toggleCollapsibleSection(event: Event): void;
+//# sourceMappingURL=collapsibleSection.d.ts.map

package/lib/sections/shared/collapsibleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsibleSection.d.ts","sourceRoot":"","sources":["../../../src/sections/shared/collapsibleSection.ts"],"names":[],"mappings":"AAEA,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAkB3D"}

package/lib/sections/shared/collapsibleSection.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toggleCollapsibleSection = toggleCollapsibleSection;
+var _sectionCardHelpers = require("./sectionCardHelpers");
+function toggleCollapsibleSection(event) {
+  const button = event.currentTarget;
+  const section = button?.closest('.profile-section-collapsible');
+  const panel = section?.querySelector('.profile-section-collapsible__content');
+  if (!button || !section || !panel) return;
+  const nextExpanded = section.getAttribute('data-expanded') !== 'true';
+  section.setAttribute('data-expanded', String(nextExpanded));
+  button.setAttribute('aria-expanded', String(nextExpanded));
+  panel.setAttribute('aria-hidden', String(!nextExpanded));
+  if (nextExpanded && typeof window !== 'undefined') {
+    window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => {
+        (0, _sectionCardHelpers.scheduleDescriptionOverflowCheck)();
+      });
+    });
+  }
+}

package/lib/sections/shared/contactTypeUtils.d.ts

@@ -0,0 +1,7 @@
+export declare function normalizePhoneTypeForEdit(value: unknown): string;
+export declare function normalizePhoneTypeForContactInfoEdit(value: unknown): string;
+export declare function normalizeEmailTypeForEdit(value: unknown): string;
+export declare function normalizeEmailTypeForContactInfoEdit(value: unknown): string;
+export declare function toSavedHeadingEmailType(type: string | undefined): string;
+export declare function toSavedHeadingPhoneType(type: string | undefined): string;
+//# sourceMappingURL=contactTypeUtils.d.ts.map

package/lib/sections/shared/contactTypeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contactTypeUtils.d.ts","sourceRoot":"","sources":["../../../src/sections/shared/contactTypeUtils.ts"],"names":[],"mappings":"AAEA,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQhE;AAED,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQ3E;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAOhE;AAED,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAO3E;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAExE;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAExE"}

package/lib/sections/shared/contactTypeUtils.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeEmailTypeForContactInfoEdit = normalizeEmailTypeForContactInfoEdit;
+exports.normalizeEmailTypeForEdit = normalizeEmailTypeForEdit;
+exports.normalizePhoneTypeForContactInfoEdit = normalizePhoneTypeForContactInfoEdit;
+exports.normalizePhoneTypeForEdit = normalizePhoneTypeForEdit;
+exports.toSavedHeadingEmailType = toSavedHeadingEmailType;
+exports.toSavedHeadingPhoneType = toSavedHeadingPhoneType;
+var _textUtils = require("../../textUtils");
+function normalizePhoneTypeForEdit(value) {
+  const label = (0, _textUtils.toTypeLabel)(value).trim().toLowerCase();
+  if (!label) return '';
+  if (label === 'cell' || label === 'mobile') return 'Mobile';
+  if (label === 'home') return 'Home';
+  if (label === 'work' || label === 'office') return 'Work';
+  return '';
+}
+function normalizePhoneTypeForContactInfoEdit(value) {
+  const label = (0, _textUtils.toTypeLabel)(value).trim().toLowerCase();
+  if (!label) return '';
+  if (label === 'cell' || label === 'mobile') return 'Cell';
+  if (label === 'home') return 'Home';
+  if (label === 'work' || label === 'office') return 'Work';
+  return '';
+}
+function normalizeEmailTypeForEdit(value) {
+  const label = (0, _textUtils.toTypeLabel)(value).trim().toLowerCase();
+  if (!label) return '';
+  if (label === 'personal' || label === 'home') return 'Personal';
+  if (label === 'office' || label === 'work') return 'Office';
+  return '';
+}
+function normalizeEmailTypeForContactInfoEdit(value) {
+  const label = (0, _textUtils.toTypeLabel)(value).trim().toLowerCase();
+  if (!label) return '';
+  if (label === 'personal' || label === 'home') return 'Home';
+  if (label === 'office' || label === 'work') return 'Office';
+  return '';
+}
+function toSavedHeadingEmailType(type) {
+  return type === 'Personal' ? 'Home' : type || '';
+}
+function toSavedHeadingPhoneType(type) {
+  return type === 'Mobile' ? 'Cell' : type || '';
+}

package/lib/sections/shared/idNodeFactory.d.ts

@@ -0,0 +1,3 @@
+import { NamedNode } from 'rdflib';
+export declare function createIdNode(doc: NamedNode): NamedNode;
+//# sourceMappingURL=idNodeFactory.d.ts.map

package/lib/sections/shared/idNodeFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"idNodeFactory.d.ts","sourceRoot":"","sources":["../../../src/sections/shared/idNodeFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAIvC,wBAAgB,YAAY,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,CAKtD"}