profile-pane 2.0.0-shadowDom-5e9cd6d2 → 2.0.0-shadowDom-6f51c34b

package/lib/CVCardElement.js

@@ -1,73 +1,80 @@
-import cvCardCss from './styles/CVCard.css';
-import { html, render } from 'lit-html';
-import globalCssText from './styles/global.css';
+"use strict";
+
+var _CVCard = _interopRequireDefault(require("./styles/CVCard.css"));
+var _litHtml = require("lit-html");
+var _global = _interopRequireDefault(require("./styles/global.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class CVCardElement extends HTMLElement {
-    constructor() {
-        super();
-        this.shadow = this.attachShadow({ mode: 'open' });
-    }
-    async connectedCallback() {
-        let globalSheet = null;
-        let cardSheet = null;
-        let canUseSheets = typeof CSSStyleSheet !== 'undefined' && typeof globalCssText === 'string' && typeof cvCardCss === 'string';
-        try {
-            if (canUseSheets) {
-                globalSheet = new CSSStyleSheet();
-                globalSheet.replaceSync(globalCssText);
-                if (!CVCardElement.sheet) {
-                    CVCardElement.sheet = new CSSStyleSheet();
-                    CVCardElement.sheet.replaceSync(cvCardCss);
-                }
-                cardSheet = CVCardElement.sheet;
-            }
-        }
-        catch (e) {
-            globalSheet = null;
-            cardSheet = null;
-        }
-        if ('adoptedStyleSheets' in Document.prototype && globalSheet && cardSheet) {
-            this.shadow.adoptedStyleSheets = [globalSheet, cardSheet];
+  static sheet = null;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({
+      mode: 'open'
+    });
+  }
+  async connectedCallback() {
+    let globalSheet = null;
+    let cardSheet = null;
+    let canUseSheets = typeof CSSStyleSheet !== 'undefined' && typeof _global.default === 'string' && typeof _CVCard.default === 'string';
+    try {
+      if (canUseSheets) {
+        globalSheet = new CSSStyleSheet();
+        globalSheet.replaceSync(_global.default);
+        if (!CVCardElement.sheet) {
+          CVCardElement.sheet = new CSSStyleSheet();
+          CVCardElement.sheet.replaceSync(_CVCard.default);
         }
-        else {
-            // Fallback for browsers or test environments without adoptedStyleSheets or CSSStyleSheet
-            if (typeof globalCssText === 'string') {
-                const styleGlobal = document.createElement('style');
-                styleGlobal.textContent = globalCssText;
-                this.shadow.appendChild(styleGlobal);
-            }
-            if (typeof cvCardCss === 'string') {
-                const styleCard = document.createElement('style');
-                styleCard.textContent = cvCardCss;
-                this.shadow.appendChild(styleCard);
-            }
-        }
-        this.render();
+        cardSheet = CVCardElement.sheet;
+      }
+    } catch (e) {
+      globalSheet = null;
+      cardSheet = null;
     }
-    render() {
-        // .cardFrame wrapper already present from previous patch
-        // Assume cvData is passed as a property
-        const cvData = this.cvData;
-        if (!cvData)
-            return;
-        const { rolesByType, skills, languages } = cvData;
-        const futureRolesArr = rolesByType['FutureRole'] || [];
-        const currentRolesArr = rolesByType['CurrentRole'] || [];
-        const pastRolesArr = rolesByType['PastRole'] || [];
-        const skillsArr = skills || [];
-        const languagesArr = languages || [];
-        const hasFutureRole = Array.isArray(futureRolesArr) && futureRolesArr.length > 0;
-        const hasCurrentRole = Array.isArray(currentRolesArr) && currentRolesArr.length > 0;
-        const hasPastRole = Array.isArray(pastRolesArr) && pastRolesArr.length > 0;
-        const hasSkills = Array.isArray(skillsArr) && skillsArr.length > 0;
-        const hasLanguages = Array.isArray(languagesArr) && languagesArr.length > 0;
-        if (!(hasFutureRole || hasCurrentRole || hasPastRole || hasSkills || hasLanguages)) {
-            render(html ``, this.shadow);
-            return;
-        }
-        render(html `
+    if ('adoptedStyleSheets' in Document.prototype && globalSheet && cardSheet) {
+      this.shadow.adoptedStyleSheets = [globalSheet, cardSheet];
+    } else {
+      // Fallback for browsers or test environments without adoptedStyleSheets or CSSStyleSheet
+      if (typeof _global.default === 'string') {
+        const styleGlobal = document.createElement('style');
+        styleGlobal.textContent = _global.default;
+        this.shadow.appendChild(styleGlobal);
+      }
+      if (typeof _CVCard.default === 'string') {
+        const styleCard = document.createElement('style');
+        styleCard.textContent = _CVCard.default;
+        this.shadow.appendChild(styleCard);
+      }
+    }
+    this.render();
+  }
+  render() {
+    // .cardFrame wrapper already present from previous patch
+    // Assume cvData is passed as a property
+    const cvData = this.cvData;
+    if (!cvData) return;
+    const {
+      rolesByType,
+      skills,
+      languages
+    } = cvData;
+    const futureRolesArr = rolesByType['FutureRole'] || [];
+    const currentRolesArr = rolesByType['CurrentRole'] || [];
+    const pastRolesArr = rolesByType['PastRole'] || [];
+    const skillsArr = skills || [];
+    const languagesArr = languages || [];
+    const hasFutureRole = Array.isArray(futureRolesArr) && futureRolesArr.length > 0;
+    const hasCurrentRole = Array.isArray(currentRolesArr) && currentRolesArr.length > 0;
+    const hasPastRole = Array.isArray(pastRolesArr) && pastRolesArr.length > 0;
+    const hasSkills = Array.isArray(skillsArr) && skillsArr.length > 0;
+    const hasLanguages = Array.isArray(languagesArr) && languagesArr.length > 0;
+    if (!(hasFutureRole || hasCurrentRole || hasPastRole || hasSkills || hasLanguages)) {
+      (0, _litHtml.render)((0, _litHtml.html)``, this.shadow);
+      return;
+    }
+    (0, _litHtml.render)((0, _litHtml.html)`
       <div class="cardFrame">
         <article class="cvCard" aria-label="Professional Experience" data-testid="curriculum-vitae">
-          ${hasFutureRole ? html `
+          ${hasFutureRole ? (0, _litHtml.html)`
             <section class="cvSection" aria-labelledby="cv-future-heading">
               <h3 id="cv-future-heading">Future Roles</h3>
               <ul role="list" aria-label="Upcoming professional roles">
@@ -75,7 +82,7 @@ class CVCardElement extends HTMLElement {
               </ul>
             </section>
           ` : ''}
-          ${hasCurrentRole ? html `
+          ${hasCurrentRole ? (0, _litHtml.html)`
             <section class="cvSection" aria-labelledby="cv-current-heading">
               <h3 id="cv-current-heading">Current Roles</h3>
               <ul role="list" aria-label="Current professional positions">
@@ -83,7 +90,7 @@ class CVCardElement extends HTMLElement {
               </ul>
             </section>
           ` : ''}
-          ${hasPastRole ? html `
+          ${hasPastRole ? (0, _litHtml.html)`
             <section class="cvSection" aria-labelledby="cv-past-heading">
               <h3 id="cv-past-heading">Past Roles</h3>
               <ul role="list" aria-label="Previous work experience">
@@ -91,7 +98,7 @@ class CVCardElement extends HTMLElement {
               </ul>
             </section>
           ` : ''}
-          ${hasSkills ? html `
+          ${hasSkills ? (0, _litHtml.html)`
             <section class="cvSection" aria-labelledby="cv-skills-heading">
               <h3 id="cv-skills-heading">Skills</h3>
               <ul role="list" aria-label="Professional skills and competencies">
@@ -99,7 +106,7 @@ class CVCardElement extends HTMLElement {
               </ul>
             </section>
           ` : ''}
-          ${hasLanguages ? html `
+          ${hasLanguages ? (0, _litHtml.html)`
             <section class="cvSection" aria-labelledby="cv-languages-heading">
               <h3 id="cv-languages-heading">Languages</h3>
               <ul role="list" aria-label="Known languages">
@@ -110,67 +117,52 @@ class CVCardElement extends HTMLElement {
         </article>
       </div>
     `, this.shadow);
-    }
-    get cvData() {
-        return this._cvData;
-    }
-    set cvData(val) {
-        this._cvData = val;
-        this.render();
-    }
+  }
+  get cvData() {
+    return this._cvData;
+  }
+  set cvData(val) {
+    this._cvData = val;
+    this.render();
+  }
 }
-CVCardElement.sheet = null;
 customElements.define('cv-card', CVCardElement);
 function renderRoles(roles, asList = false) {
-    if (!roles || !roles.length || !roles[0])
-        return html ``;
-    return html `${renderRole(roles[0], asList)}${roles.length > 1 ? renderRoles(roles.slice(1), asList) : html ``}`;
+  if (!roles || !roles.length || !roles[0]) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`${renderRole(roles[0], asList)}${roles.length > 1 ? renderRoles(roles.slice(1), asList) : (0, _litHtml.html)``}`;
 }
 function renderRole(role, asList = false) {
-    if (!role)
-        return html ``;
-    return asList
-        ? html `
+  if (!role) return (0, _litHtml.html)``;
+  return asList ? (0, _litHtml.html)`
       <li class="cvRole" role="listitem">
         <strong class="cvOrg" aria-label="Organization">${role.orgName}</strong>
         <span aria-label="Role title">${strToUpperCase(role.roleText)}</span>
         <time aria-label="Employment period">${role.dates}</time>
-      </li>`
-        : html ``;
+      </li>` : (0, _litHtml.html)``;
 }
 function renderSkill(skill, asList = false) {
-    if (!skill)
-        return html ``;
-    return asList
-        ? html `<li class="cvSkill">${strToUpperCase(skill)}</li>`
-        : html ``;
+  if (!skill) return (0, _litHtml.html)``;
+  return asList ? (0, _litHtml.html)`<li class="cvSkill">${strToUpperCase(skill)}</li>` : (0, _litHtml.html)``;
 }
 function renderSkills(skills, asList = false) {
-    if (!skills || !skills.length || !skills[0])
-        return html ``;
-    return html `${renderSkill(skills[0], asList)}${skills.length > 1 ? renderSkills(skills.slice(1), asList) : html ``}`;
+  if (!skills || !skills.length || !skills[0]) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`${renderSkill(skills[0], asList)}${skills.length > 1 ? renderSkills(skills.slice(1), asList) : (0, _litHtml.html)``}`;
 }
 function renderLan(language, asList = false) {
-    if (!language)
-        return html ``;
-    return asList
-        ? html `<li class="cvLanguage">${language}</li>`
-        : html ``;
+  if (!language) return (0, _litHtml.html)``;
+  return asList ? (0, _litHtml.html)`<li class="cvLanguage">${language}</li>` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages, asList = false) {
-    if (!languages || !languages.length || !languages[0])
-        return html ``;
-    return html `${renderLan(languages[0], asList)}${languages.length > 1 ? renderLanguages(languages.slice(1), asList) : html ``}`;
+  if (!languages || !languages.length || !languages[0]) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`${renderLan(languages[0], asList)}${languages.length > 1 ? renderLanguages(languages.slice(1), asList) : (0, _litHtml.html)``}`;
 }
 function strToUpperCase(str) {
-    if (str && str[0] > '') {
-        const strCase = str.split(' ');
-        for (let i = 0; i < strCase.length; i++) {
-            strCase[i] = strCase[i].charAt(0).toUpperCase() +
-                strCase[i].substring(1);
-        }
-        return strCase.join(' ');
+  if (str && str[0] > '') {
+    const strCase = str.split(' ');
+    for (let i = 0; i < strCase.length; i++) {
+      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
     }
-    return '';
-}
-//# sourceMappingURL=CVCardElement.js.map
+    return strCase.join(' ');
+  }
+  return '';
+}

package/lib/CVPresenter.js

@@ -1,87 +1,100 @@
-import { Namespace } from 'rdflib';
-import { ns, utils } from 'solid-ui';
-const ORG = Namespace('http://www.w3.org/ns/org#');
-export const typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
-export function skillAsText(store, sk) {
-    if (sk.termType === 'Literal')
-        return sk.value; // Not normal but allow this
-    const publicId = store.anyJS(sk, ns.solid('publicId'));
-    if (publicId) {
-        const name = store.anyJS(publicId, ns.schema('name'));
-        if (name)
-            return name; // @@ check language and get name in diff language if necessary
-    }
-    const manual = store.anyJS(sk, ns.vcard('role'));
-    if (manual && manual[0] > '')
-        return manual;
-    return '¿¿¿ skill ???';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.datesAsText = datesAsText;
+exports.languageAsText = languageAsText;
+exports.presentCV = presentCV;
+exports.skillAsText = skillAsText;
+exports.typesOfRole = void 0;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+const ORG = (0, _rdflib.Namespace)('http://www.w3.org/ns/org#');
+const typesOfRole = exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
+function skillAsText(store, sk) {
+  if (sk.termType === 'Literal') return sk.value; // Not normal but allow this
+  const publicId = store.anyJS(sk, _solidUi.ns.solid('publicId'));
+  if (publicId) {
+    const name = store.anyJS(publicId, _solidUi.ns.schema('name'));
+    if (name) return name; // @@ check language and get name in diff language if necessary
+  }
+  const manual = store.anyJS(sk, _solidUi.ns.vcard('role'));
+  if (manual && manual[0] > '') return manual;
+  return '¿¿¿ skill ???';
 }
-export function languageAsText(store, lan) {
-    if (lan.termType === 'Literal')
-        return lan.value; // Not normal but allow this
-    const publicId = store.anyJS(lan, ns.solid('publicId'));
-    if (publicId)
-        return utils.label(publicId, true); // @@ check language and get name in diff language if necessary
-    return '-';
+function languageAsText(store, lan) {
+  if (lan.termType === 'Literal') return lan.value; // Not normal but allow this
+  const publicId = store.anyJS(lan, _solidUi.ns.solid('publicId'));
+  if (publicId) return _solidUi.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
+  return '-';
 }
-export function datesAsText(startDate, endDate) {
-    return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' +
-        (endDate ? endDate.value.slice(0, 10) : '') + ')'
-        : '';
+function datesAsText(startDate, endDate) {
+  return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' + (endDate ? endDate.value.slice(0, 10) : '') + ')' : '';
 }
 function getRolesByType(store, subject) {
-    const memberships = store.each(null, ORG('member'), subject, null);
-    const rolesByType = { PastRole: [], CurrentRole: [], FutureRole: [] };
-    for (const membership of memberships) {
-        let orgHomePage, orgNameGiven, publicIdName, roleName, publicId;
-        // Things should have start dates but we will be very lenient in this view
-        const startDate = store.any(membership, ns.schema('startDate'));
-        const endDate = store.any(membership, ns.schema('endDate'));
-        const dates = datesAsText(startDate, endDate);
-        const organization = store.any(membership, ORG('organization'));
-        if (organization) {
-            orgNameGiven = store.anyJS(organization, ns.schema('name'));
-            orgHomePage = store.any(organization, ns.schema('uri'));
-            publicId = store.any(organization, ns.solid('publicId'));
-        }
-        if (publicId) {
-            publicIdName = store.anyJS(publicId, ns.schema('name'));
-        }
-        const orgName = publicIdName || orgNameGiven;
-        const escoRole = store.any(membership, ORG('role'));
-        if (escoRole) {
-            roleName = store.anyJS(escoRole, ns.schema('name'));
-        }
-        const roleText0 = store.anyJS(membership, ns.vcard('role'));
-        const roleText = (roleText0 && roleName) ? roleName + ' - ' + roleText0
-            : roleText0 || roleName;
-        const item = {
-            startDate: startDate, endDate, orgName, roleText, dates, orgHomePage
-        };
-        for (const t of typesOfRole) {
-            if (store.holds(membership, ns.rdf('type'), ns.solid(t))) {
-                rolesByType[t].push(item);
-            }
-        }
+  const memberships = store.each(null, ORG('member'), subject, null);
+  const rolesByType = {
+    PastRole: [],
+    CurrentRole: [],
+    FutureRole: []
+  };
+  for (const membership of memberships) {
+    let orgHomePage, orgNameGiven, publicIdName, roleName, publicId;
+    // Things should have start dates but we will be very lenient in this view
+    const startDate = store.any(membership, _solidUi.ns.schema('startDate'));
+    const endDate = store.any(membership, _solidUi.ns.schema('endDate'));
+    const dates = datesAsText(startDate, endDate);
+    const organization = store.any(membership, ORG('organization'));
+    if (organization) {
+      orgNameGiven = store.anyJS(organization, _solidUi.ns.schema('name'));
+      orgHomePage = store.any(organization, _solidUi.ns.schema('uri'));
+      publicId = store.any(organization, _solidUi.ns.solid('publicId'));
     }
-    return rolesByType;
-}
-export function presentCV(subject, store) {
-    const rolesByType = getRolesByType(store, subject);
-    // Most recent thing most relevant -> sort by end date
+    if (publicId) {
+      publicIdName = store.anyJS(publicId, _solidUi.ns.schema('name'));
+    }
+    const orgName = publicIdName || orgNameGiven;
+    const escoRole = store.any(membership, ORG('role'));
+    if (escoRole) {
+      roleName = store.anyJS(escoRole, _solidUi.ns.schema('name'));
+    }
+    const roleText0 = store.anyJS(membership, _solidUi.ns.vcard('role'));
+    const roleText = roleText0 && roleName ? roleName + ' - ' + roleText0 : roleText0 || roleName;
+    const item = {
+      startDate: startDate,
+      endDate,
+      orgName,
+      roleText,
+      dates,
+      orgHomePage
+    };
     for (const t of typesOfRole) {
-        rolesByType[t].sort(function (x, y) {
-            if (x.endDate && y.endDate) {
-                return x.endDate > y.endDate ? -1 : 1;
-            }
-            return x.startDate > y.startDate ? -1 : 1;
-        });
+      if (store.holds(membership, _solidUi.ns.rdf('type'), _solidUi.ns.solid(t))) {
+        rolesByType[t].push(item);
+      }
     }
-    const skills = store.each(subject, ns.schema('skills')).map(sk => skillAsText(store, sk));
-    const languagesInStore = store.anyJS(subject, ns.schema('knowsLanguage'));
-    let languages = [];
-    if (languagesInStore)
-        languages = languagesInStore.map(lan => languageAsText(store, lan));
-    return { rolesByType, skills, languages };
+  }
+  return rolesByType;
 }
-//# sourceMappingURL=CVPresenter.js.map
+function presentCV(subject, store) {
+  const rolesByType = getRolesByType(store, subject);
+  // Most recent thing most relevant -> sort by end date
+  for (const t of typesOfRole) {
+    rolesByType[t].sort(function (x, y) {
+      if (x.endDate && y.endDate) {
+        return x.endDate > y.endDate ? -1 : 1;
+      }
+      return x.startDate > y.startDate ? -1 : 1;
+    });
+  }
+  const skills = store.each(subject, _solidUi.ns.schema('skills')).map(sk => skillAsText(store, sk));
+  const languagesInStore = store.anyJS(subject, _solidUi.ns.schema('knowsLanguage'));
+  let languages = [];
+  if (languagesInStore) languages = languagesInStore.map(lan => languageAsText(store, lan));
+  return {
+    rolesByType,
+    skills,
+    languages
+  };
+}