@nectary/components 3.3.1 → 3.3.2

package/lib/cjs/popover/index.js

@@ -1,148 +0,0 @@
-"use strict";
-
-require('../pop');
-var _utils = require('../utils');
-var _utils2 = require('./utils');
-const templateHTML = '<style>:host{display:contents}#content-wrapper{position:relative;padding-top:4px}:host([tip]) #content-wrapper{padding-top:12px;filter:drop-shadow(var(--sinch-comp-popover-shadow))}:host([orientation^=top]) #content-wrapper{padding-top:0;padding-bottom:4px}:host([orientation^=top][tip]) #content-wrapper{padding-top:0;padding-bottom:12px}#content{background-color:var(--sinch-comp-popover-color-default-background-initial);border:1px solid var(--sinch-comp-popover-color-default-border-initial);border-radius:var(--sinch-comp-popover-shape-radius);box-shadow:var(--sinch-comp-popover-shadow);overflow:hidden}:host([tip]) #content{box-shadow:none}#tip{position:absolute;left:50%;top:13px;transform:translateX(-50%) rotate(180deg);transform-origin:top center;fill:var(--sinch-comp-popover-color-default-background-initial);stroke:var(--sinch-comp-popover-color-default-border-initial);stroke-linecap:square;pointer-events:none;display:none}:host([orientation^=top]) #tip{transform:translateX(-50%) rotate(0);top:calc(100% - 13px)}:host([tip]) #tip:not(.hidden){display:block}</style><sinch-pop id="pop" inset="4"><slot name="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><slot name="content"></slot></div><svg id="tip" width="16" height="9" aria-hidden="true"><path d="m0 0 8 8 8 -8"/></svg></div></sinch-pop>';
-const TIP_SIZE = 16;
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-(0, _utils.defineCustomElement)('sinch-popover', class extends _utils.NectaryElement {
-  #$pop;
-  #$content;
-  #$tip;
-  #controller = null;
-  constructor() {
-    super();
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-    this.#$pop = shadowRoot.querySelector('#pop');
-    this.#$content = shadowRoot.querySelector('#content');
-    this.#$tip = shadowRoot.querySelector('#tip');
-  }
-  connectedCallback() {
-    this.#controller = new AbortController();
-    const {
-      signal
-    } = this.#controller;
-    this.addEventListener('-close', this.#onCloseReactHandler, {
-      signal
-    });
-    this.#$pop.addEventListener('-close', this.#onPopClose, {
-      signal
-    });
-    (0, _utils.subscribeContext)(this.#$content, 'visibility', this.#onContextVisibility, signal);
-    (0, _utils.updateAttribute)(this.#$pop, 'orientation', (0, _utils2.getPopOrientation)(this.orientation));
-  }
-  disconnectedCallback() {
-    this.#controller.abort();
-    this.#controller = null;
-  }
-  static get observedAttributes() {
-    return ['orientation', 'open', 'modal', 'tip', 'aria-label', 'aria-description'];
-  }
-  attributeChangedCallback(name, oldVal, newVal) {
-    if ((0, _utils.isAttrEqual)(oldVal, newVal)) {
-      return;
-    }
-    switch (name) {
-      case 'orientation':
-        {
-          (0, _utils.updateAttribute)(this.#$pop, 'orientation', (0, _utils2.getPopOrientation)(this.orientation));
-          if (this.#$pop.open) {
-            this.#updateTipOrientation();
-          }
-          break;
-        }
-      case 'tip':
-        {
-          const hasTip = (0, _utils.isAttrTrue)(newVal);
-          if (hasTip && this.#$pop.open) {
-            this.#updateTipOrientation();
-          }
-          (0, _utils.updateBooleanAttribute)(this, name, hasTip);
-          break;
-        }
-      case 'modal':
-      case 'open':
-        {
-          (0, _utils.updateAttribute)(this.#$pop, name, newVal);
-          (0, _utils.updateBooleanAttribute)(this, name, (0, _utils.isAttrTrue)(newVal));
-          break;
-        }
-      case 'aria-label':
-      case 'aria-description':
-        {
-          (0, _utils.updateAttribute)(this.#$pop, name, newVal);
-          break;
-        }
-    }
-  }
-  set modal(isModal) {
-    (0, _utils.updateBooleanAttribute)(this, 'modal', isModal);
-  }
-  get modal() {
-    return (0, _utils.getBooleanAttribute)(this, 'modal');
-  }
-  set open(isOpen) {
-    (0, _utils.updateBooleanAttribute)(this, 'open', isOpen);
-  }
-  get open() {
-    return (0, _utils.getBooleanAttribute)(this, 'open');
-  }
-  set tip(hasTip) {
-    (0, _utils.updateBooleanAttribute)(this, 'tip', hasTip);
-  }
-  get tip() {
-    return (0, _utils.getBooleanAttribute)(this, 'tip');
-  }
-  get orientation() {
-    return (0, _utils.getLiteralAttribute)(this, _utils2.orientationValues, 'orientation', 'bottom-left');
-  }
-  set orientation(value) {
-    (0, _utils.updateLiteralAttribute)(this, _utils2.orientationValues, 'orientation', value);
-  }
-  get footprintRect() {
-    return this.#$pop.footprintRect;
-  }
-  get popoverRect() {
-    return this.#$pop.popoverRect;
-  }
-  #onPopClose = () => {
-    this.#dispatchCloseEvent();
-  };
-  #onCloseReactHandler = e => {
-    (0, _utils.getReactEventHandler)(this, 'onClose')?.();
-    (0, _utils.getReactEventHandler)(this, 'on-close')?.(e);
-  };
-  #dispatchCloseEvent() {
-    this.dispatchEvent(new CustomEvent('-close'));
-  }
-  #onContextVisibility = e => {
-    if (e.detail) {
-      this.#updateTipOrientation();
-    } else {
-      this.#resetTipOrientation();
-    }
-  };
-  #resetTipOrientation() {
-    this.#$tip.style.top = '';
-    this.#$tip.style.left = '';
-  }
-  #updateTipOrientation = () => {
-    const orientation = this.orientation;
-    const targetRect = this.#$pop.footprintRect;
-    const contentRect = this.#$content.getBoundingClientRect();
-    const diffX = targetRect.x - contentRect.x;
-    let desiredX = diffX + targetRect.width / 2;
-    if (orientation === 'bottom-left' || orientation === 'top-left') {
-      desiredX = Math.max(desiredX, contentRect.width * 0.75);
-    }
-    if (orientation === 'bottom-right' || orientation === 'top-right') {
-      desiredX = Math.min(desiredX, contentRect.width * 0.25);
-    }
-    const xPos = Math.max(TIP_SIZE, Math.min(desiredX, contentRect.width - TIP_SIZE));
-    this.#$tip.style.left = `${xPos}px`;
-    (0, _utils.setClass)(this.#$tip, 'hidden', (0, _utils.rectOverlap)(targetRect, contentRect));
-  };
-});

