@shoper/phoenix_design_system 1.16.1 → 1.17.0

package/build/esm/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js

@@ -0,0 +1,537 @@
+/*!
+ * @splidejs/splide-extension-auto-scroll
+ * Version  : 0.5.3
+ * License  : MIT
+ * Copyright: 2022 Naotoshi Fujita
+ */
+function empty(array) {
+  array.length = 0;
+}
+
+function slice$1(arrayLike, start, end) {
+  return Array.prototype.slice.call(arrayLike, start, end);
+}
+
+function apply$1(func) {
+  return func.bind.apply(func, [null].concat(slice$1(arguments, 1)));
+}
+
+function raf(func) {
+  return requestAnimationFrame(func);
+}
+
+function typeOf$1(type, subject) {
+  return typeof subject === type;
+}
+
+var isArray$1 = Array.isArray;
+apply$1(typeOf$1, "function");
+apply$1(typeOf$1, "string");
+apply$1(typeOf$1, "undefined");
+
+function toArray$1(value) {
+  return isArray$1(value) ? value : [value];
+}
+
+function forEach$1(values, iteratee) {
+  toArray$1(values).forEach(iteratee);
+}
+
+var ownKeys$1 = Object.keys;
+
+function forOwn$1(object, iteratee, right) {
+  if (object) {
+    var keys = ownKeys$1(object);
+    keys = right ? keys.reverse() : keys;
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== "__proto__") {
+        if (iteratee(object[key], key) === false) {
+          break;
+        }
+      }
+    }
+  }
+
+  return object;
+}
+
+function assign$1(object) {
+  slice$1(arguments, 1).forEach(function (source) {
+    forOwn$1(source, function (value, key) {
+      object[key] = source[key];
+    });
+  });
+  return object;
+}
+
+var min$1 = Math.min;
+
+function EventBinder() {
+  var listeners = [];
+
+  function bind(targets, events, callback, options) {
+    forEachEvent(targets, events, function (target, event, namespace) {
+      var isEventTarget = ("addEventListener" in target);
+      var remover = isEventTarget ? target.removeEventListener.bind(target, event, callback, options) : target["removeListener"].bind(target, callback);
+      isEventTarget ? target.addEventListener(event, callback, options) : target["addListener"](callback);
+      listeners.push([target, event, namespace, callback, remover]);
+    });
+  }
+
+  function unbind(targets, events, callback) {
+    forEachEvent(targets, events, function (target, event, namespace) {
+      listeners = listeners.filter(function (listener) {
+        if (listener[0] === target && listener[1] === event && listener[2] === namespace && (!callback || listener[3] === callback)) {
+          listener[4]();
+          return false;
+        }
+
+        return true;
+      });
+    });
+  }
+
+  function dispatch(target, type, detail) {
+    var e;
+    var bubbles = true;
+
+    if (typeof CustomEvent === "function") {
+      e = new CustomEvent(type, {
+        bubbles: bubbles,
+        detail: detail
+      });
+    } else {
+      e = document.createEvent("CustomEvent");
+      e.initCustomEvent(type, bubbles, false, detail);
+    }
+
+    target.dispatchEvent(e);
+    return e;
+  }
+
+  function forEachEvent(targets, events, iteratee) {
+    forEach$1(targets, function (target) {
+      target && forEach$1(events, function (events2) {
+        events2.split(" ").forEach(function (eventNS) {
+          var fragment = eventNS.split(".");
+          iteratee(target, fragment[0], fragment[1]);
+        });
+      });
+    });
+  }
+
+  function destroy() {
+    listeners.forEach(function (data) {
+      data[4]();
+    });
+    empty(listeners);
+  }
+
+  return {
+    bind: bind,
+    unbind: unbind,
+    dispatch: dispatch,
+    destroy: destroy
+  };
+}
+var EVENT_MOVE = "move";
+var EVENT_MOVED = "moved";
+var EVENT_UPDATED = "updated";
+var EVENT_DRAG = "drag";
+var EVENT_DRAGGED = "dragged";
+var EVENT_SCROLL = "scroll";
+var EVENT_SCROLLED = "scrolled";
+var EVENT_DESTROY = "destroy";
+
+function EventInterface(Splide2) {
+  var bus = Splide2 ? Splide2.event.bus : document.createDocumentFragment();
+  var binder = EventBinder();
+
+  function on(events, callback) {
+    binder.bind(bus, toArray$1(events).join(" "), function (e) {
+      callback.apply(callback, isArray$1(e.detail) ? e.detail : []);
+    });
+  }
+
+  function emit(event) {
+    binder.dispatch(bus, event, slice$1(arguments, 1));
+  }
+
+  if (Splide2) {
+    Splide2.event.on(EVENT_DESTROY, binder.destroy);
+  }
+
+  return assign$1(binder, {
+    bus: bus,
+    on: on,
+    off: apply$1(binder.unbind, bus),
+    emit: emit
+  });
+}
+
+function RequestInterval(interval, onInterval, onUpdate, limit) {
+  var now = Date.now;
+  var startTime;
+  var rate = 0;
+  var id;
+  var paused = true;
+  var count = 0;
+
+  function update() {
+    if (!paused) {
+      rate = interval ? min$1((now() - startTime) / interval, 1) : 1;
+      onUpdate && onUpdate(rate);
+
+      if (rate >= 1) {
+        onInterval();
+        startTime = now();
+
+        if (limit && ++count >= limit) {
+          return pause();
+        }
+      }
+
+      raf(update);
+    }
+  }
+
+  function start(resume) {
+    !resume && cancel();
+    startTime = now() - (resume ? rate * interval : 0);
+    paused = false;
+    raf(update);
+  }
+
+  function pause() {
+    paused = true;
+  }
+
+  function rewind() {
+    startTime = now();
+    rate = 0;
+
+    if (onUpdate) {
+      onUpdate(rate);
+    }
+  }
+
+  function cancel() {
+    id && cancelAnimationFrame(id);
+    rate = 0;
+    id = 0;
+    paused = true;
+  }
+
+  function set(time) {
+    interval = time;
+  }
+
+  function isPaused() {
+    return paused;
+  }
+
+  return {
+    start: start,
+    rewind: rewind,
+    pause: pause,
+    cancel: cancel,
+    set: set,
+    isPaused: isPaused
+  };
+}
+
+function Throttle(func, duration) {
+  var interval;
+
+  function throttled() {
+    if (!interval) {
+      interval = RequestInterval(duration || 0, function () {
+        func();
+        interval = null;
+      }, null, 1);
+      interval.start();
+    }
+  }
+
+  return throttled;
+}
+var CLASS_ACTIVE = "is-active";
+
+var SLIDE = "slide";
+var FADE = "fade";
+
+function slice(arrayLike, start, end) {
+  return Array.prototype.slice.call(arrayLike, start, end);
+}
+
+function apply(func) {
+  return func.bind(null, ...slice(arguments, 1));
+}
+
+function typeOf(type, subject) {
+  return typeof subject === type;
+}
+function isObject(subject) {
+  return !isNull(subject) && typeOf("object", subject);
+}
+const isArray = Array.isArray;
+apply(typeOf, "function");
+apply(typeOf, "string");
+const isUndefined = apply(typeOf, "undefined");
+function isNull(subject) {
+  return subject === null;
+}
+
+function toArray(value) {
+  return isArray(value) ? value : [value];
+}
+
+function forEach(values, iteratee) {
+  toArray(values).forEach(iteratee);
+}
+
+function toggleClass(elm, classes, add) {
+  if (elm) {
+    forEach(classes, (name) => {
+      if (name) {
+        elm.classList[add ? "add" : "remove"](name);
+      }
+    });
+  }
+}
+
+const ownKeys = Object.keys;
+
+function forOwn(object, iteratee, right) {
+  if (object) {
+    let keys = ownKeys(object);
+    keys = right ? keys.reverse() : keys;
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      if (key !== "__proto__") {
+        if (iteratee(object[key], key) === false) {
+          break;
+        }
+      }
+    }
+  }
+  return object;
+}
+
+function assign(object) {
+  slice(arguments, 1).forEach((source) => {
+    forOwn(source, (value, key) => {
+      object[key] = source[key];
+    });
+  });
+  return object;
+}
+
+function removeAttribute(elms, attrs) {
+  forEach(elms, (elm) => {
+    forEach(attrs, (attr) => {
+      elm && elm.removeAttribute(attr);
+    });
+  });
+}
+
+function setAttribute(elms, attrs, value) {
+  if (isObject(attrs)) {
+    forOwn(attrs, (value2, name) => {
+      setAttribute(elms, name, value2);
+    });
+  } else {
+    forEach(elms, (elm) => {
+      isNull(value) || value === "" ? removeAttribute(elm, attrs) : elm.setAttribute(attrs, String(value));
+    });
+  }
+}
+
+const { min, max, floor, ceil, abs } = Math;
+
+function clamp(number, x, y) {
+  const minimum = min(x, y);
+  const maximum = max(x, y);
+  return min(max(minimum, number), maximum);
+}
+
+const DEFAULTS = {
+  speed: 1,
+  autoStart: true,
+  pauseOnHover: true,
+  pauseOnFocus: true
+};
+
+const I18N = {
+  startScroll: "Start auto scroll",
+  pauseScroll: "Pause auto scroll"
+};
+
+function AutoScroll(Splide2, Components2, options) {
+  const { on, off, bind, unbind } = EventInterface(Splide2);
+  const { translate, getPosition, toIndex, getLimit } = Components2.Move;
+  const { setIndex, getIndex } = Components2.Controller;
+  const { orient } = Components2.Direction;
+  const { toggle } = Components2.Elements;
+  const { Live } = Components2;
+  const { root } = Splide2;
+  const throttledUpdateArrows = Throttle(Components2.Arrows.update, 500);
+  let autoScrollOptions = {};
+  let interval;
+  let stopped;
+  let hovered;
+  let focused;
+  let busy;
+  let currPosition;
+  function setup() {
+    const { autoScroll } = options;
+    autoScrollOptions = assign({}, DEFAULTS, isObject(autoScroll) ? autoScroll : {});
+  }
+  function mount() {
+    if (!Splide2.is(FADE)) {
+      if (!interval && options.autoScroll !== false) {
+        interval = RequestInterval(0, move);
+        listen();
+        autoStart();
+      }
+    }
+  }
+  function destroy() {
+    if (interval) {
+      interval.cancel();
+      interval = null;
+      currPosition = void 0;
+      off([EVENT_MOVE, EVENT_DRAG, EVENT_SCROLL, EVENT_MOVED, EVENT_SCROLLED]);
+      unbind(root, "mouseenter mouseleave focusin focusout");
+      unbind(toggle, "click");
+    }
+  }
+  function listen() {
+    if (autoScrollOptions.pauseOnHover) {
+      bind(root, "mouseenter mouseleave", (e) => {
+        hovered = e.type === "mouseenter";
+        autoToggle();
+      });
+    }
+    if (autoScrollOptions.pauseOnFocus) {
+      bind(root, "focusin focusout", (e) => {
+        focused = e.type === "focusin";
+        autoToggle();
+      });
+    }
+    if (autoScrollOptions.useToggleButton) {
+      bind(toggle, "click", () => {
+        stopped ? play() : pause();
+      });
+    }
+    on(EVENT_UPDATED, update);
+    on([EVENT_MOVE, EVENT_DRAG, EVENT_SCROLL], () => {
+      busy = true;
+      pause(false);
+    });
+    on([EVENT_MOVED, EVENT_DRAGGED, EVENT_SCROLLED], () => {
+      busy = false;
+      autoToggle();
+    });
+  }
+  function update() {
+    const { autoScroll } = options;
+    if (autoScroll !== false) {
+      autoScrollOptions = assign({}, autoScrollOptions, isObject(autoScroll) ? autoScroll : {});
+      mount();
+    } else {
+      destroy();
+    }
+    if (interval && !isUndefined(currPosition)) {
+      translate(currPosition);
+    }
+  }
+  function autoStart() {
+    if (autoScrollOptions.autoStart) {
+      if (document.readyState === "complete") {
+        play();
+      } else {
+        bind(window, "load", play);
+      }
+    }
+  }
+  function play() {
+    if (isPaused()) {
+      interval.start(true);
+      Live.disable(true);
+      focused = hovered = stopped = false;
+      updateButton();
+    }
+  }
+  function pause(stop = true) {
+    if (!stopped) {
+      stopped = stop;
+      updateButton();
+      if (!isPaused()) {
+        interval.pause();
+        Live.disable(false);
+      }
+    }
+  }
+  function autoToggle() {
+    if (!stopped) {
+      hovered || focused || busy ? pause(false) : play();
+    }
+  }
+  function move() {
+    const position = getPosition();
+    const destination = computeDestination(position);
+    if (position !== destination) {
+      translate(destination);
+      updateIndex(currPosition = getPosition());
+    } else {
+      pause(false);
+      if (autoScrollOptions.rewind) {
+        Splide2.go(autoScrollOptions.speed > 0 ? 0 : Components2.Controller.getEnd());
+      }
+    }
+    throttledUpdateArrows();
+  }
+  function computeDestination(position) {
+    const speed = autoScrollOptions.speed || 1;
+    position += orient(speed);
+    if (Splide2.is(SLIDE)) {
+      position = clamp(position, getLimit(false), getLimit(true));
+    }
+    return position;
+  }
+  function updateIndex(position) {
+    const { length } = Splide2;
+    const index = (toIndex(position) + length) % length;
+    if (index !== getIndex()) {
+      setIndex(index);
+      Components2.Slides.update();
+      Components2.Pagination.update();
+      options.lazyLoad === "nearby" && Components2.LazyLoad.check();
+    }
+  }
+  function updateButton() {
+    if (toggle) {
+      const key = stopped ? "startScroll" : "pauseScroll";
+      toggleClass(toggle, CLASS_ACTIVE, !stopped);
+      setAttribute(toggle, "aria-label", options.i18n[key] || I18N[key]);
+    }
+  }
+  function isPaused() {
+    return !interval || interval.isPaused();
+  }
+  return {
+    setup,
+    mount,
+    destroy,
+    play,
+    pause,
+    isPaused
+  };
+}
+
+export { AutoScroll };
+//# sourceMappingURL=splide-extension-auto-scroll.esm.js.map

