@nanoporetech-digital/components 7.9.2 → 8.0.0-alpha.0

package/dist/cjs/fade-6a5004f4.js

@@ -1,214 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-'use strict';
-
-const nanoSlides_entry = require('./nano-slides-0a60315d.js');
-require('./index-615cdb64.js');
-require('./renderer-cd8b6098.js');
-
-const Slide = nanoSlides_entry.Flickity.Slide;
-const slideUpdateTarget = Slide.prototype.updateTarget;
-Slide.prototype.updateTarget = function (...args) {
-    slideUpdateTarget.apply(this, args);
-    if (!this.parent.options.fade) {
-        return;
-    }
-    // position cells at selected target
-    const slideTargetX = this.target - this.x;
-    const firstCellX = this.cells[0].x;
-    this.cells.forEach(function (cell) {
-        const targetX = cell.x - firstCellX - slideTargetX;
-        cell.renderPosition(targetX);
-    });
-};
-Slide.prototype.setOpacity = function (alpha) {
-    this.cells.forEach(function (cell) {
-        cell.element.style.opacity = alpha;
-    });
-};
-// ---- Flickity ---- //
-const proto = nanoSlides_entry.Flickity.prototype;
-nanoSlides_entry.Flickity.createMethods.push('_createFade');
-proto._createFade = function () {
-    this.fadeIndex = this.selectedIndex;
-    this.prevSelectedIndex = this.selectedIndex;
-    this.on('select', this.onSelectFade);
-    this.on('dragEnd', this.onDragEndFade);
-    this.on('settle', this.onSettleFade);
-    this.on('activate', this.onActivateFade);
-    this.on('deactivate', this.onDeactivateFade);
-};
-const updateSlides = proto.updateSlides;
-proto.updateSlides = function (...args) {
-    updateSlides.apply(this, args);
-    if (!this.options.fade) {
-        return;
-    }
-    // set initial opacity
-    this.slides.forEach(function (slide, i) {
-        const alpha = i == this.selectedIndex ? 1 : 0;
-        slide.setOpacity(alpha);
-    }, this);
-};
-/* ---- events ---- */
-proto.onSelectFade = function () {
-    // in case of resize, keep fadeIndex within current count
-    this.fadeIndex = Math.min(this.prevSelectedIndex, this.slides.length - 1);
-    this.prevSelectedIndex = this.selectedIndex;
-};
-proto.onSettleFade = function () {
-    delete this.didDragEnd;
-    if (!this.options.fade) {
-        return;
-    }
-    // set full and 0 opacity on selected & faded slides
-    this.selectedSlide.setOpacity(1);
-    const fadedSlide = this.slides[this.fadeIndex];
-    if (fadedSlide && this.fadeIndex != this.selectedIndex) {
-        this.slides[this.fadeIndex].setOpacity(0);
-    }
-};
-proto.onDragEndFade = function () {
-    // set flag
-    this.didDragEnd = true;
-};
-proto.onActivateFade = function () {
-    if (this.options.fade) {
-        this.element.classList.add('is-fade');
-    }
-};
-proto.onDeactivateFade = function () {
-    if (!this.options.fade) {
-        return;
-    }
-    this.element.classList.remove('is-fade');
-    // reset opacity
-    this.slides.forEach(function (slide) {
-        slide.setOpacity('');
-    });
-};
-/* ---- position & fading ---- */
-const positionSlider = proto.positionSlider;
-proto.positionSlider = function (...args) {
-    if (!this.options.fade) {
-        positionSlider.apply(this, args);
-        return;
-    }
-    this.fadeSlides();
-    this.dispatchScrollEvent();
-};
-const positionSliderAtSelected = proto.positionSliderAtSelected;
-proto.positionSliderAtSelected = function (...args) {
-    if (this.options.fade) {
-        // position fade slider at origin
-        this.setTranslateX(0);
-    }
-    positionSliderAtSelected.apply(this, args);
-};
-proto.fadeSlides = function () {
-    if (this.slides.length < 2) {
-        return;
-    }
-    // get slides to fade-in & fade-out
-    const indexes = this.getFadeIndexes();
-    const fadeSlideA = this.slides[indexes.a];
-    const fadeSlideB = this.slides[indexes.b];
-    const distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);
-    let progress = this.wrapDifference(fadeSlideA.target, -this.x);
-    progress = progress / distance;
-    fadeSlideA.setOpacity(1 - progress);
-    fadeSlideB.setOpacity(progress);
-    // hide previous slide
-    let fadeHideIndex = indexes.a;
-    if (this.isDragging) {
-        fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;
-    }
-    const isNewHideIndex = this.fadeHideIndex != undefined &&
-        this.fadeHideIndex != fadeHideIndex &&
-        this.fadeHideIndex != indexes.a &&
-        this.fadeHideIndex != indexes.b;
-    if (isNewHideIndex) {
-        // new fadeHideSlide set, hide previous
-        this.slides[this.fadeHideIndex].setOpacity(0);
-    }
-    this.fadeHideIndex = fadeHideIndex;
-};
-proto.getFadeIndexes = function () {
-    if (!this.isDragging &&
-        !this.didDragEnd &&
-        typeof this.fadeIndex !== 'undefined') {
-        return {
-            a: this.fadeIndex,
-            b: this.selectedIndex,
-        };
-    }
-    if (this.options.wrapAround) {
-        return this.getFadeDragWrapIndexes();
-    }
-    else {
-        return this.getFadeDragLimitIndexes();
-    }
-};
-proto.getFadeDragWrapIndexes = function () {
-    const distances = this.slides.map(function (_slide, i) {
-        return this.getSlideDistance(-this.x, i);
-    }, this);
-    const absDistances = distances.map(function (distance) {
-        return Math.abs(distance);
-    });
-    const minDistance = Math.min(...absDistances);
-    const closestIndex = absDistances.indexOf(minDistance);
-    const distance = distances[closestIndex];
-    const len = this.slides.length;
-    const delta = distance >= 0 ? 1 : -1;
-    return {
-        a: closestIndex,
-        b: nanoSlides_entry.utils.modulo(closestIndex + delta, len),
-    };
-};
-proto.getFadeDragLimitIndexes = function () {
-    // calculate closest previous slide
-    let dragIndex = 0;
-    for (let i = 0; i < this.slides.length - 1; i++) {
-        const slide = this.slides[i];
-        if (-this.x < slide.target) {
-            break;
-        }
-        dragIndex = i;
-    }
-    return {
-        a: dragIndex,
-        b: dragIndex + 1,
-    };
-};
-proto.wrapDifference = function (a, b) {
-    let diff = b - a;
-    if (!this.options.wrapAround) {
-        return diff;
-    }
-    const diffPlus = diff + this.slideableWidth;
-    const diffMinus = diff - this.slideableWidth;
-    if (Math.abs(diffPlus) < Math.abs(diff)) {
-        diff = diffPlus;
-    }
-    if (Math.abs(diffMinus) < Math.abs(diff)) {
-        diff = diffMinus;
-    }
-    return diff;
-};
-// ---- wrapAround ---- //
-const _getWrapShiftCells = proto._getWrapShiftCells;
-proto._getWrapShiftCells = function (...args) {
-    if (!this.options.fade) {
-        _getWrapShiftCells.apply(this, args);
-    }
-};
-const shiftWrapCells = proto.shiftWrapCells;
-proto.shiftWrapCells = function (...args) {
-    if (!this.options.fade) {
-        shiftWrapCells.apply(this, args);
-    }
-};
-
-//# sourceMappingURL=fade-6a5004f4.js.map