package/lib/cjs/popover/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/popover/utils.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.orientationValues = exports.getPopOrientation = void 0;
-const orientationValues = exports.orientationValues = ['top-left', 'top-right', 'bottom-left', 'bottom-right', 'bottom', 'top'];
-const getPopOrientation = orientation => {
-  if (orientation === 'top') {
-    return 'top-stretch';
-  }
-  if (orientation === 'bottom') {
-    return 'bottom-stretch';
-  }
-  return orientation;
-};
-exports.getPopOrientation = getPopOrientation;

package/lib/cjs/progress/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-require('../text');
-var _utils = require('../utils');
-const templateHTML = '<style>:host{display:block}#wrapper{display:flex;align-items:center;height:24px}#bar,#progress{height:8px;border-radius:4px}#progress{background-color:var(--sinch-comp-progress-color-default-background-initial);flex:1;min-width:0}#bar{background-color:var(--sinch-comp-progress-color-default-bar-initial);width:0}#text{display:none;width:46px;--sinch-global-color-text:var(--sinch-comp-progress-color-default-text-initial)}:host([detailed]) #text{display:block}</style><div id="wrapper"><sinch-text id="text" type="m"></sinch-text><div id="progress"><div id="bar"></div></div></div>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-(0, _utils.defineCustomElement)('sinch-progress', class extends _utils.NectaryElement {
-  #$bar;
-  #$text;
-  constructor() {
-    super();
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-    this.#$bar = shadowRoot.querySelector('#bar');
-    this.#$text = shadowRoot.querySelector('#text');
-  }
-  connectedCallback() {
-    this.setAttribute('role', 'progressbar');
-  }
-  static get observedAttributes() {
-    return ['value', 'detailed'];
-  }
-  attributeChangedCallback(name, oldVal, newVal) {
-    switch (name) {
-      case 'value':
-        {
-          const int = (0, _utils.attrValueToInteger)(newVal, {
-            min: 0,
-            max: 100
-          });
-          const intCss = int === null ? '0%' : `${int}%`;
-          this.#$bar.style.width = intCss;
-          this.#$text.textContent = intCss;
-          this.setAttribute('valuenow', int !== null ? String(int) : '0');
-          break;
-        }
-      case 'detailed':
-        {
-          if ((0, _utils.isAttrEqual)(oldVal, newVal)) {
-            break;
-          }
-          (0, _utils.updateBooleanAttribute)(this, name, (0, _utils.isAttrTrue)(newVal));
-          break;
-        }
-    }
-  }
-  get value() {
-    return (0, _utils.getIntegerAttribute)(this, 'value', 0);
-  }
-  set value(value) {
-    (0, _utils.updateAttribute)(this, 'value', value);
-  }
-  get detailed() {
-    return (0, _utils.getBooleanAttribute)(this, 'detailed');
-  }
-  set detailed(isDetailed) {
-    (0, _utils.updateBooleanAttribute)(this, 'detailed', isDetailed);
-  }
-});