package/build/esm/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/scroller/scroller-item.d.ts

@@ -0,0 +1,4 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HScrollerItem extends PhoenixLightLitElement {
+    constructor();
+}

package/build/esm/packages/phoenix/src/components/scroller/scroller-item.js

@@ -0,0 +1,18 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+
+let HScrollerItem = class HScrollerItem extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'item';
+        this.className = `splide__slide ${this.className}`;
+    }
+};
+HScrollerItem = __decorate([
+    phoenixCustomElement('h-scroller-item'),
+    __metadata("design:paramtypes", [])
+], HScrollerItem);
+
+export { HScrollerItem };
+//# sourceMappingURL=scroller-item.js.map

package/build/esm/packages/phoenix/src/components/scroller/scroller-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/scroller/scroller.d.ts

@@ -0,0 +1,12 @@
+import { IScroller, IScrollerOptions } from './scroller_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HScroller extends PhoenixLightLitElement {
+    settings: string;
+    id: string;
+    get sliderSettings(): IScrollerOptions;
+    set sliderSettings(newSettingsObject: IScrollerOptions);
+    private _settings;
+    private _scroller;
+    connectedCallback(): void;
+    getSlider(): IScroller | null;
+}

package/build/esm/packages/phoenix/src/components/scroller/scroller.js