package/dist/cjs/fade-6a5004f4.js.map

@@ -1 +0,0 @@
-{"file":"fade-6a5004f4.js","mappings":"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","names":["Flickity","utils"],"sources":["src/components/slides/lib/js/fade.ts"],"sourcesContent":["import Flickity from './flickity';\nimport { utils } from './utils/utils';\n\nconst Slide = Flickity.Slide;\n\nconst slideUpdateTarget = Slide.prototype.updateTarget;\nSlide.prototype.updateTarget = function (...args) {\n  slideUpdateTarget.apply(this, args);\n  if (!this.parent.options.fade) {\n    return;\n  }\n  // position cells at selected target\n  const slideTargetX = this.target - this.x;\n  const firstCellX = this.cells[0].x;\n  this.cells.forEach(function (cell) {\n    const targetX = cell.x - firstCellX - slideTargetX;\n    cell.renderPosition(targetX);\n  });\n};\n\nSlide.prototype.setOpacity = function (alpha) {\n  this.cells.forEach(function (cell) {\n    cell.element.style.opacity = alpha;\n  });\n};\n\n// ---- Flickity ---- //\n\nconst proto = Flickity.prototype;\n\nFlickity.createMethods.push('_createFade');\n\nproto._createFade = function () {\n  this.fadeIndex = this.selectedIndex;\n  this.prevSelectedIndex = this.selectedIndex;\n  this.on('select', this.onSelectFade);\n  this.on('dragEnd', this.onDragEndFade);\n  this.on('settle', this.onSettleFade);\n  this.on('activate', this.onActivateFade);\n  this.on('deactivate', this.onDeactivateFade);\n};\n\nconst updateSlides = proto.updateSlides;\nproto.updateSlides = function (...args) {\n  updateSlides.apply(this, args);\n  if (!this.options.fade) {\n    return;\n  }\n  // set initial opacity\n  this.slides.forEach(function (slide, i) {\n    const alpha = i == this.selectedIndex ? 1 : 0;\n    slide.setOpacity(alpha);\n  }, this);\n};\n\n/* ---- events ---- */\n\nproto.onSelectFade = function () {\n  // in case of resize, keep fadeIndex within current count\n  this.fadeIndex = Math.min(this.prevSelectedIndex, this.slides.length - 1);\n  this.prevSelectedIndex = this.selectedIndex;\n};\n\nproto.onSettleFade = function () {\n  delete this.didDragEnd;\n  if (!this.options.fade) {\n    return;\n  }\n  // set full and 0 opacity on selected & faded slides\n  this.selectedSlide.setOpacity(1);\n  const fadedSlide = this.slides[this.fadeIndex];\n  if (fadedSlide && this.fadeIndex != this.selectedIndex) {\n    this.slides[this.fadeIndex].setOpacity(0);\n  }\n};\n\nproto.onDragEndFade = function () {\n  // set flag\n  this.didDragEnd = true;\n};\n\nproto.onActivateFade = function () {\n  if (this.options.fade) {\n    this.element.classList.add('is-fade');\n  }\n};\n\nproto.onDeactivateFade = function () {\n  if (!this.options.fade) {\n    return;\n  }\n  this.element.classList.remove('is-fade');\n  // reset opacity\n  this.slides.forEach(function (slide) {\n    slide.setOpacity('');\n  });\n};\n\n/* ---- position & fading ---- */\n\nconst positionSlider = proto.positionSlider;\nproto.positionSlider = function (...args) {\n  if (!this.options.fade) {\n    positionSlider.apply(this, args);\n    return;\n  }\n\n  this.fadeSlides();\n  this.dispatchScrollEvent();\n};\n\nconst positionSliderAtSelected = proto.positionSliderAtSelected;\nproto.positionSliderAtSelected = function (...args) {\n  if (this.options.fade) {\n    // position fade slider at origin\n    this.setTranslateX(0);\n  }\n  positionSliderAtSelected.apply(this, args);\n};\n\nproto.fadeSlides = function () {\n  if (this.slides.length < 2) {\n    return;\n  }\n  // get slides to fade-in & fade-out\n  const indexes = this.getFadeIndexes();\n  const fadeSlideA = this.slides[indexes.a];\n  const fadeSlideB = this.slides[indexes.b];\n  const distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);\n  let progress = this.wrapDifference(fadeSlideA.target, -this.x);\n  progress = progress / distance;\n\n  fadeSlideA.setOpacity(1 - progress);\n  fadeSlideB.setOpacity(progress);\n\n  // hide previous slide\n  let fadeHideIndex = indexes.a;\n  if (this.isDragging) {\n    fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;\n  }\n  const isNewHideIndex =\n    this.fadeHideIndex != undefined &&\n    this.fadeHideIndex != fadeHideIndex &&\n    this.fadeHideIndex != indexes.a &&\n    this.fadeHideIndex != indexes.b;\n  if (isNewHideIndex) {\n    // new fadeHideSlide set, hide previous\n    this.slides[this.fadeHideIndex].setOpacity(0);\n  }\n  this.fadeHideIndex = fadeHideIndex;\n};\n\nproto.getFadeIndexes = function () {\n  if (\n    !this.isDragging &&\n    !this.didDragEnd &&\n    typeof this.fadeIndex !== 'undefined'\n  ) {\n    return {\n      a: this.fadeIndex,\n      b: this.selectedIndex,\n    };\n  }\n  if (this.options.wrapAround) {\n    return this.getFadeDragWrapIndexes();\n  } else {\n    return this.getFadeDragLimitIndexes();\n  }\n};\n\nproto.getFadeDragWrapIndexes = function () {\n  const distances = this.slides.map(function (_slide, i) {\n    return this.getSlideDistance(-this.x, i);\n  }, this);\n  const absDistances = distances.map(function (distance) {\n    return Math.abs(distance);\n  });\n  const minDistance = Math.min(...absDistances);\n  const closestIndex = absDistances.indexOf(minDistance);\n  const distance = distances[closestIndex];\n  const len = this.slides.length;\n\n  const delta = distance >= 0 ? 1 : -1;\n  return {\n    a: closestIndex,\n    b: utils.modulo(closestIndex + delta, len),\n  };\n};\n\nproto.getFadeDragLimitIndexes = function () {\n  // calculate closest previous slide\n  let dragIndex = 0;\n  for (let i = 0; i < this.slides.length - 1; i++) {\n    const slide = this.slides[i];\n    if (-this.x < slide.target) {\n      break;\n    }\n    dragIndex = i;\n  }\n  return {\n    a: dragIndex,\n    b: dragIndex + 1,\n  };\n};\n\nproto.wrapDifference = function (a, b) {\n  let diff = b - a;\n\n  if (!this.options.wrapAround) {\n    return diff;\n  }\n\n  const diffPlus = diff + this.slideableWidth;\n  const diffMinus = diff - this.slideableWidth;\n  if (Math.abs(diffPlus) < Math.abs(diff)) {\n    diff = diffPlus;\n  }\n  if (Math.abs(diffMinus) < Math.abs(diff)) {\n    diff = diffMinus;\n  }\n  return diff;\n};\n\n// ---- wrapAround ---- //\n\nconst _getWrapShiftCells = proto._getWrapShiftCells;\nproto._getWrapShiftCells = function (...args) {\n  if (!this.options.fade) {\n    _getWrapShiftCells.apply(this, args);\n  }\n};\n\nconst shiftWrapCells = proto.shiftWrapCells;\nproto.shiftWrapCells = function (...args) {\n  if (!this.options.fade) {\n    shiftWrapCells.apply(this, args);\n  }\n};\n"],"version":3}