package/lib/cjs/progress/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/progress-stepper/index.js

@@ -1,208 +0,0 @@
-"use strict";
-
-var _utils = require('../progress-stepper-item/utils');
-var _utils2 = require('../utils');
-const templateHTML = '<style>:host{display:block}#wrapper{display:flex;width:100%}::slotted(sinch-progress-stepper-item){flex:1;min-width:0}</style><div id="wrapper"><slot></slot></div>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-(0, _utils2.defineCustomElement)('sinch-progress-stepper', class extends _utils2.NectaryElement {
-  #$slot;
-  #controller = null;
-  #$items = [];
-  #currentActiveDescendantIndex = -1;
-  #isGoingToFocusItem = false;
-  constructor() {
-    super();
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-    this.#$slot = shadowRoot.querySelector('slot');
-  }
-  connectedCallback() {
-    this.#controller = new AbortController();
-    const {
-      signal
-    } = this.#controller;
-    const options = {
-      signal
-    };
-    this.role = 'tablist';
-    this.#$slot.addEventListener('click', this.#onOptionClick, options);
-    this.#$slot.addEventListener('keydown', this.#onOptionKeydown, options);
-    this.#$slot.addEventListener('focusout', this.#onOptionBlur, options);
-    this.addEventListener('-change', this.#onChangeReactHandler, options);
-    queueMicrotask(() => {
-      this.#$slot.addEventListener('slotchange', this.#onSlotChange, options);
-      this.#onSlotChange();
-    });
-  }
-  disconnectedCallback() {
-    this.#controller.abort();
-    this.#controller = null;
-  }
-  static get observedAttributes() {
-    return ['value', 'progressvalue'];
-  }
-  attributeChangedCallback(name, _, newVal) {
-    switch (name) {
-      case 'value':
-        {
-          this.#onValueChange(newVal);
-          break;
-        }
-      case 'progressvalue':
-        {
-          this.#updateProgressValue();
-          break;
-        }
-    }
-  }
-  set value(value) {
-    (0, _utils2.updateAttribute)(this, 'value', value);
-  }
-  get value() {
-    return (0, _utils2.getAttribute)(this, 'value', '');
-  }
-  set progressValue(value) {
-    (0, _utils2.updateAttribute)(this, 'progressvalue', value);
-  }
-  get progressValue() {
-    return (0, _utils2.getAttribute)(this, 'progressvalue', '');
-  }
-  nthOptionRect(index) {
-    const $el = this.#$slot.assignedElements()[index];
-    if ($el != null) {
-      return (0, _utils2.getRect)($el);
-    }
-    return null;
-  }
-  #onSlotChange = () => {
-    this.#$items = this.#$slot.assignedElements();
-    this.#onValueChange(this.value);
-    this.#updateProgressValue();
-  };
-  #onOptionClick = e => {
-    const target = (0, _utils2.getTargetByAttribute)(e, 'value');
-    if (target !== null && (0, _utils.isProgressStepperItemActive)(target)) {
-      this.dispatchEvent(new CustomEvent('-change', {
-        detail: (0, _utils2.getAttribute)(target, 'value')
-      }));
-    }
-  };
-  #onValueChange(value) {
-    for (const $item of this.#$items) {
-      const isChecked = value === (0, _utils2.getAttribute)($item, 'value');
-      (0, _utils.setProgressStepperItemChecked)($item, isChecked);
-    }
-    this.#resetActiveDescendant();
-  }
-  #focusNextItem() {
-    for (let i = 0; i < this.#$items.length; i++) {
-      const nextIndex = (this.#currentActiveDescendantIndex + 1 + i) % this.#$items.length;
-      const item = this.#$items[nextIndex];
-      if ((0, _utils.isProgressStepperItemActive)(item)) {
-        (0, _utils.setProgressStepperItemActiveDescendant)(item, true);
-        this.#isGoingToFocusItem = true;
-        item.focus();
-        if (this.#currentActiveDescendantIndex >= 0) {
-          (0, _utils.setProgressStepperItemActiveDescendant)(this.#$items[this.#currentActiveDescendantIndex], false);
-        }
-        this.#currentActiveDescendantIndex = nextIndex;
-        break;
-      }
-    }
-  }
-  #focusPrevItem() {
-    for (let i = 0; i < this.#$items.length; i++) {
-      const nextIndex = (this.#currentActiveDescendantIndex - i - 1 + this.#$items.length) % this.#$items.length;
-      const item = this.#$items[nextIndex];
-      if ((0, _utils.isProgressStepperItemActive)(item)) {
-        (0, _utils.setProgressStepperItemActiveDescendant)(item, true);
-        this.#isGoingToFocusItem = true;
-        item.focus();
-        if (this.#currentActiveDescendantIndex >= 0) {
-          (0, _utils.setProgressStepperItemActiveDescendant)(this.#$items[this.#currentActiveDescendantIndex], false);
-        }
-        this.#currentActiveDescendantIndex = nextIndex;
-        break;
-      }
-    }
-  }
-  #updateProgressValue() {
-    const progressValue = this.progressValue;
-    const $items = this.#$slot.assignedElements();
-    const $progressValueIndex = $items.findIndex(it => (0, _utils2.getAttribute)(it, 'value') === progressValue);
-    for (let i = 0; i < $items.length; i++) {
-      if ($progressValueIndex < 0 || $progressValueIndex < i) {
-        (0, _utils.setProgressStepperItemStatus)($items[i], 'inactive');
-      } else if ($progressValueIndex > i) {
-        (0, _utils.setProgressStepperItemStatus)($items[i], 'complete');
-      } else {
-        (0, _utils.setProgressStepperItemStatus)($items[i], 'incomplete');
-      }
-    }
-    this.#resetActiveDescendant();
-  }
-  #getCheckedItemIndex() {
-    for (let i = 0; i < this.#$items.length; i++) {
-      if ((0, _utils.isProgressStepperItemChecked)(this.#$items[i])) {
-        return i;
-      }
-    }
-    return -1;
-  }
-  #getFirstActiveItemIndex() {
-    for (let i = 0; i < this.#$items.length; i++) {
-      if ((0, _utils.isProgressStepperItemActive)(this.#$items[i])) {
-        return i;
-      }
-    }
-    return -1;
-  }
-  #resetActiveDescendant() {
-    if (this.#currentActiveDescendantIndex >= 0) {
-      (0, _utils.setProgressStepperItemActiveDescendant)(this.#$items[this.#currentActiveDescendantIndex], false);
-    }
-    this.#currentActiveDescendantIndex = this.#getCheckedItemIndex();
-    if (this.#currentActiveDescendantIndex >= 0) {
-      (0, _utils.setProgressStepperItemActiveDescendant)(this.#$items[this.#currentActiveDescendantIndex], true);
-      return;
-    }
-    this.#currentActiveDescendantIndex = this.#getFirstActiveItemIndex();
-    if (this.#currentActiveDescendantIndex >= 0) {
-      (0, _utils.setProgressStepperItemActiveDescendant)(this.#$items[this.#currentActiveDescendantIndex], true);
-    }
-  }
-  #onOptionKeydown = e => {
-    switch (e.code) {
-      case 'Enter':
-      case 'Space':
-        {
-          e.preventDefault();
-          (0, _utils2.getTargetByAttribute)(e, 'value')?.click();
-          break;
-        }
-      case 'ArrowRight':
-        {
-          e.preventDefault();
-          this.#focusNextItem();
-          break;
-        }
-      case 'ArrowLeft':
-        {
-          e.preventDefault();
-          this.#focusPrevItem();
-          break;
-        }
-    }
-  };
-  #onOptionBlur = () => {
-    if (this.#isGoingToFocusItem) {
-      this.#isGoingToFocusItem = false;
-      return;
-    }
-    this.#resetActiveDescendant();
-  };
-  #onChangeReactHandler = e => {
-    (0, _utils2.getReactEventHandler)(this, 'on-change')?.(e);
-  };
-});

