@scania/tegel 0.0.1-beta.1 → 0.0.1-beta.3

package/dist/cjs/sdds-popover-canvas.cjs.entry.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e1c79686.js');
-const popper = require('./popper-11d5f714.js');
-
-const popoverCanvasCss = ":host{box-sizing:border-box;min-width:160px;min-height:160px;background-color:var(--sdds-popover-bg-default);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:20000;display:none}:host *{box-sizing:border-box}:host(.sdds-popover-canvas-show){opacity:1;display:block}";
-
-const PopoverCanvas = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selector = '';
-    this.show = false;
-    this.placement = 'auto';
-    this.offsetSkidding = 0;
-    this.offsetDistance = 8;
-    this.target = undefined;
-  }
-  handleOutsideClick() {
-    if (this.show) {
-      this.show = false;
-    }
-  }
-  componentDidLoad() {
-    this.target = document.querySelector(this.selector);
-    const _this = this;
-    popper.createPopper(this.target, this.popoverCanvasElement, {
-      placement: _this.placement,
-      modifiers: [
-        {
-          name: 'positionCalc',
-          enabled: true,
-          phase: 'main',
-          fn({ state }) {
-            console.log('popover fn', state);
-          },
-        },
-        {
-          name: 'offset',
-          options: {
-            offset: [this.offsetSkidding, this.offsetDistance],
-          },
-        },
-      ],
-    });
-    const showCanvas = () => {
-      this.show = true;
-    };
-    const hideCanvas = () => {
-      this.show = false;
-    };
-    this.target.addEventListener('mousedown', event => {
-      event.stopPropagation();
-      if (this.show) {
-        hideCanvas();
-      }
-      else {
-        showCanvas();
-      }
-    });
-    this.popoverCanvasElement.addEventListener('mousemove', event => {
-      event.stopPropagation();
-    });
-    this.popoverCanvasElement.addEventListener('mousedown', event => {
-      event.stopPropagation();
-    });
-  }
-  render() {
-    return (index.h(index.Host, { class: `sdds-popover-canvas ${this.show ? 'sdds-popover-canvas-show' : ''}` }, index.h("slot", null)));
-  }
-  get popoverCanvasElement() { return index.getElement(this); }
-};
-PopoverCanvas.style = popoverCanvasCss;
-
-exports.sdds_popover_canvas = PopoverCanvas;

package/dist/cjs/sdds-popover-menu.cjs.entry.js

@@ -1,75 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e1c79686.js');
-const popper = require('./popper-11d5f714.js');
-
-const popoverMenuCss = ":host{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--sdds-popover-bg-default);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;display:none;z-index:20000}:host *{box-sizing:border-box}:host(.sdds-popover-menu-show){opacity:1;display:block}";
-
-const PopoverMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selector = '';
-    this.show = false;
-    this.placement = 'auto';
-    this.offsetSkidding = 0;
-    this.offsetDistance = 8;
-    this.target = undefined;
-  }
-  handleOutsideClick() {
-    if (this.show) {
-      this.show = false;
-    }
-  }
-  componentDidLoad() {
-    this.target = document.querySelector(this.selector);
-    const _this = this;
-    popper.createPopper(this.target, this.popoverMenuElement, {
-      strategy: 'fixed',
-      placement: _this.placement,
-      modifiers: [
-        {
-          name: 'positionCalc',
-          enabled: true,
-          phase: 'main',
-          fn({}) { },
-        },
-        {
-          name: 'offset',
-          options: {
-            offset: [this.offsetSkidding, this.offsetDistance],
-          },
-        },
-      ],
-    });
-    const showMenu = () => {
-      this.show = true;
-    };
-    const hideMenu = () => {
-      this.show = false;
-    };
-    this.target.addEventListener('mousedown', event => {
-      event.stopPropagation();
-      if (this.show) {
-        hideMenu();
-      }
-      else {
-        showMenu();
-      }
-    });
-    this.popoverMenuElement.addEventListener('mousemove', event => {
-      event.stopPropagation();
-    });
-    this.popoverMenuElement.addEventListener('mousedown', event => {
-      event.stopPropagation();
-    });
-  }
-  render() {
-    return (index.h(index.Host, { class: `sdds-popover-menu ${this.show ? 'sdds-popover-menu-show' : ''}` }, index.h("slot", null)));
-  }
-  get popoverMenuElement() { return index.getElement(this); }
-};
-PopoverMenu.style = popoverMenuCss;
-
-exports.sdds_popover_menu = PopoverMenu;

