@scania/tegel 0.0.7 → 0.0.9

package/dist/esm/sdds-side-menu-user-image_2.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-2d8c4bc9.js';
-
-const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
-
-const SideMenuUserImage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.src = undefined;
-    this.alt = undefined;
-  }
-  render() {
-    return (h(Host, null, h("slot", null), this.src && h("img", { src: this.src, alt: this.alt })));
-  }
-};
-SideMenuUserImage.style = sideMenuUserImageCss;
-
-const sideMenuUserLabelCss = ":host{display:block;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--sdds-grey-500)}";
-
-const SideMenuUserLabel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.subheading = undefined;
-  }
-  render() {
-    return (h(Host, null, this.heading, this.subheading && h("div", { class: "subheading" }, this.subheading)));
-  }
-};
-SideMenuUserLabel.style = sideMenuUserLabelCss;
-
-export { SideMenuUserImage as sdds_side_menu_user_image, SideMenuUserLabel as sdds_side_menu_user_label };

package/dist/esm/sdds-side-menu-user.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-2d8c4bc9.js';
-
-const sideMenuUserCss = ":host{display:flex;align-items:center;gap:12px;height:68px}:host sdds-side-menu-user-image{margin-left:-4px}";
-
-const SideMenuUser = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.subheading = undefined;
-    this.imgSrc = undefined;
-    this.imgAlt = undefined;
-  }
-  render() {
-    return (h(Host, null, h("sdds-side-menu-user-image", { src: this.imgSrc, alt: this.imgAlt }, h("slot", { name: "image" })), h("sdds-side-menu-user-label", { heading: this.heading, subheading: this.subheading })));
-  }
-};
-SideMenuUser.style = sideMenuUserCss;
-
-export { SideMenuUser as sdds_side_menu_user };

package/dist/esm/sdds-side-menu.entry.js