package/dist/cjs/focus-visible-39b54d1f.js

@@ -1,68 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-'use strict';
-
-//
-// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a
-// `focus-visible` class. Works at the component level so no global polyfill is necessary.
-//
-// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible
-//
-const listeners = new WeakMap();
-function observe(el) {
-    const keys = [
-        'Tab',
-        'ArrowUp',
-        'ArrowDown',
-        'ArrowLeft',
-        'ArrowRight',
-        'Home',
-        'End',
-        'PageDown',
-        'PageUp',
-        ' ',
-        'Spacebar',
-    ];
-    const is = (event) => {
-        if (keys.includes(event.key))
-            setTimeout((_) => el.classList.add('focus-visible'));
-    };
-    const isNot = () => {
-        el.classList.remove('focus-visible');
-    };
-    listeners.set(el, { is, isNot });
-    el.addEventListener('keydown', is);
-    el.addEventListener('keyup', is);
-    el.addEventListener('click', isNot);
-}
-function unobserve(el) {
-    if (!listeners)
-        return;
-    let is, isNot;
-    try {
-        ({ is, isNot } = listeners.get(el));
-    }
-    catch (_e) {
-        return;
-    }
-    el.classList.remove('focus-visible');
-    el.removeEventListener('keydown', is);
-    el.removeEventListener('keyup', is);
-    el.removeEventListener('click', isNot);
-}
-function force(el, add = true) {
-    if (add)
-        setTimeout((_) => el.classList.add('focus-visible'));
-    else
-        setTimeout((_) => el.classList.remove('focus-visible'));
-}
-const focusVisible = {
-    observe,
-    unobserve,
-    force,
-};
-
-exports.focusVisible = focusVisible;
-
-//# sourceMappingURL=focus-visible-39b54d1f.js.map