package/dist/cjs/sdds-slider.cjs.entry.js

@@ -1,336 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e1c79686.js');
-
-const sliderCss = "sdds-slider{box-sizing:border-box;width:100%;--sdds-slider-inputfield-bg:var(--sdds-white)}sdds-slider *{box-sizing:border-box}sdds-slider input[type=range].sdds-slider-native-element{display:none}.sdds-slider-wrapper{width:100%}.sdds-slider-wrapper.read-only{pointer-events:none}.sdds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.sdds-slider .sdds-slider-inner{width:100%;height:20px;position:relative}.sdds-slider .sdds-slider__controls{position:relative;top:-25px}.sdds-slider .sdds-slider__controls .sdds-slider__control{cursor:pointer}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus{padding:18px 18px 18px 0}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus{padding:18px 0 18px 18px}.sdds-slider .sdds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-value{user-select:none;padding:18px;color:var(--sdds-grey-700);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper{background-color:var(--sdds-slider-inputfield-bg);display:flex;align-items:center;justify-content:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-700);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--sdds-grey-400);border-radius:4px 4px 0 0}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--sdds-grey-600)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--sdds-blue-400);outline:0}.sdds-slider label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);user-select:none;position:absolute;color:var(--sdds-grey-958);top:-16px;transform:translateY(-100%)}.sdds-slider label.offset{top:-35px}.sdds-slider .sdds-slider__value{font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--sdds-grey-800);color:var(--sdds-white)}.sdds-slider .sdds-slider__value svg{position:absolute;left:50%;transform:translateX(-50%);top:34px}.sdds-slider .sdds-slider__scrubber{position:absolute}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--sdds-blue-800);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;z-index:10}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--sdds-blue-800);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:24px;height:24px}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.sdds-slider .sdds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.sdds-slider .sdds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--sdds-grey-400);width:1px}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider span{display:block;user-select:none;color:var(-sdds-grey-700);font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.sdds-slider .sdds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--sdds-grey-400);position:relative}.sdds-slider .sdds-slider__track:focus{outline:0}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:24px;height:24px}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-blue-800);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.sdds-slider.disabled{cursor:not-allowed}.sdds-slider.disabled>*{pointer-events:none}.sdds-slider.disabled label{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg path,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg path{fill:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper{pointer-events:none}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{color:var(--sdds-grey-400);pointer-events:none}.sdds-slider.disabled .sdds-slider__value{display:none}.sdds-slider.disabled .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__scrubber{pointer-events:none}.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner{background:var(--sdds-grey-400);cursor:default}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:16px;height:16px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{width:40px;height:40px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:20px;height:20px}";
-
-const Slider = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sliderChangeEmitter = index.createEvent(this, "sliderChange", 7);
-    this.wrapperElement = null;
-    this.scrubberElement = null;
-    this.scrubberInnerElement = null;
-    this.dividersElement = null;
-    this.trackElement = null;
-    this.trackFillElement = null;
-    this.minusElement = null;
-    this.plusElement = null;
-    this.inputElement = null;
-    this.nativeRangeInputElement = null;
-    this.scrubberGrabPos = { x: 0, y: 0 };
-    this.scrubberGrabbed = false;
-    this.scrubberLeft = 0;
-    this.tickValues = [];
-    this.disabledState = false;
-    this.readonlyState = false;
-    this.useControls = false;
-    this.useInput = false;
-    this.useSmall = false;
-    this.useSnapping = false;
-    this.supposedValueSlot = -1;
-    this.eventListenersAdded = false;
-    this.resizeObserverAdded = false;
-    this.label = '';
-    this.value = '0';
-    this.min = '0';
-    this.max = '100';
-    this.ticks = '0';
-    this.showTickNumbers = false;
-    this.tooltip = null;
-    this.disabled = null;
-    this.readOnly = null;
-    this.controls = null;
-    this.input = null;
-    this.step = '1';
-    this.name = '';
-    this.size = '';
-    this.snap = null;
-  }
-  /** Public method to re-initialise the slider if some configuration props are changed */
-  async reset() {
-    // @TODO: maybe refactor to use watch-decorators instead
-    this.componentWillLoad();
-    this.componentDidLoad();
-  }
-  handleKeydown(event) {
-    switch (event.key) {
-      case 'ArrowLeft':
-        this.stepLeft();
-        break;
-      case 'ArrowRight':
-        this.stepRight();
-        break;
-    }
-  }
-  handleMouseUp() {
-    if (!this.scrubberGrabbed) {
-      return;
-    }
-    this.scrubberGrabbed = false;
-    this.scrubberInnerElement.classList.remove('pressed');
-    this.updateValue();
-    this.trackElement.focus();
-  }
-  handleTouchEnd() {
-    if (!this.scrubberGrabbed) {
-      return;
-    }
-    this.scrubberGrabbed = false;
-    this.scrubberInnerElement.classList.remove('pressed');
-    this.updateValue();
-    this.trackElement.focus();
-  }
-  handleMouseMove(event) {
-    if (!this.scrubberGrabbed) {
-      return;
-    }
-    const numTicks = parseInt(this.ticks);
-    const trackRect = this.trackElement.getBoundingClientRect();
-    let localLeft = event.clientX - trackRect.left;
-    this.supposedValueSlot = -1;
-    if (this.useSnapping && numTicks > 0) {
-      const v = Math.round(this.getTrackWidth() / (numTicks + 1));
-      localLeft = Math.round(localLeft / v) * v;
-      this.supposedValueSlot = Math.round(localLeft / v);
-    }
-    this.scrubberLeft = this.constrainScrubber(localLeft);
-    this.scrubberElement.style.left = `${this.scrubberLeft}px`;
-    this.updateValue();
-    this.updateTrack();
-  }
-  handleTouchMove(event) {
-    event.preventDefault();
-    if (!this.scrubberGrabbed) {
-      return;
-    }
-    const numTicks = parseInt(this.ticks);
-    const trackRect = this.trackElement.getBoundingClientRect();
-    let localLeft = event.touches[0].clientX - trackRect.left;
-    this.supposedValueSlot = -1;
-    if (this.useSnapping && numTicks > 0) {
-      const v = Math.round(this.getTrackWidth() / (numTicks + 1));
-      localLeft = Math.round(localLeft / v) * v;
-      this.supposedValueSlot = Math.round(localLeft / v);
-    }
-    this.scrubberLeft = this.constrainScrubber(localLeft);
-    this.scrubberElement.style.left = `${this.scrubberLeft}px`;
-    this.updateValue();
-    this.updateTrack();
-  }
-  updateTrack() {
-    const trackWidth = this.getTrackWidth();
-    const percentageFilled = (this.scrubberLeft / trackWidth) * 100;
-    this.trackFillElement.style.width = `${percentageFilled}%`;
-  }
-  dispatchChangeEvent() {
-    this.sliderChangeEmitter.emit({ value: this.value });
-  }
-  updateValue() {
-    const trackWidth = this.getTrackWidth();
-    /* if snapping (supposedValueSlot > 0) is enabled, make sure we display the supposed value (instead of maybe getting a -1/+1 depending on rounding)  */
-    if (this.supposedValueSlot > 0) {
-      const supposedValue = this.tickValues[this.supposedValueSlot];
-      this.value = `${supposedValue}`;
-    }
-    else {
-      const percentage = this.scrubberLeft / trackWidth;
-      this.value = `${Math.trunc(this.getMin() + percentage * (this.getMax() - this.getMin()))}`;
-    }
-    this.dispatchChangeEvent();
-  }
-  updateValueForced(value) {
-    this.value = value;
-    this.dispatchChangeEvent();
-  }
-  getMin() {
-    return parseFloat(this.min);
-  }
-  getMax() {
-    return parseFloat(this.max);
-  }
-  constrainScrubber(x) {
-    const width = this.getTrackWidth();
-    if (x < 0) {
-      return 0;
-    }
-    if (x > width) {
-      return width;
-    }
-    return x;
-  }
-  getTrackWidth() {
-    const trackRect = this.trackElement.getBoundingClientRect();
-    return trackRect.right - trackRect.left;
-  }
-  calculateScrubberLeftFromValue(value) {
-    const initValue = value;
-    const trackWidth = this.getTrackWidth();
-    const normalizedValue = initValue - this.getMin();
-    const normalizedMax = this.getMax() - this.getMin();
-    const calculatedLeft = (normalizedValue / normalizedMax) * trackWidth;
-    this.scrubberLeft = calculatedLeft;
-    this.scrubberElement.style.left = `${this.scrubberLeft}px`;
-  }
-  componentDidLoad() {
-    if (!this.resizeObserverAdded) {
-      this.resizeObserverAdded = true;
-      const resizeObserver = new ResizeObserver(( /* entries */) => {
-        this.calculateScrubberLeftFromValue(this.value);
-        this.updateTrack();
-      });
-      resizeObserver.observe(this.wrapperElement);
-    }
-    if (!this.eventListenersAdded) {
-      this.eventListenersAdded = true;
-      this.scrubberElement.addEventListener('mousedown', event => {
-        event.preventDefault();
-        this.grabScrubber(event.offsetX, event.offsetY);
-      });
-      this.scrubberElement.addEventListener('touchstart', event => {
-        const rect = this.scrubberElement.getBoundingClientRect();
-        const x = event.targetTouches[0].pageX - rect.left;
-        const y = event.targetTouches[0].pageY - rect.top;
-        this.grabScrubber(x, y);
-      });
-      if (this.useControls) {
-        this.minusElement.addEventListener('click', () => {
-          this.stepLeft();
-        });
-        this.plusElement.addEventListener('click', () => {
-          this.stepRight();
-        });
-      }
-      if (this.inputElement) {
-        this.inputElement.addEventListener('keydown', event => {
-          event.stopPropagation();
-          if (event.key === 'Enter') {
-            let newValue = parseInt(this.inputElement.value);
-            if (newValue < this.getMin()) {
-              newValue = this.getMin();
-            }
-            else if (newValue > this.getMax()) {
-              newValue = this.getMax();
-            }
-            this.calculateScrubberLeftFromValue(newValue);
-            this.updateValueForced(newValue);
-            this.updateTrack();
-            this.inputElement.blur();
-            this.wrapperElement.focus();
-          }
-        });
-      }
-    }
-    this.calculateScrubberLeftFromValue(this.value);
-    this.updateTrack();
-  }
-  grabScrubber(xOffset, yOffset) {
-    if (this.readonlyState) {
-      return;
-    }
-    this.scrubberGrabPos = {
-      x: xOffset,
-      y: yOffset,
-    };
-    this.scrubberGrabbed = true;
-    this.scrubberInnerElement.classList.add('pressed');
-  }
-  calculateInputSizeFromMax() {
-    return this.max.length;
-  }
-  controlsStep(delta) {
-    if (this.readonlyState) {
-      return;
-    }
-    const trackWidth = this.getTrackWidth();
-    const percentage = this.scrubberLeft / trackWidth;
-    const numTicks = parseInt(this.ticks);
-    let currentValue = this.getMin() + percentage * (this.getMax() - this.getMin());
-    currentValue += delta;
-    if (currentValue < this.getMin()) {
-      currentValue = this.getMin();
-    }
-    else if (currentValue > this.getMax()) {
-      currentValue = this.getMax();
-    }
-    this.value = `${currentValue}`;
-    /* if snapping is enabled, instead just increment or decrement the current "fixed" value from our ticknumber array */
-    if (this.useSnapping && numTicks > 0) {
-      const stepDir = delta > 0 ? 1 : -1;
-      this.supposedValueSlot += stepDir;
-      if (this.supposedValueSlot < 0) {
-        this.supposedValueSlot = 0;
-      }
-      else if (this.supposedValueSlot > numTicks + 1) {
-        this.supposedValueSlot = numTicks + 1;
-      }
-    }
-    this.calculateScrubberLeftFromValue(currentValue);
-    this.updateTrack();
-    this.updateValue();
-  }
-  stepLeft() {
-    this.controlsStep(-parseInt(this.step));
-  }
-  stepRight() {
-    this.controlsStep(parseInt(this.step));
-  }
-  componentWillLoad() {
-    const numTicks = parseInt(this.ticks);
-    if (numTicks > 0) {
-      this.tickValues = [this.getMin()];
-      const step = (this.getMax() - this.getMin()) / (numTicks + 1);
-      for (let i = 1; i < numTicks + 1; i++) {
-        this.tickValues.push(this.getMin() + Math.round(step * i));
-      }
-      this.tickValues.push(this.getMax());
-    }
-    if (this.disabled !== null) {
-      this.disabledState = true;
-    }
-    else {
-      this.disabledState = false;
-    }
-    if (this.readOnly !== null) {
-      this.readonlyState = true;
-    }
-    else {
-      this.readonlyState = false;
-    }
-    this.useInput = false;
-    this.useControls = false;
-    if (this.controls !== null) {
-      this.useControls = true;
-    }
-    else if (this.input !== null) {
-      this.useInput = true;
-    }
-    this.useSmall = false;
-    if (this.size === 'sm') {
-      this.useSmall = true;
-    }
-    this.useSnapping = false;
-    if (this.snap !== null) {
-      this.useSnapping = true;
-    }
-    const min = this.getMin();
-    const max = this.getMax();
-    if (min > max) {
-      console.warn('min-prop must have a higher value than max-prop for the component to work correctly.');
-      this.disabledState = true;
-    }
-  }
-  render() {
-    return (index.h("div", { class: 'sdds-slider-wrapper ' + (this.readonlyState && 'read-only') }, index.h("input", { ref: el => (this.nativeRangeInputElement = el), class: "sdds-slider-native-element", type: "range", value: this.value, name: this.name, min: this.min, max: this.max }), index.h("div", { class: `sdds-slider ${this.disabledState ? 'disabled' : ''} ${this.useSmall ? 'sdds-slider-small' : ''}`, ref: el => (this.wrapperElement = el) }, this.useInput && (index.h("div", { class: "sdds-slider__input-values" }, index.h("div", { ref: el => (this.minusElement = el), class: "sdds-slider__input-value" }, this.min))), this.useControls && (index.h("div", { class: "sdds-slider__controls" }, index.h("div", { ref: el => (this.minusElement = el), class: "sdds-slider__control sdds-slider__control-minus" }, index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.98975 8.00005C1.98975 8.27619 2.2136 8.50005 2.48975 8.50005H13.5104C13.7866 8.50005 14.0104 8.27619 14.0104 8.00005C14.0104 7.72391 13.7866 7.50005 13.5104 7.50005L2.48975 7.50005C2.2136 7.50005 1.98975 7.72391 1.98975 8.00005Z", fill: "#0D0F13" }))))), index.h("div", { class: "sdds-slider-inner" }, index.h("label", { class: this.tickValues.length > 0 && 'offset' }, this.label), this.tickValues.length > 0 && (index.h("div", { class: "sdds-slider__value-dividers-wrapper" }, index.h("div", { ref: el => (this.dividersElement = el), class: "sdds-slider__value-dividers" }, this.tickValues.map(value => (index.h("div", { class: "sdds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { class: "sdds-slider__track", ref: el => (this.trackElement = el), tabindex: "1" }, index.h("div", { class: "sdds-slider__track-fill", ref: el => (this.trackFillElement = el) }), index.h("div", { class: "sdds-slider__scrubber", ref: el => (this.scrubberElement = el) }, this.tooltip !== null && (index.h("div", { class: "sdds-slider__value" }, this.value, index.h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "#37414F" })))), index.h("div", { class: "sdds-slider__scrubber-inner", ref: el => (this.scrubberInnerElement = el) })))), this.useInput && (index.h("div", { class: "sdds-slider__input-values" }, index.h("div", { ref: el => (this.minusElement = el), class: "sdds-slider__input-value", tabindex: "2" }, this.max), index.h("div", { class: "sdds-slider__input-field-wrapper" }, index.h("input", { onFocus: e => {
-        if (this.readonlyState) {
-          e.preventDefault();
-          this.inputElement.blur();
-        }
-      }, size: this.calculateInputSizeFromMax(), class: "sdds-slider__input-field", value: this.value, ref: el => (this.inputElement = el) })))), this.useControls && (index.h("div", { class: "sdds-slider__controls" }, index.h("div", { ref: el => (this.plusElement = el), class: "sdds-slider__control sdds-slider__control-plus" }, index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.50005 13.5104C8.50005 13.7865 8.27619 14.0104 8.00005 14.0104C7.7239 14.0104 7.50005 13.7865 7.50005 13.5104V8.5H2.48975C2.2136 8.5 1.98975 8.27614 1.98975 8C1.98975 7.72386 2.2136 7.5 2.48975 7.5H7.50005V2.48965C7.50005 2.21351 7.7239 1.98965 8.00005 1.98965C8.27619 1.98965 8.50005 2.21351 8.50005 2.48965V7.5H13.5104C13.7866 7.5 14.0104 7.72386 14.0104 8C14.0104 8.27614 13.7866 8.5 13.5104 8.5H8.50005V13.5104Z", fill: "#0D0F13" }))))))));
-  }
-};
-Slider.style = sliderCss;
-
-exports.sdds_slider = Slider;

package/dist/cjs/sdds-spinner.cjs.entry.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e1c79686.js');
-
-const spinnerCss = ":root,html{--sdds-spinner-background:var(--sdds-blue-400);--sdds-spinner-background-inverted:var(--sdds-white);--sdds-spinner-speed:1.8s;--sdds-spinner-speed-lg:2s;--sdds-spinner-radius-xs:8px;--sdds-spinner-radius-sm:12px;--sdds-spinner-radius-md:26px;--sdds-spinner-radius-lg:42px;--sdds-spinner-radius:var(--sdds-spinner-radius-lg);--sdds-spinner-stroke-width-xs:3px;--sdds-spinner-stroke-width-sm:4px;--sdds-spinner-stroke-width-md:6px;--sdds-spinner-stroke-width-lg:8px;--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.sdds-spinner-svg{width:calc(var(--sdds-spinner-radius) * 2);height:calc(var(--sdds-spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.sdds-spinner-svg-xs{--sdds-spinner-radius:var(--sdds-spinner-radius-xs);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-xs);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-sm{--sdds-spinner-radius:var(--sdds-spinner-radius-sm);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-sm);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-md{--sdds-spinner-radius:var(--sdds-spinner-radius-md);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-md);--sdds-spinner-animation-speed:var(--sdds-spinner-speed)}.sdds-spinner-svg-lg{--sdds-spinner-radius:var(--sdds-spinner-radius-lg);--sdds-spinner-stroke-width:var(--sdds-spinner-stroke-width-lg);--sdds-spinner-animation-speed:var(--sdds-spinner-speed-lg)}.sdds-spinner-circle{cx:var(--sdds-spinner-radius);cy:var(--sdds-spinner-radius);r:calc(var(--sdds-spinner-radius) - var(--sdds-spinner-stroke-width) / 2);stroke-width:var(--sdds-spinner-stroke-width);fill:none;--sdds-spinner-stroke-dash:calc((2 * var(--PI)) * var(--sdds-spinner-radius));stroke-dasharray:var(--sdds-spinner-stroke-dash);stroke-width:var(--sdds-spinner-stroke-width);animation:dash var(--sdds-spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.sdds-spinner-circle-standard{stroke:var(--sdds-spinner-background)}.sdds-spinner-circle-inverted{stroke:var(--sdds-spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--sdds-spinner-stroke-dash))}to{stroke-dashoffset:var(--sdds-spinner-stroke-dash)}}";
-
-const Spinner = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.size = 'lg';
-    this.variant = 'standard';
-  }
-  render() {
-    return (index.h("div", { "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { class: `sdds-spinner-svg sdds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { class: `sdds-spinner-circle sdds-spinner-circle-${this.variant}` }))));
-  }
-};
-Spinner.style = spinnerCss;
-
-exports.sdds_spinner = Spinner;

package/dist/cjs/sdds-table-body-row-expandable.cjs.entry.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e1c79686.js');
-
-const tableBodyRowExpandableCss = ":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .sdds-table__row,:host .sdds-table__row-extend{display:table-row;border-bottom:1px solid var(--sdds-grey-400);background-color:var(--sdds-white);transition:background-color 200ms ease}:host .sdds-table__row:hover,:host .sdds-table__row-extend:hover{background-color:var(--sdds-grey-100)}:host .sdds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px}:host .sdds-table__expand-control-container .sdds-table__expand-input{display:none}:host .sdds-table__expand-control-container .sdds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .sdds-table__row-expand{visibility:collapse;transition:background-color 200ms ease}:host .sdds-table__row-expand .sdds-table__cell-expand{padding:16px 16px 16px 66px}:host(.sdds-table__row-expand--active) .sdds-table__row{background-color:var(--sdds-grey-300)}:host(.sdds-table__row-expand--active) .sdds-table__expand-control-container .sdds-expendable-row-icon{transform:rotate(180deg)}:host(.sdds-table__row-expand--active) .sdds-table__row-expand{background-color:var(--sdds-grey-300);visibility:visible}:host(.sdds-table__compact) .sdds-table__expand-control-container{height:30px}:host(.sdds-table__compact) .sdds-table__row-expand .sdds-table__cell-expand{padding:8px 16px 8px 66px}:host(.sdds-table--divider) .sdds-table__cell--expand{border-right:1px solid var(--sdds-grey-400)}:host(.sdds-table--on-white-bg) .sdds-table__row,:host(.sdds-table--on-white-bg) .sdds-table__row-extend{background-color:var(--sdds-grey-50)}:host(.sdds-table--on-white-bg:hover) .sdds-table__row,:host(.sdds-table--on-white-bg:hover) .sdds-table__row-extend{background-color:var(--sdds-grey-200)}:host(.sdds-table__row-expand--active.sdds-table--on-white-bg) .sdds-table__row,:host(.sdds-table__row-expand--active.sdds-table--on-white-bg) .sdds-table__row-extend{background-color:var(--sdds-grey-300)}";
-
-const relevantTableProps = [
-  'verticalDividers',
-  'compactDesign',
-  'noMinWidth',
-  'whiteBackground',
-];
-const TableBodyRowExpandable = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.singleRowExpandedEvent = index.createEvent(this, "singleRowExpandedEvent", 7);
-    this.runPaginationEvent = index.createEvent(this, "runPaginationEvent", 7);
-    this.colSpan = null;
-    this.isExpanded = false;
-    this.tableId = '';
-    this.columnsNumber = null;
-    this.verticalDividers = false;
-    this.compactDesign = false;
-    this.noMinWidth = false;
-    this.whiteBackground = false;
-  }
-  tablePropsChangedEventListener(event) {
-    if (this.tableId === event.detail.tableId) {
-      event.detail.changed
-        .filter((changedProp) => relevantTableProps.includes(changedProp))
-        .forEach((changedProp) => {
-        if (typeof this[changedProp] === 'undefined') {
-          throw new Error(`Table prop is not supported: ${changedProp}`);
-        }
-        this[changedProp] = event.detail[changedProp];
-      });
-    }
-  }
-  connectedCallback() {
-    this.tableEl = this.host.closest('sdds-table');
-    this.tableId = this.tableEl.tableId;
-  }
-  componentWillLoad() {
-    relevantTableProps.forEach((tablePropName) => {
-      this[tablePropName] = this.tableEl[tablePropName];
-    });
-  }
-  componentDidLoad() {
-    this.runPaginationEvent.emit(this.tableId);
-  }
-  componentWillRender() {
-    if (this.colSpan !== null) {
-      this.columnsNumber = this.colSpan;
-    }
-    else {
-      this.columnsNumber = this.tableEl.querySelector('sdds-table-header').childElementCount + 1;
-    }
-  }
-  sendValue() {
-    this.singleRowExpandedEvent.emit([this.tableId, this.isExpanded]);
-  }
-  onChangeHandler(event) {
-    this.isExpanded = event.currentTarget.checked === true;
-    this.sendValue();
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        'sdds-table__row': true,
-        'sdds-table__row-expand--active': this.isExpanded,
-        'sdds-table__compact': this.compactDesign,
-        'sdds-table--divider': this.verticalDividers,
-        'sdds-table--on-white-bg': this.whiteBackground,
-      } }, index.h("tr", { class: "sdds-table__row" }, index.h("td", { class: "sdds-table__cell sdds-table__cell--expand" }, index.h("label", { class: "sdds-table__expand-control-container" }, index.h("input", { class: "sdds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), index.h("span", { class: "sdds-expendable-row-icon" }, index.h("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", null)), index.h("tr", { class: "sdds-table__row-expand" }, index.h("td", { class: "sdds-table__cell-expand", colSpan: this.columnsNumber }, index.h("slot", { name: "expand-row" })))));
-  }
-  get host() { return index.getElement(this); }
-};
-TableBodyRowExpandable.style = tableBodyRowExpandableCss;
-
-exports.sdds_table_body_row_expandable = TableBodyRowExpandable;