@@ -1,104 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d8c4bc9.js';
-import { d as dfs, b as isFocusable } from './utils-a3c1c64a.js';
-
-const sideMenuCss = ":host([open]){pointer-events:auto;z-index:301}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .sdds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(sdds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(sdds-side-menu-close-button){opacity:1}:host .state-open .sdds-side-menu-wrapper{transform:scaleY(1)}:host .state-upper-slot-empty .sdds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .sdds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}@media (min-width: 992px){:host([persistent]){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host([persistent]) .wrapper slot[name=overlay]::slotted(sdds-side-menu-overlay){display:none}:host([persistent]) .wrapper slot[name=close-button]::slotted(sdds-side-menu-close-button){display:none}:host([persistent]) .wrapper .sdds-side-menu-wrapper{transform:none}:host([persistent]) .menu{width:272px}:host([persistent]) .state-closed{display:block}:host([persistent]):host([collapsed]){width:69px}:host([persistent]):host([collapsed]) .menu{width:68px}:host([persistent]) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .sdds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--sdds-sidebar-side-menu-background-cover);transition:transform 250ms ease;transform-origin:top;transform:scaleY(0);overflow-y:auto}aside .sdds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .sdds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}aside .sdds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";
-
-const GRID_LG_BREAKPOINT = '992px';
-const OPENING_ANIMATION_DURATION = 400;
-const INITIALIZE_ANIMATION_DELAY = 500;
-const SddsSideMenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.collapsedEventEmitter = createEvent(this, "sddsSideMenuCollapsed", 7);
-    this.handleMatchesLgBreakpointChange = (e) => {
-      const isBelowLg = !e.matches;
-      if (isBelowLg) {
-        this.collapsed = false;
-      }
-    };
-    this.open = false;
-    this.persistent = false;
-    this.collapsed = false;
-    this.isUpperSlotEmpty = false;
-    this.isClosed = true;
-    this.isOpen = false;
-    this.isClosing = false;
-    this.isOpening = false;
-  }
-  connectedCallback() {
-    this.collapsedEventEmitter.emit({
-      collapsed: this.collapsed,
-    });
-    this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT})`);
-    this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);
-  }
-  componentDidLoad() {
-    setTimeout(() => this.onOpenChange(this.open), INITIALIZE_ANIMATION_DELAY);
-    const upperSlot = this.host.shadowRoot.querySelector('slot:not([name])');
-    const upperSlotElements = upperSlot.assignedElements();
-    const hasUpperSlotElements = (upperSlotElements === null || upperSlotElements === void 0 ? void 0 : upperSlotElements.length) > 0;
-    if (!hasUpperSlotElements) {
-      this.isUpperSlotEmpty = true;
-    }
-  }
-  disconnectedCallback() {
-    this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);
-  }
-  onOpenChange(newVal, oldVal) {
-    if (newVal && !oldVal) {
-      this.setOpening();
-    }
-    if (!newVal && oldVal) {
-      this.setClosing();
-    }
-  }
-  onCollapsedChange(newVal) {
-    this.collapsedEventEmitter.emit({
-      collapsed: newVal,
-    });
-  }
-  onIsOpenChange(newVal) {
-    if (newVal) {
-      const firstFocusableElement = dfs(this.host, isFocusable, true);
-      firstFocusableElement.focus();
-    }
-  }
-  async setOpening() {
-    this.isClosed = false;
-    await new Promise((resolve) => {
-      setTimeout(resolve, 0);
-    });
-    this.isOpening = true;
-    await new Promise((resolve) => {
-      setTimeout(resolve, OPENING_ANIMATION_DURATION);
-    });
-    this.isOpening = false;
-    this.isOpen = true;
-  }
-  async setClosing() {
-    this.isOpen = false;
-    this.isClosing = true;
-    await new Promise((resolve) => {
-      setTimeout(resolve, OPENING_ANIMATION_DURATION);
-    });
-    this.isClosing = false;
-    this.isClosed = true;
-  }
-  render() {
-    return (h(Host, { role: "navigation" }, h("div", { class: {
-        'wrapper': true,
-        'state-upper-slot-empty': this.isUpperSlotEmpty,
-        'state-open': this.isOpen || this.isOpening,
-        'state-closed': this.isClosed,
-      } }, h("slot", { name: "overlay" }), h("aside", { class: `menu` }, h("slot", { name: "close-button" }), h("div", { class: "sdds-side-menu-wrapper" }, h("ul", { class: `sdds-side-menu-list sdds-side-menu-list-upper` }, h("slot", null)), h("ul", { class: `sdds-side-menu-list sdds-side-menu-list-end` }, h("slot", { name: "end" }))), h("slot", { name: "sticky-end" })))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["onOpenChange"],
-    "collapsed": ["onCollapsedChange"],
-    "isOpening": ["onIsOpenChange"]
-  }; }
-};
-SddsSideMenu.style = sideMenuCss;
-
-export { SddsSideMenu as sdds_side_menu };

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

@@ -1,349 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-2d8c4bc9.js';
-
-const sliderCss = ":root,.sdds-mode-light{--sdds-slider-label-color:var(--sdds-grey-958);--sdds-slider-thumb-color:var(--sdds-blue-800);--sdds-slider-divider-color:var(--sdds-grey-400);--sdds-slider-track-color:var(--sdds-grey-400);--sdds-slider-track-fill-color:var(--sdds-blue-800);--sdds-slider-input-inputfield-color:var(--sdds-grey-700);--sdds-slider-inputfield-color:var(--sdds-grey-400);--sdds-slider-controls-color:var(--sdds-grey-958);--sdds-slider-inputfield-background:var(--sdds-white);--sdds-slider-inputfield-box-shadow:var(--sdds-grey-400);--sdds-slider-divider-values-color:var(--sdds-grey-958);--sdds-slider-disabled:var(--sdds-grey-400);--sdds-slider-value-tooltip-background:var(--sdds-grey-800);--sdds-slider-value-tooltip-color:var(--sdds-white)}.sdds-mode-dark{--sdds-slider-label-color:var(--sdds-grey-100);--sdds-slider-thumb-color:var(--sdds-grey-100);--sdds-slider-divider-color:var(--sdds-grey-700);--sdds-slider-track-color:var(--sdds-grey-700);--sdds-slider-track-fill-color:var(--sdds-grey-100);--sdds-slider-inputfield-color:var(--sdds-grey-700);--sdds-slider-input-inputfield-color:var(--sdds-grey-400);--sdds-slider-controls-color:var(--sdds-grey-100);--sdds-slider-inputfield-background:var(--sdds-grey-900);--sdds-slider-inputfield-box-shadow:var(--sdds-grey-800);--sdds-slider-divider-values-color:var(--sdds-grey-100);--sdds-slider-disabled:var(--sdds-grey-700);--sdds-slider-value-tooltip-background:var(--sdds-grey-200);--sdds-slider-value-tooltip-color:var(--sdds-grey-958)}sdds-slider{box-sizing:border-box;width:100%}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-value.min-value{padding-left:0px}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper{background-color:var(--sdds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.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-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--sdds-slider-inputfield-box-shadow);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-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.sdds-slider label.offset{padding-bottom:34px}.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-slider-value-tooltip-background);color:var(--sdds-slider-value-tooltip-color)}.sdds-slider .sdds-slider__value svg{color:var(--sdds-slider-value-tooltip-background);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-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--sdds-slider-thumb-color);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-slider-divider-color);color:var(--sdds-slider-divider-values-color);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-slider-track-color);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-slider-track-fill-color);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-slider-disabled)}.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,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg{fill:var(--sdds-slider-disabled)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value{color:var(--sdds-slider-disabled)}.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-slider-disabled);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-slider-disabled)}.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span{color:var(--sdds-slider-disabled)}.sdds-slider.disabled .sdds-slider__scrubber{pointer-events:none}.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner{background-color:var(--sdds-slider-disabled);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}.sdds-slider .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus sdds-icon,.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus sdds-icon{color:var(--sdds-slider-controls-color)}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus sdds-icon,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus sdds-icon{color:var(--sdds-slider-disabled)}";
-
-const Slider = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sddsChange = createEvent(this, "sddsChange", 6);
-    this.wrapperElement = null;
-    this.scrubberElement = null;
-    this.scrubberInnerElement = null;
-    this.trackElement = null;
-    this.trackFillElement = null;
-    this.minusElement = null;
-    this.plusElement = null;
-    this.inputElement = null;
-    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 = false;
-    this.disabled = false;
-    this.readOnly = false;
-    this.controls = false;
-    this.input = false;
-    this.step = '1';
-    this.name = '';
-    this.scrubberSize = 'lg';
-    this.snap = false;
-    this.sliderId = crypto.randomUUID();
-  }
-  /** 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;
-    }
-    this.scrubberCore(event);
-  }
-  handleTouchMove(event) {
-    event.preventDefault();
-    if (!this.scrubberGrabbed) {
-      return;
-    }
-    this.scrubberCore(event);
-  }
-  scrubberCore(event) {
-    const numTicks = parseInt(this.ticks);
-    const trackRect = this.trackElement.getBoundingClientRect();
-    let localLeft = 0;
-    if (event.type === 'mousemove') {
-      localLeft = event.clientX - trackRect.left;
-    }
-    else if (event.type === 'touchmove') {
-      localLeft = event.touches[0].clientX - trackRect.left;
-    }
-    else
-      console.warn('Slider component: Unsupported event!');
-    this.supposedValueSlot = -1;
-    if (this.useSnapping && numTicks > 0) {
-      const trackWidth = this.getTrackWidth();
-      const distanceBetweenTicks = Math.round(trackWidth / (numTicks + 1));
-      localLeft = Math.round(localLeft / distanceBetweenTicks) * distanceBetweenTicks;
-      let scrubberPositionPX = 0;
-      if (localLeft >= 0 && localLeft <= trackWidth) {
-        scrubberPositionPX = localLeft;
-      }
-      else if (localLeft > trackWidth) {
-        scrubberPositionPX = trackWidth;
-      }
-      else if (localLeft < 0) {
-        scrubberPositionPX = 0;
-      }
-      this.supposedValueSlot = Math.round(scrubberPositionPX / distanceBetweenTicks);
-    }
-    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.sddsChange.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();
-      });
-      this.scrubberElement.addEventListener('touchstart', () => {
-        this.grabScrubber();
-      });
-      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() {
-    if (this.readonlyState) {
-      return;
-    }
-    this.scrubberGrabbed = true;
-    this.scrubberInnerElement.classList.add('pressed');
-  }
-  calculateInputSizeFromMax() {
-    return this.max.length;
-  }
-  controlsStep(delta) {
-    if (this.readonlyState || this.disabled) {
-      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) {
-      this.disabledState = true;
-    }
-    else {
-      this.disabledState = false;
-    }
-    if (this.readOnly) {
-      this.readonlyState = true;
-    }
-    else {
-      this.readonlyState = false;
-    }
-    this.useInput = false;
-    this.useControls = false;
-    if (this.controls) {
-      this.useControls = true;
-    }
-    else if (this.input) {
-      this.useInput = true;
-    }
-    this.useSmall = false;
-    if (this.scrubberSize === 'sm') {
-      this.useSmall = true;
-    }
-    this.useSnapping = false;
-    if (this.snap) {
-      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 (h("div", { class: `sdds-slider-wrapper ${this.readonlyState ? 'read-only' : ''}` }, h("input", { class: "sdds-slider-native-element", type: "range", value: this.value, name: this.name, min: this.min, max: this.max, disabled: this.disabled }), h("div", { class: `sdds-slider ${this.disabledState ? 'disabled' : ''} ${this.useSmall ? 'sdds-slider-small' : ''}`, ref: (el) => {
-        this.wrapperElement = el;
-      } }, h("label", { class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { class: "sdds-slider__input-values" }, h("div", { ref: (el) => {
-        this.minusElement = el;
-      }, class: "sdds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { class: "sdds-slider__controls" }, h("div", { ref: (el) => (this.minusElement = el), class: "sdds-slider__control sdds-slider__control-minus" }, h("sdds-icon", { name: "minus", size: "16px" })))), h("div", { class: "sdds-slider-inner" }, this.tickValues.length > 0 && (h("div", { class: "sdds-slider__value-dividers-wrapper" }, h("div", { class: "sdds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "sdds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { class: "sdds-slider__track", ref: (el) => {
-        this.trackElement = el;
-      }, tabindex: this.disabled ? '-1' : '0' }, h("div", { class: "sdds-slider__track-fill", ref: (el) => {
-        this.trackFillElement = el;
-      } }), h("div", { class: "sdds-slider__scrubber", ref: (el) => {
-        this.scrubberElement = el;
-      } }, this.tooltip && (h("div", { class: "sdds-slider__value" }, this.value, h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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: "currentColor" })))), h("div", { class: "sdds-slider__scrubber-inner", ref: (el) => {
-        this.scrubberInnerElement = el;
-      } })))), this.useInput && (h("div", { class: "sdds-slider__input-values" }, h("div", { ref: (el) => {
-        this.minusElement = el;
-      }, class: "sdds-slider__input-value" }, this.max), h("div", { class: "sdds-slider__input-field-wrapper" }, 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 && (h("div", { class: "sdds-slider__controls" }, h("div", { ref: (el) => (this.plusElement = el), class: "sdds-slider__control sdds-slider__control-plus" }, h("sdds-icon", { name: "plus", size: "16px" })))))));
-  }
-};
-Slider.style = sliderCss;
-
-export { Slider as sdds_slider };

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

@@ -1,17 +0,0 @@
-import { r as registerInstance, h } from './index-2d8c4bc9.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) {
-    registerInstance(this, hostRef);
-    this.size = 'lg';
-    this.variant = 'standard';
-  }
-  render() {
-    return (h("div", { "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { class: `sdds-spinner-svg sdds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { class: `sdds-spinner-circle sdds-spinner-circle-${this.variant}` }))));
-  }
-};
-Spinner.style = spinnerCss;
-
-export { Spinner as sdds_spinner };