package/dist/cjs/focus-visible-39b54d1f.js.map

@@ -1 +0,0 @@
-{"file":"focus-visible-39b54d1f.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;SAEhB,OAAO,CAAC,EAAe;IACrC,MAAM,IAAI,GAAG;QACX,KAAK;QACL,SAAS;QACT,WAAW;QACX,WAAW;QACX,YAAY;QACZ,MAAM;QACN,KAAK;QACL,UAAU;QACV,QAAQ;QACR,GAAG;QACH,UAAU;KACX,CAAC;IACF,MAAM,EAAE,GAAG,CAAC,KAAoB;QAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YAC1B,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;KACxD,CAAC;IACF,MAAM,KAAK,GAAG;QACZ,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;KACtC,CAAC;IACF,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACnC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACtC,CAAC;SAEe,SAAS,CAAC,EAAe;IACvC,IAAI,CAAC,SAAS;QAAE,OAAO;IACvB,IAAI,EAAE,EAAE,KAAK,CAAC;IAEd,IAAI;QACF,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;KACrC;IAAC,OAAO,EAAE,EAAE;QACX,OAAO;KACR;IAED,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IACrC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACtC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACpC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC;SAEe,KAAK,CAAC,EAAe,EAAE,GAAG,GAAG,IAAI;IAC/C,IAAI,GAAG;QAAE,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;;QACzD,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;AAC/D,CAAC;MAEY,YAAY,GAAG;IAC1B,OAAO;IACP,SAAS;IACT,KAAK;;;;;","names":[],"sources":["src/utils/focus-visible.ts"],"sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  const keys = [\n    'Tab',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'Home',\n    'End',\n    'PageDown',\n    'PageUp',\n    ' ',\n    'Spacebar',\n  ];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key))\n      setTimeout((_) => el.classList.add('focus-visible'));\n  };\n  const isNot = () => {\n    el.classList.remove('focus-visible');\n  };\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('click', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!listeners) return;\n  let is, isNot;\n\n  try {\n    ({ is, isNot } = listeners.get(el));\n  } catch (_e) {\n    return;\n  }\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('click', isNot);\n}\n\nexport function force(el: HTMLElement, add = true) {\n  if (add) setTimeout((_) => el.classList.add('focus-visible'));\n  else setTimeout((_) => el.classList.remove('focus-visible'));\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n  force,\n};\n"],"version":3}

package/dist/cjs/form-control-5bb39cc2.js