@@ -0,0 +1,64 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { property } from 'lit/decorators';
+import { JsonUtils } from '@dreamcommerce/utilities';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Splide } from '../../../../../external/@splidejs/splide/dist/js/splide.esm.js';
+import { AutoScroll } from '../../../../../external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js';
+
+let HScroller = class HScroller extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.settings = '';
+        this.id = '';
+        this._settings = {
+            mountOnConnectedCallback: true,
+            type: 'loop',
+            perPage: 3,
+            autoScroll: {
+                autoStart: true,
+                pauseOnFocus: true,
+                pauseOnHover: true,
+                rewind: false,
+                speed: 1
+            }
+        };
+        this._scroller = null;
+    }
+    get sliderSettings() {
+        return this._settings;
+    }
+    set sliderSettings(newSettingsObject) {
+        const newSettings = JsonUtils.toJson(newSettingsObject);
+        if (!newSettings)
+            return;
+        this.settings = newSettings;
+    }
+    connectedCallback() {
+        var _a;
+        if (this.settings) {
+            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
+        }
+        this._scroller = new Splide(`#${this.id}`, this._settings);
+        if (this._settings.mountOnConnectedCallback) {
+            this._scroller.mount({ AutoScroll });
+        }
+    }
+    getSlider() {
+        return this._scroller;
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], HScroller.prototype, "settings", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], HScroller.prototype, "id", void 0);
+HScroller = __decorate([
+    phoenixCustomElement('h-scroller')
+], HScroller);
+
+export { HScroller };
+//# sourceMappingURL=scroller.js.map

