profile-pane 3.1.4 → 3.2.0

package/lib/sections/heading/HeadingSection.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit-html';
+import '../../styles/HeadingSection.css';
+import { ProfileDetails } from './types';
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+import { ViewerMode } from '../../types';
+export declare const renderHeadingSection: (context: DataBrowserContext, subject: NamedNode, profileData: ProfileDetails, viewerMode: ViewerMode, onSaved?: () => Promise<void> | void) => TemplateResult<1>;
+export declare const Image: (src: any, alt: any) => TemplateResult<1>;
+//# sourceMappingURL=HeadingSection.d.ts.map

package/lib/sections/heading/HeadingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingSection.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/HeadingSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,kBAAkB,EAC3B,SAAS,SAAS,EAClB,aAAa,cAAc,EAC3B,YAAY,UAAU,EACtB,UAAU,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,sBA2DrC,CAAA;AAaD,eAAO,MAAM,KAAK,GAAI,QAAG,EAAE,QAAG,sBAgBvB,CAAA"}

package/lib/sections/heading/HeadingSection.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderHeadingSection = exports.Image = void 0;
+var _litHtml = require("lit-html");
+require("../../styles/HeadingSection.css");
+var _HeadingEditDialog = require("./HeadingEditDialog");
+var _textUtils = require("../../textUtils");
+var _dateHelpers = require("./dateHelpers");
+var _profileIcons = require("../../icons-svg/profileIcons");
+var _contactIcons = require("../../icons-svg/contactIcons");
+const renderHeadingSection = (context, subject, profileData, viewerMode, onSaved) => {
+  const {
+    name,
+    pronouns,
+    jobTitle,
+    dateOfBirth,
+    location,
+    primaryPhone,
+    primaryEmail,
+    imageSrc
+  } = profileData;
+  const isOwner = viewerMode === 'owner';
+  const phoneValue = (0, _textUtils.toText)(primaryPhone?.valueNode).replace(/^tel:/i, '');
+  const emailValue = (0, _textUtils.toText)(primaryEmail?.valueNode).replace(/^mailto:/i, '');
+  const dateOfBirthDisplay = (0, _dateHelpers.toDisplayDateDMY)((0, _textUtils.toText)(dateOfBirth), 'DD-MM-YYYY');
+  return (0, _litHtml.html)`
+      <section class="profile__section border-lighter" aria-labelledby="profile-name">
+        <div class="profile__heading-top">
+          <div class="profile__avatar">
+            ${Image(imageSrc, name)}
+          </div>
+          <div class="profile__info">
+            <header class="profile__header-bar mb-md">
+              <div class="profile__identity" role="group" aria-label="Name and pronouns">
+                <h1 id="profile-name" class="profile__name">${name}</h1>
+                <span class="profile__pronouns">${pronouns ? `(${pronouns})` : ''}</span>
+              </div>
+              ${jobTitle ? (0, _litHtml.html)`<div class="profile__role-org">${jobTitle}</div>` : _litHtml.nothing}
+            </header>
+          </div>
+          ${isOwner ? (0, _litHtml.html)`
+              <div class="profile__actions profile__heading-actions" aria-label="Profile actions">
+                <button
+                  type="button"
+                  class="profile__action-button profile__heading-action-button profile-action-text flex-center"
+                  aria-label="Add or edit heading information"
+                  @click=${event => {
+    return (0, _HeadingEditDialog.createHeadingEditDialog)(event, context.session.store, subject, profileData, 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>
+              </div>
+            ` : _litHtml.nothing}
+          <div class="profile__details">
+            <div class="profile__meta-row" role="group" aria-label="Additional profile information">
+              ${Line(dateOfBirthDisplay, _profileIcons.birthdayIcon, '')}
+              ${Line(location, _profileIcons.locationIcon, '')}
+            </div>
+            <div class="profile__contact-row" role="group" aria-label="Contact information">
+              ${Line(phoneValue, _contactIcons.phoneIcon, '')}
+              ${Line(emailValue, _contactIcons.emailIcon, '')}
+            </div>
+          </div>
+        </div>
+    </section>
+  `;
+};
+exports.renderHeadingSection = renderHeadingSection;
+const Line = (value, prefix = _litHtml.nothing, label = '') => value ? (0, _litHtml.html)`
+    <div class="profile__item ${label ? '' : 'profile__item--valueOnly'}">
+      ${label ? (0, _litHtml.html)`<span class="profile__label">${label}</span>` : _litHtml.nothing}
+      <span class="profile__value">
+        ${prefix !== '' && prefix !== _litHtml.nothing ? (0, _litHtml.html)`<span class="profile__prefix-icon" aria-hidden="true">${prefix}</span>` : _litHtml.nothing}
+        <span class="profile__value-text">${value}</span>
+      </span>
+    </div>
+  ` : _litHtml.nothing;
+const Image = (src, alt) => src ? (0, _litHtml.html)`
+        <img
+          class="profile__hero"
+          src=${src}
+          alt="${alt}"
+          width="140"
+          height="140"
+          loading="eager"
+        />
+      ` : (0, _litHtml.html)`
+        <div class="profile__hero-alt flex-center" role="img" aria-label="${alt}" tabindex="0">
+          <span class="profile__hero-icon">${_profileIcons.personInCircleIcon}</span>
+        </div>
+      `;
+exports.Image = Image;

package/lib/sections/heading/camera.d.ts

@@ -0,0 +1,19 @@
+import { IndexedFormula, NamedNode } from 'rdflib';
+/** A control to capture a picture using camera
+ * @param {Docuemnt} dom - The Document object
+ * @param {IndexedForumla} store - The quadstore to store data in
+ * @param {NamedNode} getImageDoc() - NN of the image file to be created
+ * @param {function} doneCallback - Called when a picture has been taken
+ */
+export declare function cameraCaptureControl(dom: HTMLDocument, store: IndexedFormula, getImageDoc: () => NamedNode, doneCallback: (imageDoc: NamedNode | null) => Promise<void>): HTMLDivElement;
+/** A button to capture a picture using camera
+ * @param {Docuemnt} dom - The Document object
+ * @param {IndexedForumla} store - The quadstore to store data in
+ * @param {fuunction} getImageDoc - returns NN of the image file to be created
+ * @param {function<Node>} doneCallback - called with the image taken
+ * @returns {DomElement} - A div element with the button in it
+ *
+ * This expands the button to a large control when it is pressed
+ */
+export declare function cameraButton(dom: HTMLDocument, store: IndexedFormula, getImageDoc: () => NamedNode, doneCallback: (imageDoc: NamedNode | null) => Promise<void>): HTMLElement;
+//# sourceMappingURL=camera.d.ts.map

package/lib/sections/heading/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/camera.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AASlD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,MAAM,SAAS,EAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,kBA2J5D;AAED;;;;;;;;GAQG;AAEH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,MAAM,SAAS,EAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAC1D,WAAW,CAqBb"}

package/lib/sections/heading/camera.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cameraButton = cameraButton;
+exports.cameraCaptureControl = cameraCaptureControl;
+var _solidUi = require("solid-ui");
+var _litHtml = require("lit-html");
+var _profileIcons = require("../../icons-svg/profileIcons");
+//
+//   Media input widget
+//
+//
+// Workflow:
+// The HTML5 functionality (on mobile) is to prompt for either
+// a realtime camera capture, OR a selection from images already on the device
+// (eg camera roll).
+//
+// The solid alternative is to either take a photo
+// or access camera roll (etc) OR to access solid cloud storage of favorite photo albums.
+// (Especially latest taken ones)
+//
+
+// Copied from solid-ui needed to change somethings, have made a PR in solid-ui 
+
+const cameraIcon = _solidUi.icons.iconBase + 'noun_Camera_1618446_000000.svg'; // Get it from github
+const retakeIcon = _solidUi.icons.iconBase + 'noun_479395.svg'; // Get it from github
+
+const contentType = 'image/png';
+
+/** A control to capture a picture using camera
+ * @param {Docuemnt} dom - The Document object
+ * @param {IndexedForumla} store - The quadstore to store data in
+ * @param {NamedNode} getImageDoc() - NN of the image file to be created
+ * @param {function} doneCallback - Called when a picture has been taken
+ */
+function cameraCaptureControl(dom, store, getImageDoc, doneCallback) {
+  const div = dom.createElement('div');
+  div.className = 'profile-edit-dialog__camera-control flex-column-center';
+  let destination, imageBlob, player, canvas;
+  const setButtonVisible = (button, visible) => {
+    button.style.display = visible ? 'inline-flex' : 'none';
+  };
+  const table = div.appendChild(dom.createElement('table'));
+  const mainTR = table.appendChild(dom.createElement('tr'));
+  const main = mainTR.appendChild(dom.createElement('td'));
+  main.setAttribute('colspan', '4');
+  main.style.textAlign = 'center';
+  const actionBar = div.appendChild(dom.createElement('div'));
+  actionBar.className = 'profile-edit-dialog__camera-control-actions';
+
+  /* Had to move away from widgets.button because of styling */
+  const cancelButton = div.appendChild(dom.createElement('button'));
+  cancelButton.type = 'button';
+  cancelButton.classList.add('profile-edit-dialog__camera-control-cancel');
+  cancelButton.setAttribute('aria-label', 'Close camera');
+  cancelButton.setAttribute('title', 'Close');
+  (0, _litHtml.render)(_profileIcons.closeIcon, cancelButton);
+  cancelButton.addEventListener('click', _event => {
+    stopVideo();
+    doneCallback(null);
+  });
+  const retakeButton = actionBar.appendChild(_solidUi.widgets.button(dom, retakeIcon, 'Retake'));
+  retakeButton.classList.add('profile-edit-dialog__camera-control-action');
+  retakeButton.addEventListener('click', _event => {
+    retake();
+  });
+  retakeButton.textContent = 'Retake';
+  setButtonVisible(retakeButton, false);
+  const shutterButton = actionBar.appendChild(_solidUi.widgets.button(dom, _solidUi.icons.iconBase + 'noun_10636.svg', 'Snap'));
+  shutterButton.classList.add('profile-edit-dialog__camera-control-action');
+  shutterButton.addEventListener('click', grabCanvas);
+  shutterButton.textContent = 'Take Photo';
+  setButtonVisible(shutterButton, false);
+  const sendButton = actionBar.appendChild(_solidUi.widgets.continueButton(dom));
+  sendButton.classList.add('profile-edit-dialog__camera-control-action');
+  sendButton.addEventListener('click', _event => {
+    saveBlob(imageBlob, destination);
+  });
+  sendButton.textContent = 'Use Photo';
+  setButtonVisible(sendButton, false);
+  function displayPlayer() {
+    player = main.appendChild(dom.createElement('video'));
+    player.setAttribute('controls', '1');
+    player.setAttribute('autoplay', '1');
+    player.setAttribute('style', _solidUi.style.controlStyle);
+    if (!navigator.mediaDevices) {
+      throw new Error('navigator.mediaDevices not available');
+    }
+    navigator.mediaDevices.getUserMedia(constraints).then(stream => {
+      player.srcObject = stream;
+      setButtonVisible(shutterButton, true);
+      setButtonVisible(sendButton, false);
+      setButtonVisible(retakeButton, false);
+    }).catch(err => {
+      console.error('Unable to start camera preview', err);
+      doneCallback(null);
+    });
+  }
+  const constraints = {
+    video: {
+      facingMode: {
+        ideal: 'environment'
+      }
+    }
+  };
+  function retake() {
+    main.removeChild(canvas);
+    displayPlayer(); // Make new one as old one is stuck black
+  }
+  function grabCanvas() {
+    // Draw the video frame to the canvas.
+    canvas = dom.createElement('canvas');
+    canvas.setAttribute('width', _solidUi.style.canvasWidth);
+    canvas.setAttribute('height', _solidUi.style.canvasHeight);
+    canvas.setAttribute('style', _solidUi.style.controlStyle);
+    main.appendChild(canvas);
+    const context = canvas.getContext('2d');
+    if (!context) {
+      throw new Error('Could not get canvas context for camera snapshot');
+    }
+    context.drawImage(player, 0, 0, canvas.width, canvas.height);
+    stopVideo();
+    player.parentNode.removeChild(player);
+    canvas.toBlob(blob => {
+      if (!blob) {
+        throw new Error('Camera snapshot failed: no image blob produced');
+      }
+      const msg = `got blob type ${blob.type} size ${blob.size}`;
+      console.debug(msg);
+      destination = getImageDoc();
+      imageBlob = blob; // save for review
+      reviewImage();
+      // alert(msg)
+    }, contentType); // toBlob
+  }
+  function reviewImage() {
+    setButtonVisible(sendButton, true);
+    setButtonVisible(retakeButton, true);
+    setButtonVisible(shutterButton, false);
+  }
+  function stopVideo() {
+    if (player && player.srcObject) {
+      player.srcObject.getVideoTracks().forEach(track => track.stop());
+    }
+  }
+  function saveBlob(blob, destination) {
+    if (!blob || !destination) return;
+    const contentType = blob.type;
+    // if (!confirm('Save picture to ' + destination + ' ?')) return
+    console.debug('Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination)
+    // @@ TODO Remove casting
+;
+    store.fetcher.webOperation('PUT', destination.uri, {
+      data: blob,
+      contentType
+    }).then(_resp => {
+      console.debug('ok saved ' + destination);
+      stopVideo();
+      doneCallback(destination);
+    }, err => {
+      stopVideo();
+      alert(err);
+    });
+  }
+
+  // Attach the video stream to the video element and autoplay.
+  displayPlayer();
+  return div;
+}
+
+/** A button to capture a picture using camera
+ * @param {Docuemnt} dom - The Document object
+ * @param {IndexedForumla} store - The quadstore to store data in
+ * @param {fuunction} getImageDoc - returns NN of the image file to be created
+ * @param {function<Node>} doneCallback - called with the image taken
+ * @returns {DomElement} - A div element with the button in it
+ *
+ * This expands the button to a large control when it is pressed
+ */
+
+function cameraButton(dom, store, getImageDoc, doneCallback) {
+  const div = dom.createElement('div');
+  const but = _solidUi.widgets.button(dom, cameraIcon, 'Take picture');
+  let control;
+  async function restoreButton(imageDoc) {
+    div.removeChild(control);
+    div.appendChild(but);
+    await doneCallback(imageDoc);
+  }
+  div.appendChild(but);
+  but.addEventListener('click', _event => {
+    div.removeChild(but);
+    control = cameraCaptureControl(dom, store, getImageDoc, restoreButton);
+    div.appendChild(control);
+  });
+  return div;
+}

package/lib/sections/heading/dateHelpers.d.ts

@@ -0,0 +1,4 @@
+export declare function toDisplayDateDMY(value: string | undefined, emptyFallback?: string): string;
+export declare function toEditableDateDMY(value: string | undefined): string;
+export declare function toStorageDateISO(value: string | undefined): string;
+//# sourceMappingURL=dateHelpers.d.ts.map

package/lib/sections/heading/dateHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateHelpers.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/dateHelpers.ts"],"names":[],"mappings":"AAQA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,aAAa,SAAK,GAAG,MAAM,CActF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAWnE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAclE"}

package/lib/sections/heading/dateHelpers.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toDisplayDateDMY = toDisplayDateDMY;
+exports.toEditableDateDMY = toEditableDateDMY;
+exports.toStorageDateISO = toStorageDateISO;
+function normalizeDmy(value) {
+  const dmyMatch = value.match(/^(\d{2})[/-](\d{2})[/-](\d{4})$/);
+  if (!dmyMatch) return '';
+  const [, day, month, year] = dmyMatch;
+  return `${day}-${month}-${year}`;
+}
+function toDisplayDateDMY(value, emptyFallback = '') {
+  const raw = (value || '').trim();
+  if (!raw) return emptyFallback;
+  const isoMatch = raw.match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (isoMatch) {
+    const [, year, month, day] = isoMatch;
+    return `${day}-${month}-${year}`;
+  }
+  const normalizedDmy = normalizeDmy(raw);
+  if (normalizedDmy) return normalizedDmy;
+  return raw;
+}
+function toEditableDateDMY(value) {
+  const raw = (value || '').trim();
+  if (!raw) return '';
+  const isoMatch = raw.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (isoMatch) {
+    const [, year, month, day] = isoMatch;
+    return `${day}-${month}-${year}`;
+  }
+  return normalizeDmy(raw);
+}
+function toStorageDateISO(value) {
+  const raw = (value || '').trim();
+  if (!raw) return '';
+  const isoMatch = raw.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (isoMatch) return raw;
+  const dmyMatch = raw.match(/^(\d{2})[/-](\d{2})[/-](\d{4})$/);
+  if (dmyMatch) {
+    const [, day, month, year] = dmyMatch;
+    return `${year}-${month}-${day}`;
+  }
+  return '';
+}

package/lib/sections/heading/imageHelpers.d.ts

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+export declare function uploadPhotoFile(store: LiveStore, subject: NamedNode, file: File): Promise<string>;
+export declare function deletePhotoFile(store: LiveStore, subject: NamedNode, photoUri: string): Promise<void>;
+//# sourceMappingURL=imageHelpers.d.ts.map

package/lib/sections/heading/imageHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageHelpers.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/imageHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAoClD,wBAAsB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAsCvG;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAY3G"}

package/lib/sections/heading/imageHelpers.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deletePhotoFile = deletePhotoFile;
+exports.uploadPhotoFile = uploadPhotoFile;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+/* Code copied from contact-pane/src/mugshotGallery and modified to fit the needs of the new design */
+const mimeMap = {
+  'image/png': 'png',
+  'image/jpeg': 'jpg',
+  'image/gif': 'gif',
+  'image/svg+xml': 'svg',
+  'image/webp': 'webp',
+  'image/bmp': 'bmp',
+  'image/tiff': 'tiff',
+  'application/pdf': 'pdf',
+  'text/plain': 'txt',
+  'text/html': 'html',
+  'application/json': 'json',
+  'application/octet-stream': 'bin'
+};
+const extMap = Object.fromEntries(Object.entries(mimeMap).map(([contentType, extension]) => [extension, contentType]));
+const mime = {
+  extension: contentType => mimeMap[contentType] || false,
+  lookup: filename => {
+    const ext = filename.split('.').pop()?.toLowerCase() || '';
+    return extMap[ext] || false;
+  }
+};
+function subjectDirectoryUri(subject) {
+  const docUri = subject.doc().uri;
+  const lastSlash = docUri.lastIndexOf('/');
+  return lastSlash >= 0 ? docUri.slice(0, lastSlash + 1) : docUri;
+}
+async function uploadPhotoFile(store, subject, file) {
+  if (!store.fetcher) {
+    throw new Error('Store has no fetcher.');
+  }
+  const detectedContentType = file.type || mime.lookup(file.name) || 'application/octet-stream';
+  if (!detectedContentType.startsWith('image/')) {
+    throw new Error('Selected file is not an image.');
+  }
+  const extension = mime.extension(detectedContentType) || 'bin';
+  let filename = encodeURIComponent(file.name || `image.${extension}`);
+  if (detectedContentType !== mime.lookup(file.name || '')) {
+    filename += `_.${extension}`;
+  }
+  const directoryUri = subjectDirectoryUri(subject);
+  let candidateUri = `${directoryUri}${filename}`;
+  for (let index = 0; store.holds(subject, _solidUi.ns.vcard('hasPhoto'), (0, _rdflib.sym)(candidateUri)); index++) {
+    const fallbackName = `image_${index}.${extension}`;
+    candidateUri = `${directoryUri}${fallbackName}`;
+  }
+  try {
+    const data = await file.arrayBuffer();
+    const response = await store.fetcher.webOperation('PUT', candidateUri, {
+      data: data,
+      contentType: detectedContentType
+    });
+    if (!response.ok) {
+      throw new Error(`Error uploading picture: ${response.status} ${response.statusText}`);
+    }
+  } catch (error) {
+    throw new Error(`Error uploading picture: ${error}`);
+  }
+  return candidateUri;
+}
+async function deletePhotoFile(store, subject, photoUri) {
+  void subject;
+  if (!photoUri) return;
+  if (store.fetcher) {
+    try {
+      await store.fetcher.webOperation('DELETE', photoUri);
+    } catch (error) {
+      console.error(`Error deleting picture: ${error}`);
+    }
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,QAAQ,CAAA;AAErE,OAAO,EAAmB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAgO9D,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,iBAUpH"}