@nanoporetech-digital/components 5.10.0 → 5.11.0

package/dist/cjs/fade-dcabf3c1.js

@@ -0,0 +1,211 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+'use strict';
+
+const nanoSlides_entry = require('./nano-slides-2f3dcc02.js');
+require('./index-14451c95.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) {
+    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-dcabf3c1.js.map

package/dist/cjs/fade-dcabf3c1.js.map

@@ -0,0 +1 @@
+{"file":"fade-dcabf3c1.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 (!this.isDragging && !this.didDragEnd) {\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/{form-control-8db579a2.js → form-control-f100407e.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-1d3ebe1a.js');
+const index = require('./index-14451c95.js');
 
 const renderLabel = ({ label, hasLabelSlot, controlId, labelId, floatLabel, placeholder, hideLabel, hasValue, rtl, showCharCount, maxlength, charCount, }) => {
   if (!label && !hasLabelSlot)
@@ -81,4 +81,4 @@ const FormControl = (props, children) => {
 exports.FormControl = FormControl;
 exports.FormControlWrap = FormControlWrap;
 
-//# sourceMappingURL=form-control-8db579a2.js.map
+//# sourceMappingURL=form-control-f100407e.js.map

package/dist/cjs/{form-control-8db579a2.js.map → form-control-f100407e.js.map}

@@ -1 +1 @@
-{"file":"form-control-8db579a2.js","mappings":"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","names":["h"],"sources":["./src/components/form-control/form-control.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport type { TextFieldTypes } from '../../interface';\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        {label && label}\n        {!label && hasLabelSlot && <slot name=\"label\" />}\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            {label && label}\n            {!label && hasLabelSlot && <slot name=\"label\" />}\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              ''\n            )}\n            <div class=\"form-ctrl__helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        ) : (\n          ''\n        )}\n      </div>\n      {hasHelperEndSlot ? (\n        <div class=\"form-ctrl__helper-end\" id={helperEndId}>\n          <slot name=\"helper-end\" />\n        </div>\n      ) : (\n        ''\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 name=\"light/times\"></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}
+{"file":"form-control-f100407e.js","mappings":"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","names":["h"],"sources":["./src/components/form-control/form-control.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport type { TextFieldTypes } from '../../interface';\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        {label && label}\n        {!label && hasLabelSlot && <slot name=\"label\" />}\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            {label && label}\n            {!label && hasLabelSlot && <slot name=\"label\" />}\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              ''\n            )}\n            <div class=\"form-ctrl__helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        ) : (\n          ''\n        )}\n      </div>\n      {hasHelperEndSlot ? (\n        <div class=\"form-ctrl__helper-end\" id={helperEndId}>\n          <slot name=\"helper-end\" />\n        </div>\n      ) : (\n        ''\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 name=\"light/times\"></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-d24940a1.js

@@ -0,0 +1,133 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+'use strict';
+
+const nanoSlides_entry = require('./nano-slides-2f3dcc02.js');
+require('./index-14451c95.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-d24940a1.js.map

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

@@ -0,0 +1 @@
+{"file":"fullscreen-d24940a1.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}

package/dist/cjs/{global-3a6a7873.js → global-a5710651.js}

@@ -110,17 +110,17 @@ if (globalThis['document']) {
   const docIsReady = () => {
     if (!docEle.classList.contains('hydrated'))
       return false;
-    document.documentElement.dispatchEvent(new CustomEvent('nanoComponentsReady'));
+    docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));
     return true;
   };
   if (!docIsReady()) {
     let mutationO = new MutationObserver((_) => {
-      if (docIsReady()) {
-        mutationO.disconnect();
-        mutationO = null;
-      }
+      if (!docIsReady())
+        return;
+      mutationO.disconnect();
+      mutationO = null;
     });
-    mutationO.observe(document.documentElement, {
+    mutationO.observe(docEle, {
       childList: false,
       subtree: false,
       attributes: true,
@@ -128,4 +128,4 @@ if (globalThis['document']) {
   }
 }
 
-//# sourceMappingURL=global-3a6a7873.js.map
+//# sourceMappingURL=global-a5710651.js.map

package/dist/cjs/{global-3a6a7873.js.map → global-a5710651.js.map}

@@ -1 +1 @@
-{"file":"global-3a6a7873.js","mappings":"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","names":[],"sources":["./node_modules/focus-options-polyfill/index.js","./src/global/script/global.ts"],"sourcesContent":["// focus - focusOptions - preventScroll polyfill\n(function() {\n  if (\n    typeof window === \"undefined\" ||\n    typeof document === \"undefined\" ||\n    typeof HTMLElement === \"undefined\"\n  ) {\n    return;\n  }\n\n  var supportsPreventScrollOption = false;\n  try {\n    var focusElem = document.createElement(\"div\");\n    focusElem.addEventListener(\n      \"focus\",\n      function(event) {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      true\n    );\n    focusElem.focus(\n      Object.defineProperty({}, \"preventScroll\", {\n        get: function() {\n          // Edge v18 gives a false positive for supporting inputs\n          if (\n            navigator &&\n            typeof navigator.userAgent !== 'undefined' &&\n            navigator.userAgent &&\n            navigator.userAgent.match(/Edge\\/1[7-8]/)) {\n              return supportsPreventScrollOption = false\n          }\n\n          supportsPreventScrollOption = true;\n        }\n      })\n    );\n  } catch (e) {}\n\n  if (\n    HTMLElement.prototype.nativeFocus === undefined &&\n    !supportsPreventScrollOption\n  ) {\n    HTMLElement.prototype.nativeFocus = HTMLElement.prototype.focus;\n\n    var calcScrollableElements = function(element) {\n      var parent = element.parentNode;\n      var scrollableElements = [];\n      var rootScrollingElement =\n        document.scrollingElement || document.documentElement;\n\n      while (parent && parent !== rootScrollingElement) {\n        if (\n          parent.offsetHeight < parent.scrollHeight ||\n          parent.offsetWidth < parent.scrollWidth\n        ) {\n          scrollableElements.push([\n            parent,\n            parent.scrollTop,\n            parent.scrollLeft\n          ]);\n        }\n        parent = parent.parentNode;\n      }\n      parent = rootScrollingElement;\n      scrollableElements.push([parent, parent.scrollTop, parent.scrollLeft]);\n\n      return scrollableElements;\n    };\n\n    var restoreScrollPosition = function(scrollableElements) {\n      for (var i = 0; i < scrollableElements.length; i++) {\n        scrollableElements[i][0].scrollTop = scrollableElements[i][1];\n        scrollableElements[i][0].scrollLeft = scrollableElements[i][2];\n      }\n      scrollableElements = [];\n    };\n\n    var patchedFocus = function(args) {\n      if (args && args.preventScroll) {\n        var evScrollableElements = calcScrollableElements(this);\n        if (typeof setTimeout === 'function') {\n          var thisElem = this;\n          setTimeout(function () {\n            thisElem.nativeFocus();\n            restoreScrollPosition(evScrollableElements);\n          }, 0);\n        } else {\n          this.nativeFocus();\n          restoreScrollPosition(evScrollableElements);\n        }\n      }\n      else {\n        this.nativeFocus();\n      }\n    };\n\n    HTMLElement.prototype.focus = patchedFocus;\n  }\n})();\n","import { Build } from '@stencil/core';\n\n// focus options\nimport 'focus-options-polyfill';\n\nif (Build.isBrowser && globalThis['document']) {\n  // fire global 'ready' event when everything is hydrated\n\n  const docEle = document.documentElement;\n  const docIsReady = () => {\n    if (!docEle.classList.contains('hydrated')) return false;\n    document.documentElement.dispatchEvent(\n      new CustomEvent('nanoComponentsReady')\n    );\n    return true;\n  };\n\n  if (!docIsReady()) {\n    let mutationO = new MutationObserver((_) => {\n      if (docIsReady()) {\n        mutationO.disconnect();\n        mutationO = null;\n      }\n    });\n\n    mutationO.observe(document.documentElement, {\n      childList: false,\n      subtree: false,\n      attributes: true,\n    });\n  }\n}\n"],"version":3}
+{"file":"global-a5710651.js","mappings":"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","names":[],"sources":["./node_modules/focus-options-polyfill/index.js","./src/global/script/global.ts"],"sourcesContent":["// focus - focusOptions - preventScroll polyfill\n(function() {\n  if (\n    typeof window === \"undefined\" ||\n    typeof document === \"undefined\" ||\n    typeof HTMLElement === \"undefined\"\n  ) {\n    return;\n  }\n\n  var supportsPreventScrollOption = false;\n  try {\n    var focusElem = document.createElement(\"div\");\n    focusElem.addEventListener(\n      \"focus\",\n      function(event) {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      true\n    );\n    focusElem.focus(\n      Object.defineProperty({}, \"preventScroll\", {\n        get: function() {\n          // Edge v18 gives a false positive for supporting inputs\n          if (\n            navigator &&\n            typeof navigator.userAgent !== 'undefined' &&\n            navigator.userAgent &&\n            navigator.userAgent.match(/Edge\\/1[7-8]/)) {\n              return supportsPreventScrollOption = false\n          }\n\n          supportsPreventScrollOption = true;\n        }\n      })\n    );\n  } catch (e) {}\n\n  if (\n    HTMLElement.prototype.nativeFocus === undefined &&\n    !supportsPreventScrollOption\n  ) {\n    HTMLElement.prototype.nativeFocus = HTMLElement.prototype.focus;\n\n    var calcScrollableElements = function(element) {\n      var parent = element.parentNode;\n      var scrollableElements = [];\n      var rootScrollingElement =\n        document.scrollingElement || document.documentElement;\n\n      while (parent && parent !== rootScrollingElement) {\n        if (\n          parent.offsetHeight < parent.scrollHeight ||\n          parent.offsetWidth < parent.scrollWidth\n        ) {\n          scrollableElements.push([\n            parent,\n            parent.scrollTop,\n            parent.scrollLeft\n          ]);\n        }\n        parent = parent.parentNode;\n      }\n      parent = rootScrollingElement;\n      scrollableElements.push([parent, parent.scrollTop, parent.scrollLeft]);\n\n      return scrollableElements;\n    };\n\n    var restoreScrollPosition = function(scrollableElements) {\n      for (var i = 0; i < scrollableElements.length; i++) {\n        scrollableElements[i][0].scrollTop = scrollableElements[i][1];\n        scrollableElements[i][0].scrollLeft = scrollableElements[i][2];\n      }\n      scrollableElements = [];\n    };\n\n    var patchedFocus = function(args) {\n      if (args && args.preventScroll) {\n        var evScrollableElements = calcScrollableElements(this);\n        if (typeof setTimeout === 'function') {\n          var thisElem = this;\n          setTimeout(function () {\n            thisElem.nativeFocus();\n            restoreScrollPosition(evScrollableElements);\n          }, 0);\n        } else {\n          this.nativeFocus();\n          restoreScrollPosition(evScrollableElements);\n        }\n      }\n      else {\n        this.nativeFocus();\n      }\n    };\n\n    HTMLElement.prototype.focus = patchedFocus;\n  }\n})();\n","import { Build } from '@stencil/core';\n\n// focus options\nimport 'focus-options-polyfill';\n\nif (Build.isBrowser && globalThis['document']) {\n  // fire global 'ready' event when everything is hydrated\n\n  const docEle = document.documentElement;\n  const docIsReady = () => {\n    if (!docEle.classList.contains('hydrated')) return false;\n    docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));\n    return true;\n  };\n\n  if (!docIsReady()) {\n    let mutationO = new MutationObserver((_) => {\n      if (!docIsReady()) return;\n\n      mutationO.disconnect();\n      mutationO = null;\n    });\n\n    mutationO.observe(docEle, {\n      childList: false,\n      subtree: false,\n      attributes: true,\n    });\n  }\n}\n"],"version":3}

package/dist/cjs/{index-1d3ebe1a.js → index-14451c95.js}

@@ -2673,6 +2673,8 @@ const renderVdom = (hostRef, renderFnResults) => {
         // always reset
         relocateNodes.length = 0;
     }
+    // Clear the content ref so we don't create a memory leak
+    contentRef = undefined;
 };
 const attachToAncestor = (hostRef, ancestorComponent) => {
     if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
@@ -3586,10 +3588,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './nano-slide.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'nano-slides.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './nano-slides.cjs.entry.js')); }).then(processMod, consoleError);
         case 'nano-sortable.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -3662,6 +3660,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './nano-icon.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'nano-slides.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './nano-slides.cjs.entry.js')); }).then(processMod, consoleError);
         case 'nano-table.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -3747,7 +3749,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const readTask = /*@__PURE__*/ queueTask(queueDomReads, false);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
@@ -3769,4 +3771,4 @@ exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 exports.writeTask = writeTask;
 
-//# sourceMappingURL=index-1d3ebe1a.js.map
+//# sourceMappingURL=index-14451c95.js.map