profile-pane 2.0.0-newStyle-ca717ed2 → 2.0.0-shadowDom-5e9cd6d2

package/README.md

@@ -11,7 +11,6 @@ SolidOS pane that displays a personal profile page
 - lit-html
 - Jest
 - Eslint
-- SolidOS
 
 ### Tests
 

package/lib/CVCardElement.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CVCardElement.d.ts.map

package/lib/CVCardElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVCardElement.d.ts","sourceRoot":"","sources":["../src/CVCardElement.ts"],"names":[],"mappings":""}

package/lib/CVCardElement.js

@@ -0,0 +1,176 @@
+import cvCardCss from './styles/CVCard.css';
+import { html, render } from 'lit-html';
+import globalCssText from './styles/global.css';
+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];
+        }
+        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();
+    }
+    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 `
+      <div class="cardFrame">
+        <article class="cvCard" aria-label="Professional Experience" data-testid="curriculum-vitae">
+          ${hasFutureRole ? 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">
+                ${renderRoles(futureRolesArr, true)}
+              </ul>
+            </section>
+          ` : ''}
+          ${hasCurrentRole ? 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">
+                ${renderRoles(currentRolesArr, true)}
+              </ul>
+            </section>
+          ` : ''}
+          ${hasPastRole ? 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">
+                ${renderRoles(pastRolesArr, true)}
+              </ul>
+            </section>
+          ` : ''}
+          ${hasSkills ? 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">
+                ${renderSkills(skillsArr, true)}
+              </ul>
+            </section>
+          ` : ''}
+          ${hasLanguages ? html `
+            <section class="cvSection" aria-labelledby="cv-languages-heading">
+              <h3 id="cv-languages-heading">Languages</h3>
+              <ul role="list" aria-label="Known languages">
+                ${renderLanguages(languagesArr, true)}
+              </ul>
+            </section>
+          ` : ''}
+        </article>
+      </div>
+    `, this.shadow);
+    }
+    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 ``}`;
+}
+function renderRole(role, asList = false) {
+    if (!role)
+        return html ``;
+    return asList
+        ? 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 ``;
+}
+function renderSkill(skill, asList = false) {
+    if (!skill)
+        return html ``;
+    return asList
+        ? html `<li class="cvSkill">${strToUpperCase(skill)}</li>`
+        : 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 ``}`;
+}
+function renderLan(language, asList = false) {
+    if (!language)
+        return html ``;
+    return asList
+        ? html `<li class="cvLanguage">${language}</li>`
+        : 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 ``}`;
+}
+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(' ');
+    }
+    return '';
+}
+//# sourceMappingURL=CVCardElement.js.map

package/lib/CVCardElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVCardElement.js","sourceRoot":"","sources":["../src/CVCardElement.ts"],"names":[],"mappings":"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"}

package/lib/ChatWithMeElement.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChatWithMeElement.d.ts.map

package/lib/ChatWithMeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWithMeElement.d.ts","sourceRoot":"","sources":["../src/ChatWithMeElement.ts"],"names":[],"mappings":""}

package/lib/ChatWithMeElement.js

@@ -0,0 +1,157 @@
+import chatWithMeCss from './styles/ChatWithMe.css';
+import { html, render } from 'lit-html';
+import { widgets } from 'solid-ui';
+import { authn } from 'solid-logic';
+import { chatWithMeButtonText, logInToChatWithMeButtonText, loadingMessage } from './texts';
+import { checkIfAnyUserLoggedIn, complain } from './buttonsHelper';
+import globalCssText from './styles/global.css';
+class ChatWithMeElement 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 chatWithMeCss === 'string';
+        try {
+            if (canUseSheets) {
+                globalSheet = new CSSStyleSheet();
+                globalSheet.replaceSync(globalCssText);
+                if (!ChatWithMeElement.sheet) {
+                    ChatWithMeElement.sheet = new CSSStyleSheet();
+                    ChatWithMeElement.sheet.replaceSync(chatWithMeCss);
+                }
+                cardSheet = ChatWithMeElement.sheet;
+            }
+        }
+        catch (e) {
+            globalSheet = null;
+            cardSheet = null;
+        }
+        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 globalCssText === 'string') {
+                const styleGlobal = document.createElement('style');
+                styleGlobal.textContent = globalCssText;
+                this.shadow.appendChild(styleGlobal);
+            }
+            if (typeof chatWithMeCss === 'string') {
+                const styleCard = document.createElement('style');
+                styleCard.textContent = chatWithMeCss;
+                this.shadow.appendChild(styleCard);
+            }
+        }
+        this.render();
+    }
+    render() {
+        const self = this;
+        const subject = self.subject;
+        const context = self.context;
+        if (!subject || !context) {
+            render(html ``, self.shadow);
+            return;
+        }
+        const logic = context.session.logic;
+        const longChatPane = context.session.paneRegistry.byName('long chat');
+        const frame = document.createElement('div');
+        frame.setAttribute('class', 'cardFrame');
+        const chatContainer = document.createElement('div');
+        chatContainer.setAttribute('class', 'chatSection');
+        chatContainer.setAttribute('aria-labelledby', 'chat-section-title');
+        chatContainer.setAttribute('role', 'region');
+        chatContainer.setAttribute('data-testid', 'chat');
+        const title = document.createElement('h3');
+        title.id = 'chat-section-title';
+        title.className = 'sr-only';
+        title.textContent = 'Communication';
+        chatContainer.appendChild(title);
+        let exists;
+        (async () => {
+            try {
+                render(html `
+          <div class="chatLoading" role="status" aria-live="polite">
+            ${loadingMessage.toUpperCase()}
+          </div>
+        `, self.shadow);
+                exists = await logic.chat.getChat(subject, false);
+            }
+            catch (e) {
+                exists = false;
+            }
+            if (exists) {
+                const chatArea = document.createElement('div');
+                chatArea.setAttribute('role', 'log');
+                chatArea.setAttribute('aria-label', 'Chat conversation');
+                chatArea.appendChild(longChatPane.render(exists, context, {}));
+                chatContainer.appendChild(chatArea);
+                frame.appendChild(chatContainer);
+                render(frame, self.shadow);
+            }
+            else {
+                const me = authn.currentUser();
+                let label = checkIfAnyUserLoggedIn(me) ? chatWithMeButtonText.toUpperCase() : logInToChatWithMeButtonText.toUpperCase();
+                const button = widgets.button(document, undefined, label, setButtonHandler, { needsBorder: true });
+                async function setButtonHandler(event) {
+                    event.preventDefault();
+                    try {
+                        const chat = await logic.chat.getChat(subject, true);
+                        chatContainer.innerHTML = '';
+                        chatContainer.appendChild(longChatPane.render(chat, context, {}));
+                        frame.appendChild(chatContainer);
+                        render(frame, self.shadow);
+                    }
+                    catch (error) {
+                        complain(chatContainer, context, error);
+                    }
+                }
+                button.refresh = refreshButton();
+                function refreshButton() {
+                    const me = authn.currentUser();
+                    if (checkIfAnyUserLoggedIn(me)) {
+                        button.innerHTML = chatWithMeButtonText.toUpperCase();
+                        button.className = 'button';
+                        button.setAttribute('class', 'button');
+                    }
+                    else {
+                        button.innerHTML = logInToChatWithMeButtonText.toUpperCase();
+                        button.className = 'button';
+                        button.setAttribute('class', 'button');
+                    }
+                }
+                button.setAttribute('type', 'button');
+                button.setAttribute('aria-describedby', 'chat-button-description');
+                const description = document.createElement('span');
+                description.id = 'chat-button-description';
+                description.className = 'sr-only';
+                description.textContent = 'Start a new conversation or sign in to continue existing chat';
+                chatContainer.appendChild(button);
+                chatContainer.appendChild(description);
+                frame.appendChild(chatContainer);
+                render(frame, self.shadow);
+            }
+        })();
+    }
+    get subject() {
+        return this._subject;
+    }
+    set subject(val) {
+        this._subject = val;
+        this.render();
+    }
+    get context() {
+        return this._context;
+    }
+    set context(val) {
+        this._context = val;
+        this.render();
+    }
+}
+ChatWithMeElement.sheet = null;
+if (!customElements.get('chat-with-me')) {
+    customElements.define('chat-with-me', ChatWithMeElement);
+}
+//# sourceMappingURL=ChatWithMeElement.js.map

package/lib/ChatWithMeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWithMeElement.js","sourceRoot":"","sources":["../src/ChatWithMeElement.ts"],"names":[],"mappings":"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"}

package/lib/FriendListElement.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        __DEBUG_FRIENDS?: boolean;
+    }
+}
+export {};
+//# sourceMappingURL=FriendListElement.d.ts.map

package/lib/FriendListElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendListElement.d.ts","sourceRoot":"","sources":["../src/FriendListElement.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;CACF"}

package/lib/FriendListElement.js

@@ -0,0 +1,90 @@
+import { html, render } from 'lit-html';
+import globalCssText from './styles/global.css';
+import { widgets } from 'solid-ui';
+class FriendListElement extends HTMLElement {
+    constructor() {
+        super();
+        this._friendsData = null;
+        this.shadow = this.attachShadow({ mode: 'open' });
+    }
+    async connectedCallback() {
+        let globalSheet = null;
+        let canUseSheets = typeof CSSStyleSheet !== 'undefined' && typeof globalCssText === 'string';
+        try {
+            if (canUseSheets) {
+                globalSheet = new CSSStyleSheet();
+                globalSheet.replaceSync(globalCssText);
+            }
+        }
+        catch (e) {
+            globalSheet = null;
+        }
+        if ('adoptedStyleSheets' in Document.prototype && globalSheet) {
+            this.shadow.adoptedStyleSheets = [globalSheet];
+        }
+        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);
+            }
+        }
+        this.render();
+    }
+    render() {
+        const friendsData = this.friendsData;
+        if (!friendsData || !friendsData.friends || friendsData.friends.length === 0) {
+            render(html ``, this.shadow);
+            return;
+        }
+        render(html `
+      <div class="cardFrame">
+        <section
+          class="friendListSection"
+          role="region"
+          aria-labelledby="friends-section-title"
+          data-testid="friend-list"
+        >
+          <header>
+            <h3 id="friends-section-title" class="sr-only">Friend Connections</h3>
+          </header>
+          <div role="table" aria-label="List of shared files and resources">
+            <table class="profileTable" data-testid="friendsTable">
+              <caption class="sr-only">Friends List</caption>
+              <tbody>
+                ${renderThings(friendsData.friends, document)}
+              </tbody>
+            </table>
+          </div>
+        </section>
+      </div>
+    `, this.shadow);
+    }
+    get friendsData() {
+        return this._friendsData;
+    }
+    set friendsData(val) {
+        this._friendsData = val;
+        this.render();
+    }
+}
+FriendListElement.sheet = null;
+if (!customElements.get('friend-list')) {
+    customElements.define('friend-list', FriendListElement);
+}
+function renderThingAsDOM(thing, dom) {
+    const options = {};
+    // widgets.personTR returns a DOM node, so we need to convert it to HTML string
+    const row = widgets.personTR(dom, null, thing.instance, options);
+    return row;
+}
+function renderThing(thing, dom) {
+    return renderThingAsDOM(thing, dom);
+}
+function renderThings(things, dom) {
+    if (!things || things.length === 0)
+        return html ``;
+    return html `${renderThing(things[0], dom)}${things.length > 1 ? renderThings(things.slice(1), dom) : html ``}`;
+}
+//# sourceMappingURL=FriendListElement.js.map

package/lib/FriendListElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendListElement.js","sourceRoot":"","sources":["../src/FriendListElement.ts"],"names":[],"mappings":"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"}

package/lib/FriendsPresenter.d.ts

@@ -0,0 +1,20 @@
+declare global {
+    interface Window {
+        __DEBUG_FRIENDS?: boolean;
+    }
+}
+import { NamedNode } from 'rdflib';
+import { DataBrowserContext } from 'pane-registry';
+export interface Friend {
+    name: string;
+    uri: string;
+    profileImg: string;
+    icon: string;
+    iconHref: string;
+    instance?: NamedNode;
+}
+export interface FriendsPresentation {
+    friends: Friend[];
+}
+export declare function presentFriends(subject: NamedNode, context: DataBrowserContext): FriendsPresentation;
+//# sourceMappingURL=FriendsPresenter.d.ts.map

package/lib/FriendsPresenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendsPresenter.d.ts","sourceRoot":"","sources":["../src/FriendsPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;CACF;AAED,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,GAAG,mBAAmB,CAiDnG"}

package/lib/FriendsPresenter.js

@@ -0,0 +1,55 @@
+import { NamedNode } from 'rdflib';
+import { ns, widgets } from 'solid-ui';
+export function presentFriends(subject, context) {
+    const friends = [];
+    const dom = context.dom;
+    const target = dom.createElement('div');
+    widgets.attachmentList(dom, subject, target, {
+        doc: subject.doc(),
+        modify: false,
+        predicate: ns.foaf('knows'),
+        noun: 'friend',
+    });
+    // Parse target.innerHTML for friend rows
+    const html = target.innerHTML;
+    // Create a temporary DOM to parse the HTML
+    const temp = dom.createElement('div');
+    temp.innerHTML = html;
+    // Find all <tr> elements that represent friends
+    const rows = temp.querySelectorAll('tr');
+    rows.forEach(row => {
+        var _a;
+        // First cell: profile image
+        const tds = row.querySelectorAll('td');
+        if (tds.length < 3)
+            return;
+        const profileImgTag = tds[0].querySelector('img');
+        const nameTd = tds[1];
+        const linkTd = tds[2];
+        const link = linkTd ? linkTd.querySelector('a') : null;
+        // Last cell: icon and iconHref
+        let icon = '';
+        let iconHref = '';
+        if (linkTd) {
+            const iconImg = linkTd.querySelector('img');
+            if (iconImg) {
+                icon = iconImg.getAttribute('src') || '';
+            }
+            if (link) {
+                iconHref = link.getAttribute('href') || '';
+            }
+        }
+        if (profileImgTag && nameTd && link) {
+            friends.push({
+                name: ((_a = nameTd.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
+                uri: link.getAttribute('href') || '',
+                profileImg: profileImgTag.getAttribute('src') || '',
+                icon,
+                iconHref,
+                instance: link.getAttribute('href') ? new NamedNode(link.getAttribute('href')) : undefined
+            });
+        }
+    });
+    return { friends };
+}
+//# sourceMappingURL=FriendsPresenter.js.map

package/lib/FriendsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendsPresenter.js","sourceRoot":"","sources":["../src/FriendsPresenter.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAgBtC,MAAM,UAAU,cAAc,CAAC,OAAkB,EAAE,OAA2B;IAC5E,MAAM,OAAO,GAAa,EAAE,CAAA;IAC5B,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;IACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACvC,OAAO,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3C,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,EAAE,QAAQ;KACf,CAAC,CAAA;IACF,yCAAyC;IACzC,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAA;IAC7B,2CAA2C;IAC3C,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;IACrB,gDAAgD;IAChD,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;QACjB,4BAA4B;QAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACtC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;YAAE,OAAM;QAC1B,MAAM,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACjD,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;QACrB,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;QACrB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACtD,+BAA+B;QAC/B,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,QAAQ,GAAG,EAAE,CAAA;QACjB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC3C,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;YAC1C,CAAC;YACD,IAAI,IAAI,EAAE,CAAC;gBACT,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;YAC5C,CAAC;QACH,CAAC;QACD,IAAI,aAAa,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACpC,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,CAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,IAAI,EAAE,KAAI,EAAE;gBACtC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE;gBACpC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE;gBACnD,IAAI;gBACJ,QAAQ;gBACR,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;aAC3F,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,OAAO,EAAE,CAAA;AACpB,CAAC"}

package/lib/ProfileCardElement.d.ts

@@ -0,0 +1,2 @@
+import './QRCodeCardElement';
+//# sourceMappingURL=ProfileCardElement.d.ts.map

package/lib/ProfileCardElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCardElement.d.ts","sourceRoot":"","sources":["../src/ProfileCardElement.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA"}