profile-pane 3.1.5 → 3.2.1

package/lib/rdfFormsHelper.d.ts

@@ -1,3 +1,4 @@
+/** Project-local: currently unused component. Keep temporarily; do not add new usage. */
 import { NamedNode, Store } from 'rdflib';
 export default function renderForm(div: HTMLElement, subject: NamedNode, // Represents the RDF that fills the form
 formSource: string, // The imported form Turtle source

package/lib/rdfFormsHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rdfFormsHelper.d.ts","sourceRoot":"","sources":["../src/rdfFormsHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyB,MAAM,QAAQ,CAAA;AAKhE,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE,SAAS,EAAE,yCAAyC;AAC7D,UAAU,EAAE,MAAM,EAAE,kCAAkC;AACtD,QAAQ,EAAE,MAAM,EAAI,sDAAsD;AAC1E,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,eAAe,EAAE,SAAS,GAAG,IAAI,EACjC,SAAS,CAAC,EAAE,MAAM,QAqFjB;AA0DH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,MAAM,QAUrB;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CA2B7D"}
+{"version":3,"file":"rdfFormsHelper.d.ts","sourceRoot":"","sources":["../src/rdfFormsHelper.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyB,MAAM,QAAQ,CAAA;AAKhE,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE,SAAS,EAAE,yCAAyC;AAC7D,UAAU,EAAE,MAAM,EAAE,kCAAkC;AACtD,QAAQ,EAAE,MAAM,EAAI,sDAAsD;AAC1E,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,eAAe,EAAE,SAAS,GAAG,IAAI,EACjC,SAAS,CAAC,EAAE,MAAM,QAqFjB;AA0DH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,MAAM,QAUrB;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CA2B7D"}

package/lib/rdfFormsHelper.js

@@ -8,6 +8,8 @@ exports.loadDocument = loadDocument;
 exports.skipLabelsFromTabbing = skipLabelsFromTabbing;
 var _rdflib = require("rdflib");
 var _solidUi = require("solid-ui");
+/** Project-local: currently unused component. Keep temporarily; do not add new usage. */
+
 const baseUri = 'https://solidos.github.io/profile-pane/src/ontology/';
 function renderForm(div, subject,
 // Represents the RDF that fills the form

package/lib/sections/bio/BioEditDialog.d.ts

@@ -0,0 +1,6 @@
+import type { BioDetails } from './types';
+import '../../styles/EditDialogs.css';
+import { LiveStore, NamedNode } from 'rdflib';
+import { ViewerMode } from '../../types';
+export declare function createBioEditDialog(event: Event, store: LiveStore, subject: NamedNode, bioData: BioDetails, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): Promise<void>;
+//# sourceMappingURL=BioEditDialog.d.ts.map

package/lib/sections/bio/BioEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BioEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/bio/BioEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AACjD,OAAO,8BAA8B,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA2FxC,wBAAsB,mBAAmB,CACvC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAqCrC"}

package/lib/sections/bio/BioEditDialog.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBioEditDialog = createBioEditDialog;
+var _dialog = require("../../ui/dialog");
+var _litHtml = require("lit-html");
+require("../../styles/EditDialogs.css");
+var _mutations = require("./mutations");
+var _rowState = require("../shared/rowState");
+var _textUtils = require("../../textUtils");
+var _texts = require("../../texts");
+function rowHasContent(row) {
+  return (0, _textUtils.hasNonEmptyText)(row.description);
+}
+function toFormState(bioData) {
+  const row = {
+    description: (0, _textUtils.sanitizeTextValue)((0, _textUtils.toText)(bioData?.description || '')),
+    entryNode: (0, _textUtils.toText)(bioData?.entryNode || ''),
+    status: (0, _textUtils.toText)(bioData?.entryNode || '') ? 'existing' : 'new'
+  };
+  return {
+    bio: row
+  };
+}
+function renderBioSection(bioRow, onChange) {
+  const descriptionName = 'bio-description';
+  const descriptionCounterId = 'bio-description-counter';
+  const descriptionMaxLength = 2600;
+  const descriptionCount = (bioRow?.description || '').length;
+  const handleDescriptionInput = event => {
+    const target = event.target;
+    const nextValue = (0, _textUtils.sanitizeTextValue)(target.value.slice(0, descriptionMaxLength));
+    (0, _rowState.applyRowFieldChange)(bioRow, 'description', nextValue, rowHasContent);
+    onChange();
+  };
+  return (0, _litHtml.html)`
+    <section class="profile-edit-dialog__section" aria-label="Bio editor">
+
+      <label aria-label="Bio description" class="label profile-edit-dialog__bio-field-container">
+        <span class="profile-edit-dialog__field-description">
+          You can write about your years of experience, industry, or skills.
+          People also talk about their achievements or previous job experiences.
+        </span>
+        <textarea
+          class="profile-edit-dialog__textarea"
+          name=${descriptionName}
+          rows="5"
+          .value=${bioRow?.description || ''}
+          maxlength=${descriptionMaxLength}
+          aria-describedby=${descriptionCounterId}
+          data-contact-field="description"
+          data-entry-node=${bioRow?.entryNode || ''}
+          data-row-status=${bioRow?.status || 'n/a'}
+          placeholder="Write a short bio"
+          autocomplete="off"
+          @input=${handleDescriptionInput}
+        ></textarea>
+        <small id=${descriptionCounterId} aria-live="polite">${descriptionCount}/${descriptionMaxLength}</small>
+      </label>
+    </section>
+  `;
+}
+function renderBioEditTemplate(form, formState, viewerMode) {
+  const rerender = () => renderBioEditTemplate(form, formState, viewerMode);
+  (0, _litHtml.render)((0, _litHtml.html)`
+    ${renderBioSection(formState.bio, rerender)}
+    ${viewerMode !== 'owner' ? (0, _litHtml.html)`<p class="profile-edit-dialog__login-message">${_texts.ownerLoginRequiredDialogMessageText}</p>` : null}
+  `, form);
+}
+function createBioEditForm(bioData, viewerMode) {
+  const form = document.createElement('form');
+  form.classList.add('profile__edit-form');
+  const formState = toFormState(bioData);
+  renderBioEditTemplate(form, formState, viewerMode);
+  return {
+    form,
+    formState
+  };
+}
+async function createBioEditDialog(event, store, subject, bioData, viewerMode, onSaved) {
+  const dom = event.currentTarget?.ownerDocument || document;
+  const {
+    form,
+    formState
+  } = createBioEditForm(bioData, viewerMode);
+  const result = await (0, _dialog.openInputDialog)({
+    title: 'Edit Bio',
+    dom,
+    form,
+    headerAction: {
+      type: 'none'
+    },
+    submitLabel: _texts.dialogSubmitLabelText,
+    cancelLabel: _texts.dialogCancelLabelText,
+    validate: () => {
+      if (viewerMode !== 'owner') {
+        return _texts.ownerLoginRequiredDialogMessageText;
+      }
+      const bioOps = (0, _rowState.summarizeRowOps)([formState.bio], rowHasContent);
+      const hasChanges = bioOps.create.length > 0 || bioOps.update.length > 0 || bioOps.remove.length > 0;
+      if (!hasChanges) return 'No bio changes detected.';
+      return null;
+    },
+    onSave: async () => {
+      const bioOps = (0, _rowState.summarizeRowOps)([formState.bio], rowHasContent);
+      await (0, _mutations.processBioMutations)(store, subject, bioOps);
+    },
+    formatSaveError: error => {
+      const message = error instanceof Error ? error.message : String(error);
+      return `${_texts.saveBioUpdatesFailedPrefixText} ${message}`;
+    }
+  });
+  if (!result) return;
+  if (onSaved) {
+    await onSaved();
+  }
+}

package/lib/sections/bio/BioSection.d.ts

@@ -0,0 +1,7 @@
+import { BioDetails } from './types';
+import { ViewerMode } from '../../types';
+import '../../styles/BioSection.css';
+import { LiveStore, NamedNode } from 'rdflib';
+export declare const BioCard: (bioData: BioDetails, viewerMode: ViewerMode) => import("lit-html").TemplateResult<1>;
+export declare function renderBioSection(store: LiveStore, subject: NamedNode, bioData: BioDetails, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): import("lit-html").TemplateResult<1> | "";
+//# sourceMappingURL=BioSection.d.ts.map

package/lib/sections/bio/BioSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BioSection.d.ts","sourceRoot":"","sources":["../../../src/sections/bio/BioSection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,6BAA6B,CAAA;AAEpC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAqC7C,eAAO,MAAM,OAAO,GAClB,SAAS,UAAU,EACnB,YAAY,UAAU,yCAWvB,CAAA;AAwHD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,6CAcrC"}

package/lib/sections/bio/BioSection.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BioCard = void 0;
+exports.renderBioSection = renderBioSection;
+var _litHtml = require("lit-html");
+require("../../styles/BioSection.css");
+var _texts = require("../../texts");
+var _sectionCardHelpers = require("../shared/sectionCardHelpers");
+var _BioEditDialog = require("./BioEditDialog");
+var _profileIcons = require("../../icons-svg/profileIcons");
+function renderBio(bioData) {
+  if (!bioData) return (0, _litHtml.html)``;
+  const bioDescriptionId = 'bio-description';
+  return (0, _litHtml.html)`
+      ${bioData.description ? (0, _litHtml.html)`
+        <div class="bioDescriptionWrap">
+          <p class="bioDescriptionText" id=${bioDescriptionId}>${bioData.description}</p>
+          <button
+            type="button"
+            class="bioDescriptionToggle"
+            aria-controls=${bioDescriptionId}
+            aria-expanded="false"
+            hidden
+            @click=${_sectionCardHelpers.toggleDescription}
+          >
+            ...more
+          </button>
+        </div>
+      ` : ''}
+  `;
+}
+function hasBioContent(bioData) {
+  return Boolean((bioData?.description || '').trim());
+}
+const BioCard = (bioData, viewerMode) => {
+  void viewerMode;
+  return (0, _litHtml.html)`
+    <article class="bioCard" aria-label="Bio" data-testid="bio-card">
+      <section class="bioSection">
+        ${renderBio(bioData)}
+      </section>
+    </article>
+  `;
+};
+exports.BioCard = BioCard;
+function renderBioSectionContent(store, subject, bioData, viewerMode, onSaved) {
+  const bio = BioCard(bioData, viewerMode);
+  const bioDetails = bioData;
+  const isOwner = viewerMode === 'owner';
+  return (0, _litHtml.html)`
+    <header class="profile__section-header profile-section-collapsible__header">
+      <h2 id="bio-heading" tabindex="-1">${_texts.bioHeadingText}</h2>
+      ${isOwner ? (0, _litHtml.html)`
+        <button
+          type="button"
+          class="profile__action-button profile-action-text flex-center"
+          aria-label="Edit bio details"
+          @click=${event => {
+    return (0, _BioEditDialog.createBioEditDialog)(event, store, subject, bioDetails, viewerMode, onSaved);
+  }}
+        >
+          <span class="profile-section-collapsible__edit-label profile__action-icon">${_profileIcons.editIcon} Edit</span>
+          <span class="profile-section-collapsible__edit-icon profile__action-icon" aria-hidden="true">${_profileIcons.editIcon}</span>
+        </button>
+      ` : (0, _litHtml.html)``}
+    </header>
+    <div class="profile-section-collapsible__content">
+      ${bio}
+    </div>
+  `;
+}
+function renderBioSectionDefault(store, subject, bioData, viewerMode, onSaved) {
+  return (0, _litHtml.html)`
+    <section 
+      aria-labelledby="bio-heading" 
+      data-profile-section="bio"
+      class="profile__section border-lighter" 
+      role="region"
+      tabindex="-1"
+    >
+      ${renderBioSectionContent(store, subject, bioData, viewerMode, onSaved)}
+    </section>
+  `;
+}
+function renderOwnerEmptyBioContent(store, subject, bioData, viewerMode, onSaved) {
+  const bioDetails = bioData;
+  return (0, _litHtml.html)`
+    <div class="profile__empty-state-content flex-column-center" role="group" aria-label="Empty bio section">
+      <h2 id="bio-heading" tabindex="-1">${_texts.bioHeadingText}</h2>
+      <p class="profile__empty-state-message">
+        You haven't added any professional experience yet. Adding work history can boost your Bio.
+      </p>
+    </div>
+    <button
+      type="button"
+      class="profile__action-button--empty"
+      aria-label="Add bio details"
+      @click=${event => {
+    return (0, _BioEditDialog.createBioEditDialog)(event, store, subject, bioDetails, viewerMode, onSaved);
+  }}
+    >
+      <span class="profile__action-icon" aria-hidden="true">${_profileIcons.plusDarkIcon} Add Bio</span>
+    </button>
+
+  `;
+}
+function renderOwnerEmptyBioSection(store, subject, bioData, viewerMode, onSaved) {
+  return (0, _litHtml.html)`
+    <section 
+      aria-labelledby="bio-heading" 
+      data-profile-section="bio"
+      class="profile__section--empty border-lighter flex-column-center rounded-md gap-lg" 
+      role="region"
+      tabindex="-1"
+    >
+      ${renderOwnerEmptyBioContent(store, subject, bioData, viewerMode, onSaved)}
+    </section>
+  `;
+}
+function renderBioSection(store, subject, bioData, viewerMode, onSaved) {
+  (0, _sectionCardHelpers.scheduleDescriptionOverflowCheck)();
+  const hasBio = hasBioContent(bioData);
+  const showOwnerEmptyBio = !hasBio && viewerMode === 'owner';
+  const showSection = true;
+  return showSection ? (0, _litHtml.html)`
+    ${showOwnerEmptyBio ? renderOwnerEmptyBioSection(store, subject, bioData, viewerMode, onSaved) : renderBioSectionDefault(store, subject, bioData, viewerMode, onSaved)}
+  ` : '';
+}

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

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { BioMutationPlan } from './types';
+export declare function processBioMutations(store: LiveStore, subject: NamedNode, mutationPlan: BioMutationPlan): Promise<void>;
+//# sourceMappingURL=mutations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/bio/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAU,MAAM,SAAS,CAAA;AAsCjD,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,iBAO5G"}

package/lib/sections/bio/mutations.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processBioMutations = processBioMutations;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+var _rdfMutationHelpers = require("../shared/rdfMutationHelpers");
+var _texts = require("../../texts");
+// Need to find out if this is really how we should store the data
+async function mutateBioEntry(store, subject, bioOps) {
+  const doc = subject.doc();
+  const deletions = [];
+  const insertions = [];
+  const replaceLiteralField = (predicate, value) => {
+    const normalized = (value || '').trim();
+    const nextObject = normalized ? (0, _rdflib.literal)(normalized) : null;
+    (0, _rdfMutationHelpers.replacePredicateStatements)(store, subject, predicate, doc, deletions, insertions, nextObject);
+  };
+  const applyBasics = (bio, clearAll = false) => {
+    const data = clearAll ? {
+      description: ''
+    } : bio;
+    replaceLiteralField(_solidUi.ns.vcard('note'), data.description);
+  };
+  const removeBio = bioOps.remove[0];
+  const updateBio = bioOps.update[0];
+  const createBio = bioOps.create[0];
+  const selectedBio = updateBio || createBio || removeBio;
+  if (selectedBio) {
+    applyBasics(selectedBio, Boolean(removeBio && !updateBio && !createBio));
+  }
+  await (0, _rdfMutationHelpers.applyUpdaterPatch)(store, deletions, insertions);
+}
+async function processBioMutations(store, subject, mutationPlan) {
+  try {
+    await mutateBioEntry(store, subject, mutationPlan);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(`${_texts.saveBioUpdatesFailedPrefixText} ${message}`);
+  }
+}

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

@@ -0,0 +1,4 @@
+import type { BioDetails } from './types';
+import { LiveStore, NamedNode } from 'rdflib';
+export declare const presentBio: (subject: NamedNode, store: LiveStore) => BioDetails;
+//# sourceMappingURL=selectors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/bio/selectors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAG7C,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,OAAO,SAAS,KACf,UAQF,CAAA"}

package/lib/sections/bio/selectors.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presentBio = void 0;
+var _solidUi = require("solid-ui");
+const presentBio = (subject, store) => {
+  const description = store.anyJS(subject, _solidUi.ns.vcard('note'));
+  return {
+    description,
+    entryNode: subject
+  };
+};
+exports.presentBio = presentBio;

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

@@ -0,0 +1,15 @@
+import { Node } from 'rdflib';
+import { MutationOps } from '../shared/types';
+import { RowStatus } from '../shared/types';
+export interface BioFields {
+    description?: string;
+}
+export interface BioDetails extends BioFields {
+    entryNode: Node;
+}
+export interface BioRow extends BioFields {
+    entryNode: string;
+    status: RowStatus;
+}
+export type BioMutationPlan = MutationOps<BioRow>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sections/bio/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,EAAE,IAAI,CAAA;CAChB;AAED,MAAM,WAAW,MAAO,SAAQ,SAAS;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA"}

package/lib/sections/bio/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/sections/contactInfo/ContactInfoEditDialog.d.ts

@@ -0,0 +1,7 @@
+import { ContactInfo } from './types';
+import '../../styles/EditDialogs.css';
+import '../../styles/ContactInfoEditDialog.css';
+import { LiveStore, NamedNode } from 'rdflib';
+import { ViewerMode } from '../../types';
+export declare function createContactInfoEditDialog(event: Event, store: LiveStore, subject: NamedNode, contactInfo: ContactInfo, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): Promise<void>;
+//# sourceMappingURL=ContactInfoEditDialog.d.ts.map

package/lib/sections/contactInfo/ContactInfoEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactInfoEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/contactInfo/ContactInfoEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,WAAW,EAAwC,MAAM,SAAS,CAAA;AAC9F,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA0pBxC,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAqCrC"}