package/dist/esm/sdds-stepper-item.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2d8c4bc9.js';
-
-const sddsStepperItemCss = ":host{position:relative;display:table-cell}:host sdds-icon{line-height:1}:host [role=listItem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listItem].text-below{flex-direction:column}:host [role=listItem].lg{padding:0 20px;font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls)}:host [role=listItem].lg .content-container{height:30px;min-width:30px}:host [role=listItem].lg.vertical::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:36px;width:1px;top:40px;left:36px}:host [role=listItem].lg.horizontal::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listItem].lg.horizontal::before{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listItem].lg.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listItem].lg.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listItem].sm{padding:0 20px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls)}:host [role=listItem].sm .content-container{height:24px;min-width:24px}:host [role=listItem].sm.vertical::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listItem].sm.vertical::before{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listItem].sm.horizontal::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listItem].sm.horizontal::before{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listItem].sm.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listItem].sm.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--sdds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listItem] .content-container{border-radius:100px;border:1px solid var(--sdds-stepper-icon-background);display:flex;justify-content:center;align-items:center;position:relative}:host [role=listItem] .content-container.error{border-color:var(--sdds-negative);color:var(--sdds-negative)}:host [role=listItem] .content-container.success{background-color:var(--sdds-positive);border-color:var(--sdds-positive);color:var(--sdds-white)}:host [role=listItem] .content-container.upcoming{background-color:transparent;border-color:var(--sdds-stepper-label-border-color-upcoming);color:var(--sdds-stepper-label-text-color-upcoming);opacity:var(--sdds-stepper-label-text-opacity-upcoming)}:host [role=listItem] .label{text-align:center}:host [role=listItem] .label.lg{font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls)}:host [role=listItem] .label.sm{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls)}:host [role=listItem] .label.upcoming{color:var(--sdds-stepper-label-text-color-upcoming);opacity:var(--sdds-stepper-label-text-opacity-upcoming)}:host(.last) [role=listItem].sm::after,:host(.last) [role=listItem].lg::after{display:none}:host(.last) [role=listItem].sm.vertical::before{display:none}:host(.first) [role=listItem].sm::before,:host(.first) [role=listItem].lg::before{display:none}";
-
-const SddsStepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.index = undefined;
-    this.state = 'upcoming';
-    this.hideLabel = undefined;
-    this.size = undefined;
-    this.orientation = undefined;
-    this.labelPosition = undefined;
-  }
-  /* Needs to be onload to do this on any updates. */
-  componentWillLoad() {
-    this.stepperEl = this.el.closest('sdds-stepper');
-    this.orientation = this.stepperEl.orientation;
-    this.labelPosition = this.stepperEl.labelPosition;
-    this.size = this.stepperEl.size;
-    this.hideLabel = this.stepperEl.hideLabels;
-    this.stepperId = this.stepperEl.stepperId;
-  }
-  handlePropsChange(event) {
-    if (this.stepperId === event.detail.stepperId) {
-      event.detail.changed.forEach((changedProp) => {
-        if (typeof this[changedProp] === 'undefined') {
-          throw new Error(`Table prop is not supported: ${changedProp}`);
-        }
-        if (this[changedProp] === this.orientation && event.detail[changedProp] === 'vertical') {
-          this.labelPosition = 'aside';
-        }
-        this[changedProp] = event.detail[changedProp];
-      });
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { role: "listItem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabel ? 'hide-labels' : ''}` }, h("div", { class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("sdds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabel && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
-  }
-  get el() { return getElement(this); }
-};
-SddsStepper.style = sddsStepperItemCss;
-
-export { SddsStepper as sdds_stepper_item };

package/dist/esm/sdds-stepper.entry.js

@@ -1,63 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d8c4bc9.js';
-
-const sddsStepperCss = ":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}";
-
-const SddsStepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.internalSddsPropsChange = createEvent(this, "internalSddsPropsChange", 6);
-    this.orientation = 'horizontal';
-    this.labelPosition = 'below';
-    this.size = 'lg';
-    this.hideLabels = false;
-    this.stepperId = crypto.randomUUID();
-  }
-  componentWillLoad() {
-    this.host.children[0].classList.add('first');
-    this.host.children[this.host.children.length - 1].classList.add('last');
-    if (this.orientation === 'vertical') {
-      this.labelPosition = 'aside';
-    }
-  }
-  handleDirectionChange() {
-    this.internalSddsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['orientation'],
-      orientation: this.orientation,
-    });
-  }
-  handleLabelPositionChange() {
-    this.internalSddsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['labelPosition'],
-      labelPosition: this.labelPosition,
-    });
-  }
-  handleSizeChange() {
-    this.internalSddsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['size'],
-      size: this.size,
-    });
-  }
-  handleHideLabelsChange() {
-    this.internalSddsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['hideLabels'],
-      hideLabels: this.hideLabels,
-    });
-  }
-  render() {
-    return (h(Host, null, h("div", { role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", null))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "orientation": ["handleDirectionChange"],
-    "labelPosition": ["handleLabelPositionChange"],
-    "size": ["handleSizeChange"],
-    "hideLabels": ["handleHideLabelsChange"]
-  }; }
-};
-SddsStepper.style = sddsStepperCss;
-
-export { SddsStepper as sdds_stepper };