package/lib/cjs/progress-stepper/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/progress-stepper-item/index.js

@@ -1,84 +0,0 @@
-"use strict";
-
-require('../text');
-var _utils = require('../utils');
-var _utils2 = require('./utils');
-const templateHTML = '<style>:host{display:block;outline:0}#button{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:8px 4px 4px;box-sizing:border-box;cursor:pointer;border-radius:var(--sinch-comp-progress-stepper-step-shape-radius)}:host([data-status=inactive])>#button{cursor:not-allowed}:host([data-status=incomplete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-background-hover)}:host([data-status=complete]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-complete-background-hover)}:host([data-status=invalid]:hover)>#button{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-background-hover)}#outline{position:absolute;inset:-2px;border:2px solid var(--sinch-comp-progress-stepper-step-color-outline-focus);border-radius:calc(var(--sinch-comp-progress-stepper-step-shape-radius) + 2px);pointer-events:none;opacity:0}:host(:focus-visible) #outline{opacity:1}#text{flex-shrink:1;flex-basis:auto;min-width:0;transform:translate(0,0);will-change:transform;transition:transform .25s ease-out;padding-right:24px}:host([data-status=incomplete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-label)}:host([data-status=complete]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-label)}:host([data-status=inactive]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-inactive-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-inactive-label)}:host([invalid]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-label);transform:translate(24px,0)}:host([data-status=incomplete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-incomplete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-incomplete-current-label)}:host([data-status=complete][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-complete-current-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-complete-current-label)}:host([invalid][data-checked]) #text{--sinch-global-color-text:var(--sinch-comp-progress-stepper-step-color-invalid-label-default);--sinch-comp-text-font:var(--sinch-comp-progress-stepper-step-font-invalid-current-label)}#icon-error{position:absolute;left:0;top:4px;pointer-events:none;opacity:0;transition:opacity .25s ease-in-out;--sinch-global-color-icon:var(--sinch-comp-progress-stepper-step-color-invalid-icon-default);--sinch-global-size-icon:16px}:host([invalid]) #icon-error{opacity:1}#progress{height:8px;border-radius:4px;transition:background-color .25s ease-in-out}:host([data-status=incomplete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-background)}:host([data-status=complete]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-background)}:host([data-status=inactive]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-inactive-progress-background)}:host([invalid]) #progress{background-color:var(--sinch-comp-progress-stepper-step-color-invalid-progress-background)}#bar{width:8px;height:8px;border-radius:4px;opacity:0;transition:width .25s ease-in-out,opacity .25s ease-in-out}:host([data-status=incomplete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-incomplete-progress-bar)}:host([data-status=complete]) #bar{background-color:var(--sinch-comp-progress-stepper-step-color-complete-progress-bar);width:100%}:host([data-status=complete]:not([invalid])) #bar,:host([data-status=incomplete]:not([invalid])) #bar{opacity:1}#label-bar{position:relative}</style><div id="button"><div id="progress"><div id="bar"></div></div><div id="label-bar"><sinch-icon id="icon-error" name="report_problem" aria-hidden="true"></sinch-icon><sinch-text id="text" type="m"></sinch-text></div><div id="outline"></div></div>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-(0, _utils.defineCustomElement)('sinch-progress-stepper-item', class extends _utils.NectaryElement {
-  #$text;
-  constructor() {
-    super();
-    const shadowRoot = this.attachShadow({
-      delegatesFocus: false
-    });
-    shadowRoot.appendChild(template.content.cloneNode(true));
-    this.#$text = shadowRoot.querySelector('#text');
-  }
-  connectedCallback() {
-    this.role = 'tab';
-  }
-  disconnectedCallback() {}
-  static get observedAttributes() {
-    return ['text', 'invalid', _utils2.ATTR_PROGRESS_STEPPER_ITEM_STATUS, _utils2.ATTR_PROGRESS_STEPPER_ITEM_CHECKED, _utils2.ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT];
-  }
-  attributeChangedCallback(name, oldVal, newVal) {
-    switch (name) {
-      case 'text':
-        {
-          this.#$text.textContent = newVal;
-          break;
-        }
-      case _utils2.ATTR_PROGRESS_STEPPER_ITEM_CHECKED:
-        {
-          (0, _utils.updateExplicitBooleanAttribute)(this, 'aria-selected', (0, _utils.isAttrTrue)(newVal));
-          break;
-        }
-      case _utils2.ATTR_PROGRESS_STEPPER_ITEM_STATUS:
-        {
-          this.#updateTabIndex();
-          break;
-        }
-      case _utils2.ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT:
-        {
-          this.#updateTabIndex();
-          break;
-        }
-      case 'invalid':
-        {
-          if ((0, _utils.isAttrEqual)(oldVal, newVal)) {
-            return;
-          }
-          const isInvalid = (0, _utils.isAttrTrue)(newVal);
-          (0, _utils.updateExplicitBooleanAttribute)(this, 'aria-invalid', isInvalid);
-          (0, _utils.updateBooleanAttribute)(this, 'invalid', isInvalid);
-          break;
-        }
-    }
-  }
-  set value(value) {
-    (0, _utils.updateAttribute)(this, 'value', value);
-  }
-  get value() {
-    return (0, _utils.getAttribute)(this, 'value', '');
-  }
-  set text(value) {
-    (0, _utils.updateAttribute)(this, 'text', value);
-  }
-  get text() {
-    return (0, _utils.getAttribute)(this, 'text', '');
-  }
-  set invalid(isInvalid) {
-    (0, _utils.updateBooleanAttribute)(this, 'invalid', isInvalid);
-  }
-  get invalid() {
-    return (0, _utils.getBooleanAttribute)(this, 'invalid');
-  }
-  get focusable() {
-    return true;
-  }
-  #updateTabIndex() {
-    this.tabIndex = (0, _utils2.isProgressStepperItemActiveDescendant)(this) && (0, _utils2.isProgressStepperItemActive)(this) ? 0 : -1;
-  }
-});

