@getflip/swirl-components 0.339.0 → 0.340.0

package/dist/cjs/swirl-tab-bar.cjs.entry.js

@@ -1,13 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlTabBarCss = ".sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid\n      var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer;justify-content:center}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{background-color:transparent;color:var(--s-interactive-neutral-default);padding:var(--s-space-4) var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:\"\";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:\"\";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{border-radius:var(--s-border-radius-full-round);background:var(--s-action-neutral-default);color:var(--s-text-default);padding:var(--s-space-8) var(--s-space-16);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{background:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}";
-const SwirlTabBarStyle0 = swirlTabBarCss;
 
 const SwirlTabBar = class {
     constructor(hostRef) {
@@ -15,6 +12,9 @@ const SwirlTabBar = class {
         this.activateNextTab = index.createEvent(this, "activateNextTab", 7);
         this.activatePreviousTab = index.createEvent(this, "activatePreviousTab", 7);
         this.activateTab = index.createEvent(this, "activateTab", 7);
+        this.justify = "start";
+        this.tabs = [];
+        this.variant = "default";
         this.onKeyDown = (event) => {
             if (event.code === "ArrowLeft") {
                 event.preventDefault();
@@ -27,15 +27,6 @@ const SwirlTabBar = class {
                 this.activateNextTab.emit();
             }
         };
-        this.disableTabSemantics = undefined;
-        this.label = undefined;
-        this.justify = "start";
-        this.paddingBlockEnd = undefined;
-        this.paddingBlockStart = undefined;
-        this.paddingInlineEnd = undefined;
-        this.paddingInlineStart = undefined;
-        this.tabs = [];
-        this.variant = "default";
     }
     onTabFocus(event) {
         event.target.scrollIntoView({
@@ -92,6 +83,6 @@ const SwirlTabBar = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTabBar.style = SwirlTabBarStyle0;
+SwirlTabBar.style = swirlTabBarCss;
 
 exports.swirl_tab_bar = SwirlTabBar;

package/dist/cjs/swirl-tab.cjs.entry.js

@@ -1,27 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlTabCss = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}";
-const SwirlTabStyle0 = swirlTabCss;
 
 const SwirlTab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.active = undefined;
-        this.icon = undefined;
-        this.label = undefined;
         this.padding = "8";
-        this.tabId = undefined;
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
         return (index.h(index.Host, { key: '8521eb8e2241a7fb14c2a5a540f08186df6335b8', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'e533310dd2b128b166e100d5bbc8b7cb9ccec4de' })));
     }
 };
-SwirlTab.style = SwirlTabStyle0;
+SwirlTab.style = swirlTabCss;
 
 exports.swirl_tab = SwirlTab;

package/dist/cjs/swirl-table-cell.cjs.entry.js

@@ -1,11 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
+var index = require('./index-Cks2WRVX.js');
 
 const swirlTableCellCss = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";
-const SwirlTableCellStyle0 = swirlTableCellCss;
 
 const SwirlTableCell = class {
     constructor(hostRef) {
@@ -15,6 +12,6 @@ const SwirlTableCell = class {
         return (index.h(index.Host, { key: 'e668467f6155797ba0bcc47933a61c8285645b40', class: "table-cell", role: "cell" }, index.h("slot", { key: '2b073d62c8d05e54bb06d7d3b30864147f9db8a2' })));
     }
 };
-SwirlTableCell.style = SwirlTableCellStyle0;
+SwirlTableCell.style = swirlTableCellCss;
 
 exports.swirl_table_cell = SwirlTableCell;

package/dist/cjs/swirl-table-column.cjs.entry.js

@@ -1,22 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
-const SwirlTableColumnStyle0 = swirlTableColumnCss;
 
 const SwirlTableColumn = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.sort = undefined;
-        this.sortable = undefined;
-        this.maxWidth = undefined;
         this.minWidth = "fit-content";
-        this.sticky = undefined;
-        this.width = undefined;
     }
     componentDidRender() {
         const table = utils.closestPassShadow(this.el, "swirl-table");
@@ -32,6 +24,6 @@ const SwirlTableColumn = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTableColumn.style = SwirlTableColumnStyle0;
+SwirlTableColumn.style = swirlTableColumnCss;
 
 exports.swirl_table_column = SwirlTableColumn;

package/dist/cjs/swirl-table-row-group.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
+var index = require('./index-Cks2WRVX.js');
 
 const swirlTableRowGroupCss = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}";
-const SwirlTableRowGroupStyle0 = swirlTableRowGroupCss;
 
 const SwirlTableRowGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.collapsible = false;
+        this.collapseButtonLabel = "Previous slide";
+        this.isVisible = true;
         this.toggleShowItems = () => {
             this.headerRowElement.focus();
             if (!this.tableRowElements)
@@ -35,11 +35,6 @@ const SwirlTableRowGroup = class {
             }
             this.isVisible = !this.isVisible;
         };
-        this.label = undefined;
-        this.tooltip = undefined;
-        this.collapsible = false;
-        this.collapseButtonLabel = "Previous slide";
-        this.isVisible = true;
     }
     render() {
         const rowspan = this.el.querySelectorAll("swirl-table-row").length;
@@ -53,6 +48,6 @@ const SwirlTableRowGroup = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTableRowGroup.style = SwirlTableRowGroupStyle0;
+SwirlTableRowGroup.style = swirlTableRowGroupCss;
 
 exports.swirl_table_row_group = SwirlTableRowGroup;

package/dist/cjs/swirl-table-row.cjs.entry.js

@@ -1,19 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlTableRowCss = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";
-const SwirlTableRowStyle0 = swirlTableRowCss;
 
 const SwirlTableRow = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.highlighted = undefined;
-        this.index = undefined;
     }
     componentDidLoad() {
         const table = utils.closestPassShadow(this.el, "swirl-table");
@@ -27,6 +22,6 @@ const SwirlTableRow = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTableRow.style = SwirlTableRowStyle0;
+SwirlTableRow.style = swirlTableRowCss;
 
 exports.swirl_table_row = SwirlTableRow;

package/dist/cjs/swirl-table.cjs.entry.js

@@ -1,85 +1,95 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index$1 = require('./index-Cks2WRVX.js');
+var index = require('./index-DcAhLZUH.js');
+var sortable_esm = require('./sortable.esm-B1ZNencO.js');
+var utils = require('./utils-Br2wWntR.js');
 
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const sortable_esm = require('./sortable.esm-81a1c837.js');
-const utils = require('./utils-4f225daf.js');
+var dist;
+var hasRequiredDist;
 
-/* global setTimeout, clearTimeout */
+function requireDist () {
+	if (hasRequiredDist) return dist;
+	hasRequiredDist = 1;
 
-var dist = function debounce(fn) {
-  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	/* global setTimeout, clearTimeout */
 
-  var lastCallAt = void 0;
-  var deferred = void 0;
-  var timer = void 0;
-  var pendingArgs = [];
-  return function debounced() {
-    var currentWait = getWait(wait);
-    var currentTime = new Date().getTime();
+	dist = function debounce(fn) {
+	  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+	  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
 
-    var isCold = !lastCallAt || currentTime - lastCallAt > currentWait;
+	  var lastCallAt = void 0;
+	  var deferred = void 0;
+	  var timer = void 0;
+	  var pendingArgs = [];
+	  return function debounced() {
+	    var currentWait = getWait(wait);
+	    var currentTime = new Date().getTime();
 
-    lastCallAt = currentTime;
+	    var isCold = !lastCallAt || currentTime - lastCallAt > currentWait;
 
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+	    lastCallAt = currentTime;
 
-    if (isCold && options.leading) {
-      return options.accumulate ? Promise.resolve(fn.call(this, [args])).then(function (result) {
-        return result[0];
-      }) : Promise.resolve(fn.call.apply(fn, [this].concat(args)));
-    }
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
 
-    if (deferred) {
-      clearTimeout(timer);
-    } else {
-      deferred = defer();
-    }
+	    if (isCold && options.leading) {
+	      return options.accumulate ? Promise.resolve(fn.call(this, [args])).then(function (result) {
+	        return result[0];
+	      }) : Promise.resolve(fn.call.apply(fn, [this].concat(args)));
+	    }
 
-    pendingArgs.push(args);
-    timer = setTimeout(flush.bind(this), currentWait);
+	    if (deferred) {
+	      clearTimeout(timer);
+	    } else {
+	      deferred = defer();
+	    }
 
-    if (options.accumulate) {
-      var argsIndex = pendingArgs.length - 1;
-      return deferred.promise.then(function (results) {
-        return results[argsIndex];
-      });
-    }
+	    pendingArgs.push(args);
+	    timer = setTimeout(flush.bind(this), currentWait);
 
-    return deferred.promise;
-  };
+	    if (options.accumulate) {
+	      var argsIndex = pendingArgs.length - 1;
+	      return deferred.promise.then(function (results) {
+	        return results[argsIndex];
+	      });
+	    }
 
-  function flush() {
-    var thisDeferred = deferred;
-    clearTimeout(timer);
+	    return deferred.promise;
+	  };
 
-    Promise.resolve(options.accumulate ? fn.call(this, pendingArgs) : fn.apply(this, pendingArgs[pendingArgs.length - 1])).then(thisDeferred.resolve, thisDeferred.reject);
+	  function flush() {
+	    var thisDeferred = deferred;
+	    clearTimeout(timer);
 
-    pendingArgs = [];
-    deferred = null;
-  }
-};
+	    Promise.resolve(options.accumulate ? fn.call(this, pendingArgs) : fn.apply(this, pendingArgs[pendingArgs.length - 1])).then(thisDeferred.resolve, thisDeferred.reject);
 
-function getWait(wait) {
-  return typeof wait === 'function' ? wait() : wait;
-}
+	    pendingArgs = [];
+	    deferred = null;
+	  }
+	};
+
+	function getWait(wait) {
+	  return typeof wait === 'function' ? wait() : wait;
+	}
 
-function defer() {
-  var deferred = {};
-  deferred.promise = new Promise(function (resolve, reject) {
-    deferred.resolve = resolve;
-    deferred.reject = reject;
-  });
-  return deferred;
+	function defer() {
+	  var deferred = {};
+	  deferred.promise = new Promise(function (resolve, reject) {
+	    deferred.resolve = resolve;
+	    deferred.reject = reject;
+	  });
+	  return deferred;
+	}
+	
+	return dist;
 }
 
+var distExports = requireDist();
+var debouncePromise = /*@__PURE__*/index.getDefaultExportFromCjs(distExports);
+
 const swirlTableCss = ".sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid\n      var(--s-border-highlight)}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),\n    2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),\n    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:flex}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}";
-const SwirlTableStyle0 = swirlTableCss;
 
 const defaultDragDropInstructions = {
     end: "Dropped. Final position in table: {position} of {rowCount}.",
@@ -89,13 +99,16 @@ const defaultDragDropInstructions = {
 };
 const SwirlTable = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dropRow = index.createEvent(this, "dropRow", 7);
+        index$1.registerInstance(this, hostRef);
+        this.dropRow = index$1.createEvent(this, "dropRow", 7);
+        this.dragDropInstructions = defaultDragDropInstructions;
+        this.emptyStateLabel = "No results found.";
+        this.liveRegionText = "";
         this.triggerRerender = utils.debounce(async () => {
             await this.updateLayout();
             this.updateEmptyState();
         }, 0, true);
-        this.updateLayout = dist(async () => {
+        this.updateLayout = debouncePromise(async () => {
             this.resetCellStyles();
             this.resetColumnStyles();
             this.resetEmptyRowStyles();
@@ -165,17 +178,6 @@ const SwirlTable = class {
                 this.cancelKeyboardMove();
             }
         };
-        this.caption = undefined;
-        this.dragDropHandle = undefined;
-        this.dragDropInstructions = defaultDragDropInstructions;
-        this.emptyStateLabel = "No results found.";
-        this.enableDragDrop = undefined;
-        this.label = undefined;
-        this.empty = undefined;
-        this.liveRegionText = "";
-        this.scrollable = undefined;
-        this.scrolled = undefined;
-        this.scrolledToEnd = undefined;
     }
     async componentDidLoad() {
         this.setupIntersectionObserver();
@@ -537,16 +539,16 @@ const SwirlTable = class {
         }
     }
     render() {
-        const className = index$1.classnames("table", {
+        const className = index.classnames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index.h(index.Host, { key: '6ac7943bed99ed6dee6b23279be8b1f62dfe8e67' }, index.h("div", { key: '82ca365e14c36629fcbd0221e0da8e59b073d676', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '987b960eccd844f9126d12eda6491ed20e401802' }, index.h("span", { key: '63a94363be802c91bb216942a8181e408144a3bc', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'b8c5c587032a6f60102d8a9d2081afe5d5c031e2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: 'def66679842180515d74c1c823824649a2f54feb', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'ec4799f7ba6378597407e34eaa54b941b2f08026' }, index.h("div", { key: 'fd01bce61ec23017550047f6ae7883045358c397', id: "caption" }, this.caption))), index.h("div", { key: 'bec37516e678e60867e9d3d3e41303b9356ece8f', role: "rowgroup" }, index.h("div", { key: '8b81ce54bfaf2ad3152e27cf69ed8734b855105c', class: "table__header", role: "row" }, index.h("slot", { key: 'f644cbc6793dfa040d58db5ee92eae3492a7b4bd', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'a5a6e780561cba1146741dc4e3c3559d61672fb4', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '870b5ff3c5a35a3cd7edc9e83043bc5134fb6472', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'e32257ee7037ea873d234500e2c1ae71c1b7e9bd', class: "table__empty-row", role: "row" }, index.h("div", { key: '2209b3bc8b213d97e1464d1af103d8e1ed24f4b1', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'a30ce46a5abe8781812970089bb1fafeaeb042d3', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index$1.h(index$1.Host, { key: '6ac7943bed99ed6dee6b23279be8b1f62dfe8e67' }, index$1.h("div", { key: '82ca365e14c36629fcbd0221e0da8e59b073d676', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '987b960eccd844f9126d12eda6491ed20e401802' }, index$1.h("span", { key: '63a94363be802c91bb216942a8181e408144a3bc', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: 'b8c5c587032a6f60102d8a9d2081afe5d5c031e2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: 'def66679842180515d74c1c823824649a2f54feb', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: 'ec4799f7ba6378597407e34eaa54b941b2f08026' }, index$1.h("div", { key: 'fd01bce61ec23017550047f6ae7883045358c397', id: "caption" }, this.caption))), index$1.h("div", { key: 'bec37516e678e60867e9d3d3e41303b9356ece8f', role: "rowgroup" }, index$1.h("div", { key: '8b81ce54bfaf2ad3152e27cf69ed8734b855105c', class: "table__header", role: "row" }, index$1.h("slot", { key: 'f644cbc6793dfa040d58db5ee92eae3492a7b4bd', name: "columns", onSlotchange: this.onSlotChange }))), index$1.h("div", { key: 'a5a6e780561cba1146741dc4e3c3559d61672fb4', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '870b5ff3c5a35a3cd7edc9e83043bc5134fb6472', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index$1.h("div", { key: 'e32257ee7037ea873d234500e2c1ae71c1b7e9bd', class: "table__empty-row", role: "row" }, index$1.h("div", { key: '2209b3bc8b213d97e1464d1af103d8e1ed24f4b1', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("swirl-text", { key: 'a30ce46a5abe8781812970089bb1fafeaeb042d3', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return index$1.getElement(this); }
     static get watchers() { return {
         "enableDragDrop": ["handleEnableDragDropChange"]
     }; }
 };
-SwirlTable.style = SwirlTableStyle0;
+SwirlTable.style = swirlTableCss;
 
 exports.swirl_table = SwirlTable;

package/dist/cjs/swirl-tabs.cjs.entry.js

@@ -1,17 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlTabsCss = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";
-const SwirlTabsStyle0 = swirlTabsCss;
 
 const SwirlTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.tabActivated = index.createEvent(this, "tabActivated", 7);
+        this.tabBarVariant = "default";
+        this.tabBarTabs = [];
         this.tabs = [];
         this.onActivateNextTab = () => {
             this.activateNextTab();
@@ -22,16 +21,6 @@ const SwirlTabs = class {
         this.onActivateTab = (event) => {
             this.activateTab(event.detail);
         };
-        this.initialTab = undefined;
-        this.label = undefined;
-        this.justifyTabBar = undefined;
-        this.tabBarPaddingBlockEnd = undefined;
-        this.tabBarPaddingBlockStart = undefined;
-        this.tabBarPaddingInlineEnd = undefined;
-        this.tabBarPaddingInlineStart = undefined;
-        this.tabBarVariant = "default";
-        this.activeTab = undefined;
-        this.tabBarTabs = [];
     }
     componentWillLoad() {
         this.collectTabs();
@@ -92,6 +81,6 @@ const SwirlTabs = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTabs.style = SwirlTabsStyle0;
+SwirlTabs.style = swirlTabsCss;
 
 exports.swirl_tabs = SwirlTabs;

package/dist/cjs/swirl-text-input.cjs.entry.js

@@ -1,14 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const mediaQuery_service = require('./media-query.service-aad2b3b1.js');
-require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var mediaQuery_service = require('./media-query.service-DRPgROAV.js');
+require('./utils-Br2wWntR.js');
 
 const swirlTextInputCss = ".sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type=\"password\"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type=\"number\"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type=\"password\"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}";
-const SwirlTextInputStyle0 = swirlTextInputCss;
 
 const SwirlTextInput = class {
     constructor(hostRef) {
@@ -16,6 +13,15 @@ const SwirlTextInput = class {
         this.inputBlur = index.createEvent(this, "inputBlur", 7);
         this.inputFocus = index.createEvent(this, "inputFocus", 7);
         this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.autoComplete = "on";
+        this.characterCounterLabel = "Used characters";
+        this.clearButtonLabel = "Clear input";
+        this.fontSize = "default";
+        this.passwordToggleLabel = "Toggle password display";
+        this.rows = 1;
+        this.type = "text";
+        this.iconSize = 24;
+        this.showPassword = false;
         this.mediaQueryUnsubscribe = () => { };
         this.clear = () => {
             this.inputEl.value = "";
@@ -75,41 +81,6 @@ const SwirlTextInput = class {
             }
             this.showPassword = !this.showPassword;
         };
-        this.autoComplete = "on";
-        this.autoFocus = undefined;
-        this.autoGrow = undefined;
-        this.autoSelect = undefined;
-        this.characterCounterLabel = "Used characters";
-        this.clearable = undefined;
-        this.clearButtonLabel = "Clear input";
-        this.disabled = undefined;
-        this.disableDynamicWidth = undefined;
-        this.fontSize = "default";
-        this.inline = undefined;
-        this.invalid = undefined;
-        this.maxLength = undefined;
-        this.max = undefined;
-        this.min = undefined;
-        this.mode = undefined;
-        this.inputName = undefined;
-        this.passwordToggleLabel = "Toggle password display";
-        this.placeholder = undefined;
-        this.prefixLabel = undefined;
-        this.required = undefined;
-        this.rows = 1;
-        this.showCharacterCounter = undefined;
-        this.spellCheck = undefined;
-        this.suffixLabel = undefined;
-        this.step = undefined;
-        this.swirlAriaAutocomplete = undefined;
-        this.swirlAriaControls = undefined;
-        this.swirlAriaDescribedby = undefined;
-        this.swirlAriaExpanded = undefined;
-        this.swirlRole = undefined;
-        this.type = "text";
-        this.value = undefined;
-        this.iconSize = 24;
-        this.showPassword = false;
     }
     componentDidLoad() {
         this.mediaQueryUnsubscribe = mediaQuery_service.DesktopMediaQuery.subscribe((isDesktop) => {
@@ -196,6 +167,6 @@ const SwirlTextInput = class {
         "value": ["watchValue"]
     }; }
 };
-SwirlTextInput.style = SwirlTextInputStyle0;
+SwirlTextInput.style = swirlTextInputCss;
 
 exports.swirl_text_input = SwirlTextInput;