@@ -1,82 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-'use strict';
-
-const renderer = require('./renderer-cd8b6098.js');
-
-const renderLabel = ({ label, hasLabelSlot, controlId, labelId, floatLabel, placeholder, hideLabel, hasValue, rtl, showCharCount, maxlength, charCount, }) => {
-    if (!label && !hasLabelSlot)
-        return;
-    if (floatLabel) {
-        return (renderer.h("label", { class: "form-ctrl__float-label", htmlFor: controlId, id: labelId },
-            renderer.h("slot", { name: "label" }, label),
-            showCharCount && (renderer.h("span", { class: "form-ctrl__label-charcount" }, maxlength ? ` ${charCount}/${maxlength}` : ` ${charCount}`))));
-    }
-    else {
-        return (renderer.h("label", { class: { 'form-ctrl__label': true, 'visually-hide': hideLabel }, htmlFor: controlId, id: labelId },
-            renderer.h("div", { class: "form-ctrl__label-wrap" },
-                placeholder && hasValue && rtl && (renderer.h("span", { class: "form-ctrl__label-placeholder" },
-                    placeholder,
-                    " / ")),
-                renderer.h("span", { class: "form-ctrl__labeltext" },
-                    renderer.h("slot", { name: "label" }, label)),
-                placeholder && hasValue && !rtl && (renderer.h("span", { class: "form-ctrl__label-placeholder" },
-                    " / ",
-                    placeholder))),
-            showCharCount && (renderer.h("span", { class: "form-ctrl__label-charcount" }, maxlength
-                ? maxlength - charCount + ' left'
-                : charCount + ' characters'))));
-    }
-};
-const FormControlWrap = (props, children) => {
-    const { rtl, floatLabel, label, moreId, helperEndId, type, hasHelperSlot, showInlineError, errorMessage, hasHelperEndSlot, } = props;
-    return (renderer.h("div", { class: {
-            'has-label': label !== null && !floatLabel,
-            'has-float-label': label !== null && floatLabel,
-            'has-helper-end': hasHelperEndSlot,
-            rtl,
-            'form-ctrl': true,
-        } },
-        renderer.h("div", { class: "form-ctrl__wrapper" },
-            !floatLabel ? renderLabel({ ...props }) : '',
-            renderer.h("div", { class: {
-                    'form-ctrl__input': true,
-                    'form-ctrl__textarea': type === 'textarea',
-                } },
-                floatLabel && renderLabel({ ...props, rtl }),
-                children),
-            (showInlineError || hasHelperSlot) && (renderer.h("div", { class: "form-ctrl__more", id: moreId },
-                !!showInlineError && (renderer.h("div", { class: "form-ctrl__error", "aria-live": "polite" }, errorMessage)),
-                renderer.h("div", { class: "form-ctrl__helper" },
-                    renderer.h("slot", { name: "helper" }))))),
-        hasHelperEndSlot && (renderer.h("div", { class: "form-ctrl__helper-end", id: helperEndId },
-            renderer.h("slot", { name: "helper-end" })))));
-};
-const FormControl = (props, children) => {
-    const { clearControl, onClearText, readonly, disabled, control, ref, endSlot, endValueSlot, startSlot, } = props;
-    const clickThrough = () => {
-        control.setFocus();
-    };
-    return (renderer.h("div", { class: "form-ctrl__input-wrap", ref: (el) => {
-            if (ref)
-                ref(el);
-        } },
-        renderer.h("span", { class: "form-ctrl__slot-start" },
-            renderer.h("slot", { name: "start" }),
-            startSlot),
-        children,
-        clearControl && !readonly && !disabled && (renderer.h("button", { type: "button", class: "icon form-ctrl__clear-btn", tabindex: "-1", onTouchStart: onClearText, onMouseDown: onClearText },
-            renderer.h("nano-icon", { name: "light/xmark", role: "img", ariaLabel: "Clear content" }))),
-        renderer.h("span", { class: "form-ctrl__slot-value-end", onClick: clickThrough },
-            renderer.h("slot", { name: "value-end" }),
-            endValueSlot),
-        renderer.h("span", { class: "form-ctrl__slot-end" },
-            renderer.h("slot", { name: "end" }),
-            endSlot)));
-};
-
-exports.FormControl = FormControl;
-exports.FormControlWrap = FormControlWrap;
-
-//# sourceMappingURL=form-control-5bb39cc2.js.map

package/dist/cjs/form-control-5bb39cc2.js.map

