profile-pane 3.2.0 → 3.2.2-test.0

package/lib/sections/social/SocialEditDialog.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.createSocialEditDialog = createSocialEditDialog;
 var _dialog = require("../../ui/dialog");
 var _litHtml = require("lit-html");
-require("../../styles/ContactInfoEditDialog.css");
+require("solid-ui/components/actions/button");
+require("solid-ui/components/forms/select");
+require("../contactInfo/ContactInfoEditDialog.css");
 require("../../styles/EditDialogs.css");
 var _rowState = require("../shared/rowState");
 var _textUtils = require("../../textUtils");
@@ -21,22 +23,64 @@ on the row, you should be able to drag this button around and it should allow yo
 to change the order of the rows and that should change the order in the mutations 
 that happen for this data. */
 
+function toSocialAccountSelectOptions(options) {
+  return options.map(option => ({
+    label: option.label,
+    value: option.label
+  }));
+}
+function getSocialAccountSelectValue(row, options) {
+  const selected = (0, _helpers.findSocialAccountOption)(options, row?.name || '');
+  return selected?.label || '';
+}
+function readSocialAccountTypeChange(event) {
+  const customEvent = event;
+  if (typeof customEvent.detail?.value === 'string') {
+    return customEvent.detail.value;
+  }
+  const target = event.target;
+  return typeof target?.value === 'string' ? target.value : '';
+}
+function initializeSocialAccountSelects(form, rows, options) {
+  const selectOptions = toSocialAccountSelectOptions(options);
+  const selectElements = form.querySelectorAll('solid-ui-select[data-social-account-row-index]');
+  selectElements.forEach(selectElement => {
+    const rowIndex = Number(selectElement.dataset.socialAccountRowIndex);
+    if (Number.isNaN(rowIndex)) return;
+    const row = rows[rowIndex];
+    if (!row) return;
+    selectElement.options = selectOptions;
+    selectElement.value = getSocialAccountSelectValue(row, options);
+    selectElement.label = '';
+  });
+}
+function focusSocialField(form, selector) {
+  const nextField = form.querySelector(selector);
+  if (!nextField) return;
+  if (typeof nextField.scrollIntoView === 'function') {
+    nextField.scrollIntoView({
+      block: 'start',
+      behavior: 'auto'
+    });
+  }
+  const view = form.ownerDocument.defaultView;
+  const shouldAvoidFocus = Boolean(view?.matchMedia && (view.matchMedia('(pointer: coarse)').matches || view.matchMedia('(max-width: 640px)').matches));
+  if (shouldAvoidFocus) return;
+  if (nextField.tagName === 'SOLID-UI-SELECT') {
+    const triggerButton = nextField.shadowRoot?.querySelector('button');
+    triggerButton?.focus();
+    return;
+  }
+  if (typeof nextField.focus === 'function') {
+    nextField.focus();
+  }
+}
 function sanitizeSocialFieldValue(value) {
   return (0, _textUtils.sanitizeTextValue)(value);
 }
 function sanitizeUrlFieldValue(value) {
   return (0, _textUtils.sanitizeTextValue)(value).replace(/\s+/g, '');
 }
-function isValidProfileUrl(value) {
-  const normalized = (value || '').trim();
-  if (!normalized) return false;
-  try {
-    const parsed = new URL(normalized);
-    return parsed.protocol === 'http:' || parsed.protocol === 'https:';
-  } catch {
-    return false;
-  }
-}
 function rowHasContent(row) {
   // A social account is considered meaningful only when a personal profile URL is set.
   return (0, _textUtils.hasNonEmptyText)(row.homepage);
@@ -68,11 +112,7 @@ function hasOrderChanged(rows, initialExistingOrder) {
   }
   return false;
 }