package/build/esm/packages/phoenix/src/components/scroller/scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F,2BAA2B,4GAAgH;AAC3I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/scroller/scroller_types.d.ts

@@ -0,0 +1,14 @@
+import { Options, Splide } from '@splidejs/splide';
+export interface IScroller extends Splide {
+}
+export interface IScrollerOptions extends Options {
+    mountOnConnectedCallback: boolean;
+    type: string;
+    autoScroll: {
+        autoStart: boolean;
+        pauseOnFocus: boolean;
+        pauseOnHover: boolean;
+        rewind: boolean;
+        speed: number;
+    };
+}

package/build/esm/packages/phoenix/src/components/scroller/scroller_types.js

@@ -0,0 +1,2 @@
+import '@splidejs/splide';
+//# sourceMappingURL=scroller_types.js.map

package/build/esm/packages/phoenix/src/components/scroller/scroller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroller_types.js","sourceRoot":"","sources":["../../../../../../../src/components/scroller/scroller_types.ts"],"names":[],"mappings":"AAAA,OAAgC,kBAAkB,CAAC"}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -98,6 +98,9 @@ export { VisibilityController } from './controllers/visibility_controller/visibi
 export * from './controllers/visibility_controller/visibility_controller_types';
 export { HSlider } from './components/slider/slider';
 export * from './components/slider/slider_types';
+export { HScroller } from './components/scroller/scroller';
+export { HScrollerItem } from './components/scroller/scroller-item';
+export * from './components/scroller/scroller_types';
 export { HTabs } from './components/tabs/tabs';
 export { HTab } from './components/tabs/tab/tab';
 export { HTabPanel } from './components/tabs/tab_panel';

package/build/esm/packages/phoenix/src/index.js

@@ -85,6 +85,8 @@ export { HColorSwatchesControl } from './components/form/color_swatches_control/
 export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more.js';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
 export { HSlider } from './components/slider/slider.js';
+export { HScroller } from './components/scroller/scroller.js';
+export { HScrollerItem } from './components/scroller/scroller-item.js';
 export { HTab } from './components/tabs/tab/tab.js';
 export { HTabPanel } from './components/tabs/tab_panel.js';
 export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants.js';