@@ -1 +0,0 @@
-{"file":"form-control-5bb39cc2.js","mappings":"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","names":["h"],"sources":["src/components/form-control/form-control.tsx"],"sourcesContent":["import { FunctionalComponent, VNode } from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport type { TextFieldTypes } from '../../types/shared';\n\ninterface FormControlWrapProps {\n  rtl: boolean;\n  floatLabel: boolean;\n  labelId: string;\n  label: string;\n  moreId: string;\n  helperEndId: string;\n  type?: TextFieldTypes;\n  showInlineError: boolean;\n  hasHelperSlot: boolean;\n  errorMessage: string;\n  controlId: string;\n  hasLabelSlot: boolean;\n  hideLabel: boolean;\n  placeholder: string;\n  hasValue: boolean;\n  showCharCount?: boolean;\n  maxlength?: number;\n  charCount?: number;\n  hasHelperEndSlot?: boolean;\n}\n\ninterface FormControlProps {\n  clearControl: boolean;\n  onClearText?: () => void;\n  readonly: boolean;\n  disabled: boolean;\n  control: HTMLNanoInputElement | HTMLNanoSelectElement;\n  ref?: (elm?: HTMLElement) => void;\n  endSlot?: VNode;\n  endValueSlot?: VNode;\n  startSlot?: VNode;\n}\n\ninterface LabelProps extends FormControlWrapProps {\n  rtl: boolean;\n}\n\nconst renderLabel = ({\n  label,\n  hasLabelSlot,\n  controlId,\n  labelId,\n  floatLabel,\n  placeholder,\n  hideLabel,\n  hasValue,\n  rtl,\n  showCharCount,\n  maxlength,\n  charCount,\n}: LabelProps) => {\n  if (!label && !hasLabelSlot) return;\n  if (floatLabel) {\n    return (\n      <label class=\"form-ctrl__float-label\" htmlFor={controlId} id={labelId}>\n        <slot name=\"label\">{label}</slot>\n        {showCharCount && (\n          <span class=\"form-ctrl__label-charcount\">\n            {maxlength ? ` ${charCount}/${maxlength}` : ` ${charCount}`}\n          </span>\n        )}\n      </label>\n    );\n  } else {\n    return (\n      <label\n        class={{ 'form-ctrl__label': true, 'visually-hide': hideLabel }}\n        htmlFor={controlId}\n        id={labelId}\n      >\n        <div class=\"form-ctrl__label-wrap\">\n          {placeholder && hasValue && rtl && (\n            <span class=\"form-ctrl__label-placeholder\">{placeholder} / </span>\n          )}\n          <span class=\"form-ctrl__labeltext\">\n            <slot name=\"label\">{label}</slot>\n          </span>\n          {placeholder && hasValue && !rtl && (\n            <span class=\"form-ctrl__label-placeholder\"> / {placeholder}</span>\n          )}\n        </div>\n        {showCharCount && (\n          <span class=\"form-ctrl__label-charcount\">\n            {maxlength\n              ? maxlength - charCount + ' left'\n              : charCount + ' characters'}\n          </span>\n        )}\n      </label>\n    );\n  }\n};\n\nexport const FormControlWrap: FunctionalComponent<FormControlWrapProps> = (\n  props: FormControlWrapProps,\n  children\n) => {\n  const {\n    rtl,\n    floatLabel,\n    label,\n    moreId,\n    helperEndId,\n    type,\n    hasHelperSlot,\n    showInlineError,\n    errorMessage,\n    hasHelperEndSlot,\n  } = props;\n\n  return (\n    <div\n      class={{\n        'has-label': label !== null && !floatLabel,\n        'has-float-label': label !== null && floatLabel,\n        'has-helper-end': hasHelperEndSlot,\n        rtl,\n        'form-ctrl': true,\n      }}\n    >\n      <div class=\"form-ctrl__wrapper\">\n        {!floatLabel ? renderLabel({ ...props }) : ''}\n        <div\n          class={{\n            'form-ctrl__input': true,\n            'form-ctrl__textarea': type === 'textarea',\n          }}\n        >\n          {floatLabel && renderLabel({ ...props, rtl })}\n          {children}\n        </div>\n        {(showInlineError || hasHelperSlot) && (\n          <div class=\"form-ctrl__more\" id={moreId}>\n            {!!showInlineError && (\n              <div class=\"form-ctrl__error\" aria-live=\"polite\">\n                {errorMessage}\n              </div>\n            )}\n            <div class=\"form-ctrl__helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        )}\n      </div>\n      {hasHelperEndSlot && (\n        <div class=\"form-ctrl__helper-end\" id={helperEndId}>\n          <slot name=\"helper-end\" />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormControl: FunctionalComponent<FormControlProps> = (\n  props: FormControlProps,\n  children\n) => {\n  const {\n    clearControl,\n    onClearText,\n    readonly,\n    disabled,\n    control,\n    ref,\n    endSlot,\n    endValueSlot,\n    startSlot,\n  } = props;\n  const clickThrough = () => {\n    control.setFocus();\n  };\n\n  return (\n    <div\n      class=\"form-ctrl__input-wrap\"\n      ref={(el) => {\n        if (ref) ref(el);\n      }}\n    >\n      <span class=\"form-ctrl__slot-start\">\n        <slot name=\"start\" />\n        {startSlot}\n      </span>\n      {children}\n      {clearControl && !readonly && !disabled && (\n        <button\n          type=\"button\"\n          class=\"icon form-ctrl__clear-btn\"\n          tabindex=\"-1\"\n          onTouchStart={onClearText}\n          onMouseDown={onClearText}\n        >\n          <nano-icon\n            name=\"light/xmark\"\n            role=\"img\"\n            ariaLabel=\"Clear content\"\n          ></nano-icon>\n        </button>\n      )}\n      <span class=\"form-ctrl__slot-value-end\" onClick={clickThrough}>\n        <slot name=\"value-end\" />\n        {endValueSlot}\n      </span>\n      <span class=\"form-ctrl__slot-end\">\n        <slot name=\"end\" />\n        {endSlot}\n      </span>\n    </div>\n  );\n};\n"],"version":3}