-function validateSocialBeforeSave(rows, initialExistingOrder) {
-  const ops = (0, _rowState.summarizeRowOps)(rows, rowHasContent);
-  const hasChanges = ops.create.length > 0 || ops.update.length > 0 || ops.remove.length > 0;
-  const orderChanged = hasOrderChanged(rows, initialExistingOrder);
-  if (!hasChanges && !orderChanged) return 'No social changes detected.';
+function validateSocialBeforeSave(rows) {
   for (let i = 0; i < rows.length; i++) {
     const row = rows[i];
     if (!row || row.status === 'deleted') continue;
@@ -84,28 +124,22 @@ function validateSocialBeforeSave(rows, initialExistingOrder) {
     if (!(0, _textUtils.hasNonEmptyText)(row.homepage)) {
       return `Social account ${i + 1}: please enter your personal profile link.`;
     }
-    if (!isValidProfileUrl(row.homepage || '')) {
-      return `Social account ${i + 1}: profile link must be a valid http(s) URL.`;
-    }
   }
   return null;
 }
 function renderSocialAccountInputSelect(row, rowIndex, options, onChange) {
-  const selected = (0, _helpers.findSocialAccountOption)(options, row?.name || '');
-  const selectedLabel = selected?.label || '';
+  const selectedLabel = getSocialAccountSelectValue(row, options);
   return (0, _litHtml.html)`
-    <select
+    <solid-ui-select
       class="profile-edit-dialog__social-account-select"
       name=${`social-account-type-${rowIndex}`}
-      data-row-index=${String(rowIndex)}
+      data-social-account-row-index=${String(rowIndex)}
       autocomplete="off"
+      .options=${toSocialAccountSelectOptions(options)}
+      .value=${selectedLabel}
+      .label=${''}
       @change=${onChange}
-    >
-      <option value="">Select</option>
-      ${options.map(option => (0, _litHtml.html)`
-        <option value=${option.label} ?selected=${option.label === selectedLabel}>${option.label}</option>
-      `)}
-    </select>
+    ></solid-ui-select>
   `;
 }
 function renderSocialInputRow({
@@ -116,9 +150,14 @@ function renderSocialInputRow({
   onChange,
   options,
   onDragStart,
+  onDragEnter,
   onDragOver,
   onDrop,
   onDragEnd,
+  onPointerDown,
+  onPointerMove,
+  onPointerUp,
+  onPointerCancel,
   isDropTarget
 }) {
   const row = rows[index];
@@ -133,8 +172,7 @@ function renderSocialInputRow({
     }
   };
   const handleAccountTypeInput = event => {
-    const target = event.target;
-    const selected = (0, _helpers.findSocialAccountOption)(options, target.value);
+    const selected = (0, _helpers.findSocialAccountOption)(options, readSocialAccountTypeChange(event));
     if (!rows[index]) return;
     if (!selected) {
       (0, _rowState.applyRowFieldChange)(rows[index], 'name', '', rowHasContent);
@@ -153,20 +191,28 @@ function renderSocialInputRow({
   return (0, _litHtml.html)`
     <div
       class="profile-edit-dialog__row profile-edit-dialog__row--social ${isDropTarget ? 'profile-edit-dialog__row--drop-target' : ''}"
-      @dragover=${event => onDragOver(event)}
-      @drop=${() => onDrop(index)}
+      data-social-reorder-index=${String(index)}
+      @dragenter=${() => onDragEnter(index)}
+      @dragover=${event => onDragOver(event, index)}
+      @drop=${event => onDrop(event, index)}
     >
-      <button
+      <solid-ui-button
         type="button"
         class="profile-edit-dialog__drag-handle"
+        variant="icon"
+        size="md"
         aria-label=${`Reorder social account ${displayIndex + 1}`}
         title="Drag to reorder"
         draggable="true"
-        @dragstart=${() => onDragStart(index)}
+        @dragstart=${event => onDragStart(event, index)}
         @dragend=${() => onDragEnd()}
+        @pointerdown=${event => onPointerDown(event, index)}
+        @pointermove=${event => onPointerMove(event)}
+        @pointerup=${event => onPointerUp(event)}
+        @pointercancel=${event => onPointerCancel(event)}
       >
-        ${_profileIcons.bentoIcon}
-      </button>
+        <span slot="icon" class="profile-edit-dialog__drag-handle-icon" aria-hidden="true">${_profileIcons.bentoIcon}</span>
+      </solid-ui-button>
       <img 
         class="profile-edit-dialog__social-icon" 
         src="${row?.icon || _constants.DEFAULT_ICON_URI}" 
@@ -181,30 +227,32 @@ function renderSocialInputRow({
       <label aria-label=${homepageLabel} class="label profile-edit-dialog__field profile-edit-dialog__field--social-url">
         <input
           class="input"
-          type="url"
+          type="text"
           name=${`social-homepage-${index}`}
           .value=${row?.homepage || ''}
           data-contact-field="homepage"
           data-entry-node=${row?.entryNode || ''}
           data-row-status=${row?.status || 'n/a'}
-          placeholder="Profile URL"
-          autocomplete="url"
-          inputmode="url"
+          placeholder="Profile link or handle"
+          autocomplete="off"
+          inputmode="text"
           required
           @input=${handleTextInput('homepage')}
         />
-          <small class="profile-edit-dialog__input-help-text">Paste your full profile URL (for example: https://example.com/username)</small>
+          <small class="profile-edit-dialog__input-help-text">Enter your profile link, handle, or username.</small>
       </label>
       <div class="profile-edit-dialog__actions profile-edit-dialog__actions--edge">
-        <button
+        <solid-ui-button
           type="button"
+          variant="icon"
+          size="md"
           class="profile-edit-dialog__delete-button"
           aria-label=${`Delete social account ${displayIndex + 1}`}
           title=${_texts.deleteEntryButtonTitleText}
           @click=${handleDelete}
         >
-          <span class="profile-edit-dialog__delete-icon" aria-hidden="true">${_profileIcons.trashIcon}</span>
-        </button>
+          <span slot="icon" class="profile-edit-dialog__delete-icon" aria-hidden="true">${_profileIcons.trashIcon}</span>
+        </solid-ui-button>
       </div>
     </div>
   `;
@@ -212,6 +260,7 @@ function renderSocialInputRow({
 function renderSocialSection(rows, options, onRerender) {
   let dragSourceIndex = null;
   let dropTargetIndex = null;
+  let touchPointerId = null;
   const reorderRows = (from, to) => {
     if (from === to) return;
     const row = rows[from];
@@ -219,19 +268,33 @@ function renderSocialSection(rows, options, onRerender) {
     rows.splice(from, 1);
     rows.splice(to, 0, row);
   };
-  const handleDragStart = index => {
+  const handleDragStart = (event, index) => {
     dragSourceIndex = index;
     dropTargetIndex = index;
+    if (event.dataTransfer) {
+      event.dataTransfer.effectAllowed = 'move';
+      event.dataTransfer.setData('text/plain', String(index));
+    }
+  };
+  const handleDragEnter = index => {
+    if (dragSourceIndex === null) return;
+    dropTargetIndex = index;
   };
-  const handleDragOver = event => {
+  const handleDragOver = (event, index) => {
     event.preventDefault();
+    if (dragSourceIndex !== null) {
+      dropTargetIndex = index;
+    }
     if (event.dataTransfer) {
       event.dataTransfer.dropEffect = 'move';
     }
   };
-  const handleDrop = index => {
-    if (dragSourceIndex === null) return;
-    reorderRows(dragSourceIndex, index);
+  const handleDrop = (event, index) => {
+    event.preventDefault();
+    const transferIndex = event.dataTransfer?.getData('text/plain');
+    const sourceIndex = dragSourceIndex ?? (transferIndex ? Number(transferIndex) : null);
+    if (sourceIndex === null || Number.isNaN(sourceIndex)) return;
+    reorderRows(sourceIndex, index);
     dragSourceIndex = null;
     dropTargetIndex = null;
     onRerender();
@@ -240,6 +303,49 @@ function renderSocialSection(rows, options, onRerender) {
     dragSourceIndex = null;
     dropTargetIndex = null;
   };
+  const updateTouchDropTarget = event => {
+    const dom = event.currentTarget?.ownerDocument || document;
+    const target = dom.elementFromPoint(event.clientX, event.clientY)?.closest('[data-social-reorder-index]');
+    if (!target) return;
+    const nextIndex = Number(target.dataset.socialReorderIndex);
+    if (!Number.isNaN(nextIndex)) {
+      dropTargetIndex = nextIndex;
+    }
+  };
+  const handlePointerDown = (event, index) => {
+    if (event.pointerType !== 'touch') return;
+    event.preventDefault();
+    dragSourceIndex = index;
+    dropTargetIndex = index;
+    touchPointerId = event.pointerId;
+    event.currentTarget?.setPointerCapture?.(event.pointerId);
+  };
+  const handlePointerMove = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId || dragSourceIndex === null) return;
+    event.preventDefault();
+    updateTouchDropTarget(event);
+  };
+  const handlePointerUp = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId) return;
+    event.preventDefault();
+    updateTouchDropTarget(event);
+    const sourceIndex = dragSourceIndex;
+    const targetIndex = dropTargetIndex;
+    event.currentTarget?.releasePointerCapture?.(event.pointerId);
+    touchPointerId = null;
+    dragSourceIndex = null;
+    dropTargetIndex = null;
+    if (sourceIndex === null || targetIndex === null || sourceIndex === targetIndex) return;
+    reorderRows(sourceIndex, targetIndex);
+    onRerender();
+  };
+  const handlePointerCancel = event => {
+    if (event.pointerType !== 'touch' || touchPointerId !== event.pointerId) return;
+    event.currentTarget?.releasePointerCapture?.(event.pointerId);
+    touchPointerId = null;
+    dragSourceIndex = null;
+    dropTargetIndex = null;
+  };
   const visibleRows = rows.map((row, index) => ({
     row,
     index
@@ -263,24 +369,20 @@ function renderSocialSection(rows, options, onRerender) {
     onChange: onRerender,
     options,
     onDragStart: handleDragStart,
+    onDragEnter: handleDragEnter,
     onDragOver: handleDragOver,
     onDrop: handleDrop,
     onDragEnd: handleDragEnd,
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp,
+    onPointerCancel: handlePointerCancel,
     isDropTarget: dropTargetIndex === index
   }))}
       </fieldset>
     </section>
   `;
 }
-function focusSocialField(form, selector) {
-  const nextField = form.querySelector(selector);
-  if (!nextField || typeof nextField.focus !== 'function') return;
-  nextField.scrollIntoView({
-    block: 'start',
-    behavior: 'auto'
-  });
-  nextField.focus();
-}
 function renderSocialEditTemplate(form, formState, store, viewerMode, rerenderOptions = {}) {
   const rerender = (nextOptions = {}) => renderSocialEditTemplate(form, formState, store, viewerMode, nextOptions);
   const socialOptions = (0, _helpers.getSocialAccountOptions)(store);
@@ -288,6 +390,7 @@ function renderSocialEditTemplate(form, formState, store, viewerMode, rerenderOp
     ${renderSocialSection(formState.socialAccounts, socialOptions, rerender)}
     ${viewerMode !== 'owner' ? (0, _litHtml.html)`<p class="profile-edit-dialog__login-message">${_texts.ownerLoginRequiredDialogMessageText}</p>` : null}
   `, form);
+  initializeSocialAccountSelects(form, formState.socialAccounts, socialOptions);
   if (rerenderOptions.focusSelector) {
     focusSocialField(form, rerenderOptions.focusSelector);
   }
@@ -327,6 +430,12 @@ async function createSocialEditDialog(event, store, subject, socialAccounts, vie
     title: _texts.editSocialDialogTitleText,
     dom,
     form,
+    onOpen: () => focusSocialField(form, '[name="social-account-type-0"]'),
+    shouldCloseWithoutSave: () => {
+      const ops = (0, _rowState.summarizeRowOps)(formState.socialAccounts, rowHasContent);
+      const orderChanged = hasOrderChanged(formState.socialAccounts, formState.initialExistingOrder);
+      return ops.create.length === 0 && ops.update.length === 0 && ops.remove.length === 0 && !orderChanged;
+    },
     headerAction: {
       type: 'button',
       label: '+ Add More',
@@ -339,7 +448,7 @@ async function createSocialEditDialog(event, store, subject, socialAccounts, vie
       if (viewerMode !== 'owner') {
         return _texts.ownerLoginRequiredDialogMessageText;
       }
-      return validateSocialBeforeSave(formState.socialAccounts, formState.initialExistingOrder);
+      return validateSocialBeforeSave(formState.socialAccounts);
     },
     onSave: async () => {
       const socialOps = (0, _rowState.summarizeRowOps)(formState.socialAccounts, rowHasContent);
@@ -351,8 +460,7 @@ async function createSocialEditDialog(event, store, subject, socialAccounts, vie
       await (0, _mutations.processSocialMutations)(store, subject, plan, formState.socialAccounts);
     },
     formatSaveError: error => {
-      const message = error instanceof Error ? error.message : String(error);
-      return message.startsWith(_texts.saveSocialUpdatesFailedPrefixText) ? message : `${_texts.saveSocialUpdatesFailedPrefixText} ${message}`;
+      return error instanceof Error ? error.message : _texts.saveSocialUpdatesFailedMessageText;
     }
   });
   if (!result) return;

package/lib/sections/social/SocialSection.css

@@ -0,0 +1,194 @@
+/* Social section styles. */
+
+.profile__section[data-profile-section='social'],
+.profile__section--empty[data-profile-section='social'] {
+  --social-card-collapsed-columns: repeat(5, max-content);
+  --social-card-expanded-columns: repeat(3, max-content);
+  --social-card-icon-size: var(--icon-base, 2rem);
+  --social-card-list-display: flex;
+  --social-card-list-columns: none;
+  --social-card-list-gap: var(--spacing-xxs, 0.3125rem);
+  --social-card-link-gap: var(--spacing-xs, 0.75rem);
+  --social-card-link-padding: var(--spacing-xs, 0.75rem);
+  --social-card-link-hover-background: var(--color-surface-accent-subtle, var(--lavender-300, #e6dcff));
+  --social-card-hidden-item-display: flex;
+  --social-card-more-button-display: none;
+  --social-card-more-button-margin-top: var(--spacing-xs, 0.75rem);
+  border: var(--border-width-thin, 1px) solid var(--color-border-lighter, #D1D5DB);
+}
+
+.profile__section--empty[data-profile-section='social'] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* Card and list */
+.social-card,
+.social-card__list {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.social-card__list {
+  display: var(--social-card-list-display);
+  grid-template-columns: var(--social-card-list-columns);
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: var(--social-card-list-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.social-card__item,
+.social-card__link,
+.profile__section--empty[data-profile-section='social'] .profile__empty-state-content {
+  display: flex;
+  align-items: center;
+}
+
+.profile__section--empty[data-profile-section='social'] .profile__empty-state-content {
+  flex-direction: column;
+  gap: var(--spacing-2xs, 0.625rem);
+}
+
+.social__empty-icon {
+  display: inline-flex;
+}
+
+/* Links */
+.social-card__link {
+  color: var(--color-primary, #7C4DFF);
+  text-decoration: none;
+  gap: var(--social-card-link-gap);
+  padding: var(--social-card-link-padding);
+  border-radius: var(--border-radius-base, 0.3125rem);
+  transition: background-color var(--animation-duration, 0.2s) ease;
+  position: relative;
+  flex: 1;
+  min-width: 0;
+}
+
+.social-card__link:hover,
+.social-card__link:focus {
+  text-decoration: underline;
+  background-color: var(--social-card-link-hover-background);
+}
+
+.social-card__link[href^="http"]:after {
+  content: " (external link)";
+  position: absolute;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
+.social-card__icon {
+  width: var(--social-card-icon-size);
+  height: var(--social-card-icon-size);
+  border-radius: var(--border-radius-base, 0.3125rem);
+  background: var(--color-card-bg, #FFFFFF);
+  flex-shrink: 0;
+}
+
+/* Toggle button */
+
+solid-ui-button.social-card__more-button {
+  --button-height-sm: 0;
+  --button-padding-x-sm: 0;
+  --button-background: transparent;
+  --button-border: transparent;
+  --button-text: var(--color-primary, #7C4DFF);
+  --button-hover-background: transparent;
+  --button-hover-border: transparent;
+  --button-hover-text: var(--color-primary, #7C4DFF);
+}
+
+.social-card__more-button,
+solid-ui-button.social-card__more-button::part(button) {
+  display: var(--social-card-more-button-display);
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--color-primary, #7C4DFF);
+  font: inherit;
+  font-weight: var(--font-weight-bold, 600);
+  cursor: var(--profile-interactive-cursor, pointer);
+}
+
+.social-card[data-mobile-expanded="false"] .social-card__item:nth-child(n + 11) {
+  display: var(--social-card-hidden-item-display);
+}
+
+.social-card[data-mobile-expanded="true"] {
+  --social-card-list-columns: var(--social-card-expanded-columns);
+  --social-card-hidden-item-display: flex;
+  --social-card-more-button-display: none;
+}
+
+/* Compact layout */
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .profile__section[data-profile-section='social'],
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .profile__section--empty[data-profile-section='social'] {
+  --social-card-list-display: grid;
+  --social-card-list-columns: var(--social-card-collapsed-columns);
+  --social-card-hidden-item-display: none;
+  --social-card-more-button-display: inline-flex;
+}
+
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .social-card .social-card__list {
+  justify-content: flex-start;
+}
+
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .profile__section[data-profile-section='social'] .profile-section-collapsible__toggle-button,
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .profile__section--empty[data-profile-section='social'] .profile-section-collapsible__toggle-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] .social-card__more-button,
+:is(.profile-pane-host, .profile-pane-root)[data-layout='mobile'] solid-ui-button.social-card__more-button::part(button) {
+  margin-top: var(--social-card-more-button-margin-top);
+}
+
+@media (max-width: 768px) {
+  .profile__section[data-profile-section='social'],
+  .profile__section--empty[data-profile-section='social'] {
+    --social-card-list-display: grid;
+    --social-card-list-columns: var(--social-card-collapsed-columns);
+    --social-card-hidden-item-display: none;
+    --social-card-more-button-display: inline-flex;
+  }
+
+  .social-card .social-card__list {
+    justify-content: flex-start;
+  }
+
+  .social-card__more-button,
+  solid-ui-button.social-card__more-button::part(button) {
+    margin-top: var(--social-card-more-button-margin-top);
+  }
+}
+
+@container profile-pane (max-width: 768px) {
+  .profile__section[data-profile-section='social'],
+  .profile__section--empty[data-profile-section='social'] {
+    --social-card-list-display: grid;
+    --social-card-list-columns: var(--social-card-collapsed-columns);
+    --social-card-hidden-item-display: none;
+    --social-card-more-button-display: inline-flex;
+  }
+
+  .social-card .social-card__list {
+    justify-content: flex-start;
+  }
+
+  .social-card__more-button,
+  solid-ui-button.social-card__more-button::part(button) {
+    margin-top: var(--social-card-more-button-margin-top);
+  }
+}

package/lib/sections/social/SocialSection.d.ts

@@ -1,8 +1,9 @@
 import { TemplateResult } from 'lit-html';
+import 'solid-ui/components/actions/button';
 import { SocialPresentation } from './types';
 import { ViewerMode } from '../../types';
-import '../../styles/SocialCard.css';
+import './SocialSection.css';
 import { LiveStore, NamedNode } from 'rdflib';
-export declare const SocialCard: (SocialData: SocialPresentation, viewerMode: ViewerMode) => TemplateResult;
-export declare function renderSocialAccounts(store: LiveStore, subject: NamedNode, socialData: SocialPresentation, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): TemplateResult<1> | "";
+export declare const SocialCard: (SocialData: SocialPresentation, _viewerMode: ViewerMode) => TemplateResult;
+export declare function renderSocialSection(store: LiveStore, subject: NamedNode, socialData: SocialPresentation, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): TemplateResult<1> | "";
 //# sourceMappingURL=SocialSection.d.ts.map

package/lib/sections/social/SocialSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialSection.d.ts","sourceRoot":"","sources":["../../../src/sections/social/SocialSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAW,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,6BAA6B,CAAA;AAGpC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAoB7C,eAAO,MAAM,UAAU,GACrB,YAAY,kBAAkB,EAC9B,YAAY,UAAU,KACrB,cA6DF,CAAA;AAwJD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,kBAAkB,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,0BAYrC"}
+{"version":3,"file":"SocialSection.d.ts","sourceRoot":"","sources":["../../../src/sections/social/SocialSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAW,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,qBAAqB,CAAA;AAG5B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAoB7C,eAAO,MAAM,UAAU,GACrB,YAAY,kBAAkB,EAC9B,aAAa,UAAU,KACtB,cA+DF,CAAA;AAoKD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,kBAAkB,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,0BAYrC"}