package/lib/cjs/progress-stepper-item/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/progress-stepper-item/utils.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setProgressStepperItemStatus = exports.setProgressStepperItemChecked = exports.setProgressStepperItemActiveDescendant = exports.isProgressStepperItemChecked = exports.isProgressStepperItemActiveDescendant = exports.isProgressStepperItemActive = exports.ATTR_PROGRESS_STEPPER_ITEM_STATUS = exports.ATTR_PROGRESS_STEPPER_ITEM_CHECKED = exports.ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT = void 0;
-var _utils = require('../utils');
-const ATTR_PROGRESS_STEPPER_ITEM_CHECKED = exports.ATTR_PROGRESS_STEPPER_ITEM_CHECKED = 'data-checked';
-const ATTR_PROGRESS_STEPPER_ITEM_STATUS = exports.ATTR_PROGRESS_STEPPER_ITEM_STATUS = 'data-status';
-const ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT = exports.ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT = 'data-active-descendant';
-const isProgressStepperItemChecked = $el => (0, _utils.getBooleanAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_CHECKED);
-exports.isProgressStepperItemChecked = isProgressStepperItemChecked;
-const setProgressStepperItemChecked = ($el, isChecked) => (0, _utils.updateBooleanAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_CHECKED, isChecked);
-exports.setProgressStepperItemChecked = setProgressStepperItemChecked;
-const isProgressStepperItemActive = $el => {
-  const attrValue = (0, _utils.getAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_STATUS);
-  return attrValue !== null && attrValue !== 'inactive';
-};
-exports.isProgressStepperItemActive = isProgressStepperItemActive;
-const setProgressStepperItemStatus = ($el, status) => (0, _utils.updateAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_STATUS, status);
-exports.setProgressStepperItemStatus = setProgressStepperItemStatus;
-const isProgressStepperItemActiveDescendant = $el => (0, _utils.getBooleanAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT);
-exports.isProgressStepperItemActiveDescendant = isProgressStepperItemActiveDescendant;
-const setProgressStepperItemActiveDescendant = ($el, isActiveDescendant) => (0, _utils.updateBooleanAttribute)($el, ATTR_PROGRESS_STEPPER_ITEM_ACTIVE_DESCENDANT, isActiveDescendant);
-exports.setProgressStepperItemActiveDescendant = setProgressStepperItemActiveDescendant;