package/dist/cjs/fullscreen-f5db9bbe.js

@@ -1,134 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-'use strict';
-
-const nanoSlides_entry = require('./nano-slides-0a60315d.js');
-require('./index-615cdb64.js');
-require('./renderer-cd8b6098.js');
-
-nanoSlides_entry.Flickity.createMethods.push('_createFullscreen');
-const proto = nanoSlides_entry.Flickity.prototype;
-proto._createFullscreen = function () {
-    this.isFullscreen = false;
-    if (!this.options.fullscreen) {
-        return;
-    }
-    // buttons
-    this.viewFullscreenButton = new FullscreenButton('view', this);
-    this.exitFullscreenButton = new FullscreenButton('exit', this);
-    this.on('activate', this._changeFullscreenActive);
-    this.on('deactivate', this._changeFullscreenActive);
-};
-// ----- activation ----- //
-proto._changeFullscreenActive = function () {
-    const childMethod = this.isActive ? 'appendChild' : 'removeChild';
-    this.element[childMethod](this.viewFullscreenButton.element);
-    this.element[childMethod](this.exitFullscreenButton.element);
-    // activate or deactivate buttons
-    const activeMethod = this.isActive ? 'activate' : 'deactivate';
-    this.viewFullscreenButton[activeMethod]();
-    this.exitFullscreenButton[activeMethod]();
-};
-// ----- view, exit, toggle ----- //
-proto.viewFullscreen = function () {
-    this._changeFullscreen(true);
-    this.focus();
-};
-proto.exitFullscreen = function () {
-    this._changeFullscreen(false);
-};
-proto._changeFullscreen = function (isView) {
-    if (this.isFullscreen == isView) {
-        return;
-    }
-    this.isFullscreen = isView;
-    const classMethod = isView ? 'add' : 'remove';
-    document.documentElement.classList[classMethod]('is-flickity-fullscreen');
-    this.element.classList[classMethod]('is-fullscreen');
-    this.resize();
-    // HACK extra reposition on fullscreen for images
-    if (this.isFullscreen) {
-        this.reposition();
-    }
-    this.dispatchEvent('fullscreenChange', null, [isView]);
-};
-proto.toggleFullscreen = function () {
-    this._changeFullscreen(!this.isFullscreen);
-};
-// ----- setGallerySize ----- //
-// overwrite so fullscreen cells are full height
-const setGallerySize = proto.setGallerySize;
-proto.setGallerySize = function () {
-    if (!this.options.setGallerySize) {
-        return;
-    }
-    if (this.isFullscreen) {
-        // remove height style on fullscreen
-        this.viewport.style.height = '';
-    }
-    else {
-        // otherwise, do normal
-        setGallerySize.call(this);
-    }
-};
-// ----- keyboard ----- //
-// ESC key closes full screen
-nanoSlides_entry.Flickity.keyboardHandlers[27] = function () {
-    this.exitFullscreen();
-};
-// ----- FullscreenButton ----- //
-function FullscreenButton(name, flickity) {
-    this.name = name;
-    this.createButton();
-    this.createIcon();
-    // events
-    // trigger viewFullscreen or exitFullscreen on click
-    this.onClick = function () {
-        flickity[name + 'Fullscreen']();
-    };
-    this.clickHandler = this.onClick.bind(this);
-}
-FullscreenButton.prototype.createButton = function () {
-    const element = (this.element = document.createElement('button'));
-    element.className =
-        'flickity-button flickity-fullscreen-button ' +
-            'flickity-fullscreen-button-' +
-            this.name;
-    // prevent button from submitting form
-    element.setAttribute('type', 'button');
-    // set label
-    const label = capitalize(this.name + ' full-screen');
-    element.setAttribute('aria-label', label);
-    element.title = label;
-};
-function capitalize(text) {
-    return text[0].toUpperCase() + text.slice(1);
-}
-const svgURI = 'http://www.w3.org/2000/svg';
-const pathDirections = {
-    view: 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',
-    exit: 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',
-};
-FullscreenButton.prototype.createIcon = function () {
-    const svg = document.createElementNS(svgURI, 'svg');
-    svg.setAttribute('class', 'flickity-button-icon');
-    svg.setAttribute('viewBox', '0 0 32 32');
-    // path & direction
-    const path = document.createElementNS(svgURI, 'path');
-    const direction = pathDirections[this.name];
-    path.setAttribute('d', direction);
-    // put it together
-    svg.appendChild(path);
-    this.element.appendChild(svg);
-};
-FullscreenButton.prototype.activate = function () {
-    this.element.addEventListener('click', this.clickHandler);
-};
-FullscreenButton.prototype.deactivate = function () {
-    this.element.removeEventListener('click', this.clickHandler);
-};
-// @ts-ignore
-nanoSlides_entry.Flickity.FullscreenButton = FullscreenButton;
-
-//# sourceMappingURL=fullscreen-f5db9bbe.js.map

package/dist/cjs/fullscreen-f5db9bbe.js.map

@@ -1 +0,0 @@
-{"file":"fullscreen-f5db9bbe.js","mappings":"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","names":["Flickity"],"sources":["src/components/slides/lib/js/fullscreen.ts"],"sourcesContent":["import Flickity from './flickity';\n\nFlickity.createMethods.push('_createFullscreen');\nconst proto = Flickity.prototype;\n\nproto._createFullscreen = function () {\n  this.isFullscreen = false;\n\n  if (!this.options.fullscreen) {\n    return;\n  }\n  // buttons\n  this.viewFullscreenButton = new FullscreenButton('view', this);\n  this.exitFullscreenButton = new FullscreenButton('exit', this);\n\n  this.on('activate', this._changeFullscreenActive);\n  this.on('deactivate', this._changeFullscreenActive);\n};\n\n// ----- activation ----- //\n\nproto._changeFullscreenActive = function () {\n  const childMethod = this.isActive ? 'appendChild' : 'removeChild';\n  this.element[childMethod](this.viewFullscreenButton.element);\n  this.element[childMethod](this.exitFullscreenButton.element);\n  // activate or deactivate buttons\n  const activeMethod = this.isActive ? 'activate' : 'deactivate';\n  this.viewFullscreenButton[activeMethod]();\n  this.exitFullscreenButton[activeMethod]();\n};\n\n// ----- view, exit, toggle ----- //\n\nproto.viewFullscreen = function () {\n  this._changeFullscreen(true);\n  this.focus();\n};\n\nproto.exitFullscreen = function () {\n  this._changeFullscreen(false);\n};\n\nproto._changeFullscreen = function (isView) {\n  if (this.isFullscreen == isView) {\n    return;\n  }\n  this.isFullscreen = isView;\n  const classMethod = isView ? 'add' : 'remove';\n  document.documentElement.classList[classMethod]('is-flickity-fullscreen');\n  this.element.classList[classMethod]('is-fullscreen');\n  this.resize();\n  // HACK extra reposition on fullscreen for images\n  if (this.isFullscreen) {\n    this.reposition();\n  }\n  this.dispatchEvent('fullscreenChange', null, [isView]);\n};\n\nproto.toggleFullscreen = function () {\n  this._changeFullscreen(!this.isFullscreen);\n};\n\n// ----- setGallerySize ----- //\n\n// overwrite so fullscreen cells are full height\nconst setGallerySize = proto.setGallerySize;\nproto.setGallerySize = function () {\n  if (!this.options.setGallerySize) {\n    return;\n  }\n  if (this.isFullscreen) {\n    // remove height style on fullscreen\n    this.viewport.style.height = '';\n  } else {\n    // otherwise, do normal\n    setGallerySize.call(this);\n  }\n};\n\n// ----- keyboard ----- //\n\n// ESC key closes full screen\nFlickity.keyboardHandlers[27] = function () {\n  this.exitFullscreen();\n};\n\n// ----- FullscreenButton ----- //\n\nfunction FullscreenButton(name, flickity) {\n  this.name = name;\n  this.createButton();\n  this.createIcon();\n  // events\n  // trigger viewFullscreen or exitFullscreen on click\n  this.onClick = function () {\n    flickity[name + 'Fullscreen']();\n  };\n  this.clickHandler = this.onClick.bind(this);\n}\n\nFullscreenButton.prototype.createButton = function () {\n  const element = (this.element = document.createElement('button'));\n  element.className =\n    'flickity-button flickity-fullscreen-button ' +\n    'flickity-fullscreen-button-' +\n    this.name;\n  // prevent button from submitting form\n  element.setAttribute('type', 'button');\n  // set label\n  const label = capitalize(this.name + ' full-screen');\n  element.setAttribute('aria-label', label);\n  element.title = label;\n};\n\nfunction capitalize(text) {\n  return text[0].toUpperCase() + text.slice(1);\n}\n\nconst svgURI = 'http://www.w3.org/2000/svg';\n\nconst pathDirections = {\n  view: 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',\n  exit: 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',\n};\n\nFullscreenButton.prototype.createIcon = function () {\n  const svg = document.createElementNS(svgURI, 'svg');\n  svg.setAttribute('class', 'flickity-button-icon');\n  svg.setAttribute('viewBox', '0 0 32 32');\n  // path & direction\n  const path = document.createElementNS(svgURI, 'path');\n  const direction = pathDirections[this.name];\n  path.setAttribute('d', direction);\n  // put it together\n  svg.appendChild(path);\n  this.element.appendChild(svg);\n};\n\nFullscreenButton.prototype.activate = function () {\n  this.element.addEventListener('click', this.clickHandler);\n};\n\nFullscreenButton.prototype.deactivate = function () {\n  this.element.removeEventListener('click', this.clickHandler);\n};\n\n// @ts-ignore\nFlickity.FullscreenButton = FullscreenButton;\n"],"version":3}