@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/esm/{maska-4866b970.js → maska-c5119b9a.js}

@@ -1,4 +1,4 @@
-import { a as createCommonjsModule, b as commonjsGlobal } from './index-d280dafb.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-d20b9603.js';
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -432,7 +432,7 @@ function addLeadingZeros(number, targetLength) {
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
 
-var formatters$1 = {
+var formatters$2 = {
   // Year
   y: function y(date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -501,6 +501,7 @@ var formatters$1 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
+const formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -598,7 +599,7 @@ var formatters = {
       });
     }
 
-    return formatters$1.y(date, token);
+    return formatters$3.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -731,7 +732,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$1.M(date, token);
+        return formatters$3.M(date, token);
       // 1st, 2nd, ..., 12th
 
       case 'Mo':
@@ -836,7 +837,7 @@ var formatters = {
       });
     }
 
-    return formatters$1.d(date, token);
+    return formatters$3.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -1157,7 +1158,7 @@ var formatters = {
       });
     }
 
-    return formatters$1.h(date, token);
+    return formatters$3.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -1167,7 +1168,7 @@ var formatters = {
       });
     }
 
-    return formatters$1.H(date, token);
+    return formatters$3.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -1202,7 +1203,7 @@ var formatters = {
       });
     }
 
-    return formatters$1.m(date, token);
+    return formatters$3.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -1212,11 +1213,11 @@ var formatters = {
       });
     }
 
-    return formatters$1.s(date, token);
+    return formatters$3.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return formatters$1.S(date, token);
+    return formatters$3.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -1360,6 +1361,8 @@ function formatTimezone(offset, dirtyDelimiter) {
   return sign + hours + delimiter + minutes;
 }
 
+const formatters$1 = formatters;
+
 var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
   switch (pattern) {
     case 'P':
@@ -1455,6 +1458,7 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
+const longFormatters$1 = longFormatters;
 
 var protectedDayOfYearTokens = ['D', 'DD'];
 var protectedWeekYearTokens = ['YY', 'YYYY'];
@@ -1563,6 +1567,8 @@ var formatDistance = function formatDistance(token, count, options) {
   return result;
 };
 
+const formatDistance$1 = formatDistance;
+
 function buildFormatLongFn(args) {
   return function () {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -1605,6 +1611,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1619,6 +1626,8 @@ var formatRelative = function formatRelative(token, _date, _baseDate, _options)
   return formatRelativeLocale[token];
 };
 
+const formatRelative$1 = formatRelative;
+
 function buildLocalizeFn(args) {
   return function (dirtyIndex, options) {
     var context = options !== null && options !== void 0 && options.context ? String(options.context) : 'standalone';
@@ -1786,6 +1795,7 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+const localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -1949,6 +1959,7 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+const match$1 = match;
 
 /**
  * @type {Locale}
@@ -1961,11 +1972,11 @@ var match = {
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance,
-  formatLong: formatLong,
-  formatRelative: formatRelative,
-  localize: localize,
-  match: match,
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
   options: {
     weekStartsOn: 0
     /* Sunday */
@@ -1973,6 +1984,7 @@ var locale = {
     firstWeekContainsDate: 1
   }
 };
+const defaultLocale = locale;
 
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
@@ -2290,7 +2302,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var defaultOptions = getDefaultOptions();
-  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
+  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
   var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
 
   if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
@@ -2303,11 +2315,11 @@ function format(dirtyDate, dirtyFormatStr, options) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
 
-  if (!locale$1.localize) {
+  if (!locale.localize) {
     throw new RangeError('locale must contain localize property');
   }
 
-  if (!locale$1.formatLong) {
+  if (!locale.formatLong) {
     throw new RangeError('locale must contain formatLong property');
   }
 
@@ -2325,15 +2337,15 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale$1,
+    locale: locale,
     _originalDate: originalDate
   };
   var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
     var firstCharacter = substring[0];
 
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong);
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale.formatLong);
     }
 
     return substring;
@@ -2349,7 +2361,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
       return cleanEscapedString$1(substring);
     }
 
-    var formatter = formatters[firstCharacter];
+    var formatter = formatters$1[firstCharacter];
 
     if (formatter) {
       if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
@@ -2360,7 +2372,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
       }
 
-      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
+      return formatter(utcDate, substring, locale.localize, formatterOptions);
     }
 
     if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
@@ -6053,9 +6065,9 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var dateString = String(dirtyDateString);
   var formatString = String(dirtyFormatString);
   var defaultOptions = getDefaultOptions();
-  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
+  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
 
-  if (!locale$1.match) {
+  if (!locale.match) {
     throw new RangeError('locale must contain match property');
   }
 
@@ -6082,16 +6094,16 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var subFnOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale$1
+    locale: locale
   }; // If timezone isn't specified, it will be set to the system timezone
 
   var setters = [new DateToSystemTimezoneSetter()];
   var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
     var firstCharacter = substring[0];
 
-    if (firstCharacter in longFormatters) {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong);
+    if (firstCharacter in longFormatters$1) {
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale.formatLong);
     }
 
     return substring;
@@ -6135,7 +6147,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
           token: firstCharacter,
           fullToken: token
         });
-        var parseResult = parser.run(dateString, token, locale$1.match, subFnOptions);
+        var parseResult = parser.run(dateString, token, locale.match, subFnOptions);
 
         if (!parseResult) {
           return {
@@ -6242,13 +6254,16 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-var maska = createCommonjsModule(function (module, exports) {
+var maska = {exports: {}};
+
 /*!
  * maska v1.5.0
  * (c) 2019-2021 Alexander Shabunevich
  * Released under the MIT License.
  */
+
+(function (module, exports) {
 !function(e,t){t(exports);}(commonjsGlobal,(function(e){var t={"#":{pattern:/[0-9]/},X:{pattern:/[0-9a-zA-Z]/},S:{pattern:/[a-zA-Z]/},A:{pattern:/[a-zA-Z]/,uppercase:!0},a:{pattern:/[a-zA-Z]/,lowercase:!0},"!":{escape:!0},"*":{repeat:!0}};function n(e,n,r=t,o=!0){return s(n).length>1?function(e){const t=s(e).sort(((e,t)=>e.length-t.length));return function(e,s,r,o=!0){const i=t.map((t=>a(e,t,r,!1))).pop();for(const s in t)if(n(i,t[s],r))return a(e,t[s],r,o);return ""};function n(e,t,n){for(const e in n)n[e].escape&&(t=t.replace(new RegExp(e+".{1}","g"),""));return t.split("").filter((e=>n[e]&&n[e].pattern)).length>=e.length}}(n)(e,n,r,o):a(e,n,r,o)}function s(e){try{return JSON.parse(e)}catch{return [e]}}function a(e,t,n,s=!0){let a=0,o=0,i="",u="";for(;a<t.length&&o<e.length;){let u=t[a];const p=e[o],l=n[u];if(l&&l.pattern)l.pattern.test(p)&&(i+=r(p,l),a++,s&&t[a]&&(n[t[a]]?n[t[a]]&&n[t[a]].escape&&(i+=t[a+1],a+=2):(i+=t[a],a++))),o++;else if(l&&l.repeat){const e=n[t[a-1]];e&&!e.pattern.test(p)?a++:a--;}else l&&l.escape&&(a++,u=t[a]),s&&(i+=u),p===u&&o++,a++;}for(;s&&a<t.length;){const e=t[a];if(n[e]){u="";break}u+=e,a++;}return i+u}function r(e,t){return t.transform&&(e=t.transform(e)),t.uppercase?e.toLocaleUpperCase():t.lowercase?e.toLocaleLowerCase():e}function o(e){return e instanceof HTMLInputElement?e:e.querySelector("input")||e}function i(e){return "[object String]"===Object.prototype.toString.call(e)}class u{constructor(e,n={}){if(!e)throw new Error("Maska: no element for mask");if(null!=n.preprocessor&&"function"!=typeof n.preprocessor)throw new Error("Maska: preprocessor must be a function");if(n.tokens)for(const e in n.tokens)n.tokens[e]={...n.tokens[e]},n.tokens[e].pattern&&i(n.tokens[e].pattern)&&(n.tokens[e].pattern=new RegExp(n.tokens[e].pattern));this._opts={mask:n.mask,tokens:{...t,...n.tokens},preprocessor:n.preprocessor},this._el=i(e)?document.querySelectorAll(e):e.length?e:[e],this.inputEvent=e=>this.updateValue(e.target,e),this.init();}init(){for(let e=0;e<this._el.length;e++){const t=o(this._el[e]);!this._opts.mask||t.dataset.mask&&t.dataset.mask===this._opts.mask||(t.dataset.mask=this._opts.mask),setTimeout((()=>this.updateValue(t)),0),t.dataset.maskInited||(t.dataset.maskInited=!0,t.addEventListener("input",this.inputEvent),t.addEventListener("beforeinput",this.beforeInput));}}destroy(){for(let e=0;e<this._el.length;e++){const t=o(this._el[e]);t.removeEventListener("input",this.inputEvent),t.removeEventListener("beforeinput",this.beforeInput),delete t.dataset.mask,delete t.dataset.maskInited;}}updateValue(e,t){if(!e||!e.type)return;const s=e.type.match(/^number$/i)&&e.validity.badInput;if(!e.value&&!s||!e.dataset.mask)return e.dataset.maskRawValue="",void this.dispatch("maska",e,t);let a=e.selectionEnd;const r=e.value,o=r[a-1];e.dataset.maskRawValue=n(e.value,e.dataset.mask,this._opts.tokens,!1);let i=e.value;this._opts.preprocessor&&(i=this._opts.preprocessor(i)),e.value=n(i,e.dataset.mask,this._opts.tokens),t&&"insertText"===t.inputType&&a===r.length&&(a=e.value.length),function(e,t,n){for(;t&&t<e.value.length&&e.value.charAt(t-1)!==n;)t++;(e.type?e.type.match(/^(text|search|password|tel|url)$/i):!e.type)&&e===document.activeElement&&(e.setSelectionRange(t,t),setTimeout((function(){e.setSelectionRange(t,t);}),0));}(e,a,o),this.dispatch("maska",e,t),e.value!==r&&this.dispatch("input",e,t);}beforeInput(e){e&&e.target&&e.target.type&&e.target.type.match(/^number$/i)&&e.data&&isNaN(e.target.value+e.data)&&e.preventDefault();}dispatch(e,t,n){t.dispatchEvent(function(e,t=null){const n=document.createEvent("Event");return n.initEvent(e,!0,!0),t&&(n.inputType=t),n}(e,n&&n.inputType||null));}}var p=(()=>{const e=new WeakMap;return (t,n)=>{n.value&&(e.has(t)&&!function(e){return !(i(e.value)&&e.value===e.oldValue||Array.isArray(e.value)&&JSON.stringify(e.value)===JSON.stringify(e.oldValue)||e.value&&e.value.mask&&e.oldValue&&e.oldValue.mask&&e.value.mask===e.oldValue.mask)}(n)||e.set(t,new u(t,function(e){const t={};return e.mask?(t.mask=Array.isArray(e.mask)?JSON.stringify(e.mask):e.mask,t.tokens=e.tokens?{...e.tokens}:{},t.preprocessor=e.preprocessor):t.mask=Array.isArray(e)?JSON.stringify(e):e,t}(n.value))));}})();function l(e){e.directive("maska",p);}"undefined"!=typeof window&&window.Vue&&window.Vue.use&&window.Vue.use(l),e.create=function(e,t){return new u(e,t)},e.default=l,e.install=l,e.mask=n,e.maska=p,e.tokens=t,Object.defineProperty(e,"__esModule",{value:!0});}));
-});
+}(maska, maska.exports));
 
 export { format as f, isValid as i, maska as m, parse as p };

package/dist/esm/swirl-accordion-item.entry.js

@@ -1,72 +1,73 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59244838.js';
-import { c as classnames } from './index-d280dafb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { c as classnames } from './index-267776a4.js';
 import { v as v4 } from './v4-23648a96.js';
 
 const swirlAccordionItemCss = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}";
+const SwirlAccordionItemStyle0 = swirlAccordionItemCss;
 
 const SwirlAccordionItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.expansionChange = createEvent(this, "expansionChange", 7);
-    this.headingId = `${v4()}-heading`;
-    this.onHeadingClick = () => {
-      this.toggle();
-    };
-    this.description = undefined;
-    this.disabled = undefined;
-    this.heading = undefined;
-    this.headingLevel = 2;
-    this.initiallyOpen = undefined;
-    this.itemId = v4();
-    this.expanded = false;
-  }
-  componentWillLoad() {
-    this.accordion = this.el.closest("swirl-accordion");
-    this.expanded = (this.initiallyOpen && !this.disabled) || false;
-    if (!Boolean(this.accordion)) {
-      throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.");
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.expansionChange = createEvent(this, "expansionChange", 7);
+        this.headingId = `${v4()}-heading`;
+        this.onHeadingClick = () => {
+            this.toggle();
+        };
+        this.description = undefined;
+        this.disabled = undefined;
+        this.heading = undefined;
+        this.headingLevel = 2;
+        this.initiallyOpen = undefined;
+        this.itemId = v4();
+        this.expanded = false;
     }
-  }
-  /**
-   * Collapses the accordion item.
-   */
-  async collapse() {
-    if (!this.expanded || this.disabled) {
-      return;
+    componentWillLoad() {
+        this.accordion = this.el.closest("swirl-accordion");
+        this.expanded = (this.initiallyOpen && !this.disabled) || false;
+        if (!Boolean(this.accordion)) {
+            throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.");
+        }
     }
-    this.expanded = false;
-    this.expansionChange.emit(this.expanded);
-  }
-  /**
-   * Expands the accordion item.
-   */
-  async expand() {
-    if (this.expanded || this.disabled) {
-      return;
+    /**
+     * Collapses the accordion item.
+     */
+    async collapse() {
+        if (!this.expanded || this.disabled) {
+            return;
+        }
+        this.expanded = false;
+        this.expansionChange.emit(this.expanded);
     }
-    this.expanded = true;
-    this.expansionChange.emit(this.expanded);
-  }
-  /**
-   * Toggles the accordion item.
-   */
-  async toggle() {
-    if (this.expanded) {
-      this.collapse();
+    /**
+     * Expands the accordion item.
+     */
+    async expand() {
+        if (this.expanded || this.disabled) {
+            return;
+        }
+        this.expanded = true;
+        this.expansionChange.emit(this.expanded);
     }
-    else {
-      this.expand();
+    /**
+     * Toggles the accordion item.
+     */
+    async toggle() {
+        if (this.expanded) {
+            this.collapse();
+        }
+        else {
+            this.expand();
+        }
     }
-  }
-  render() {
-    const HeadingTag = `h${this.headingLevel}`;
-    const className = classnames("accordion-item", {
-      "accordion-item--expanded": this.expanded,
-    });
-    return (h(Host, null, h("div", { class: className }, h(HeadingTag, { class: "accordion-item__heading" }, h("button", { "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { glyph: "expand-more", size: 20 }))))), h("div", { "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", null)))));
-  }
-  get el() { return getElement(this); }
+    render() {
+        const HeadingTag = `h${this.headingLevel}`;
+        const className = classnames("accordion-item", {
+            "accordion-item--expanded": this.expanded,
+        });
+        return (h(Host, { key: '4d16bbdd80e7e7de2c9233fd0990d2056f1918e2' }, h("div", { key: '663b2d9fcbdfd816e42f20a27fdf21b15f5c8eaa', class: className }, h(HeadingTag, { key: 'b588fac98fc927b31088f55d1a4a42077c7c93d7', class: "accordion-item__heading" }, h("button", { key: '93a756f44cbab598814774adcfedaefd6bddf37c', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '88aa6b5112d6cece27b33b053b31a76fb48e1e3a', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'dfb03ef35815cb5de6a7982fb8faa2176d422158', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'b9b1ea22c4b43f531b5b1819220f0089797ad8a5', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '11d5a1e2bfaaf84d8c0ec7c4eb37a2ed69475acd', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'b6209a67579e3800e250dbb6cc85ae38edf97537', glyph: "expand-more", size: 20 }))))), h("div", { key: 'dedd47f75b8aa3eabe5170bcb10c1815bae0489b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'af9c88e96816a003f3126bf76aead45c0d4dc9df' })))));
+    }
+    get el() { return getElement(this); }
 };
-SwirlAccordionItem.style = swirlAccordionItemCss;
+SwirlAccordionItem.style = SwirlAccordionItemStyle0;
 
 export { SwirlAccordionItem as swirl_accordion_item };

package/dist/esm/swirl-accordion.entry.js

@@ -1,52 +1,53 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-59244838.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 
 const swirlAccordionCss = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}";
+const SwirlAccordionStyle0 = swirlAccordionCss;
 
 const SwirlAccordion = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.expandedItemChange = createEvent(this, "expandedItemChange", 7);
-  }
-  componentDidLoad() {
-    this.el.addEventListener("expansionChange", (event) => {
-      if (event.detail) {
-        this.expandedItemChange.emit(event.target.itemId);
-        this.collapseInactiveItems(event.target);
-      }
-    });
-  }
-  /**
-   * Collapses an accordion item.
-   */
-  async collapseItem(itemId) {
-    const item = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((item) => item.itemId === itemId);
-    if (!Boolean(item)) {
-      return;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.expandedItemChange = createEvent(this, "expandedItemChange", 7);
     }
-    item.collapse();
-  }
-  /**
-   * Expands an accordion item.
-   */
-  async expandItem(itemId) {
-    const item = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((item) => item.itemId === itemId);
-    if (!Boolean(item)) {
-      return;
+    componentDidLoad() {
+        this.el.addEventListener("expansionChange", (event) => {
+            if (event.detail) {
+                this.expandedItemChange.emit(event.target.itemId);
+                this.collapseInactiveItems(event.target);
+            }
+        });
     }
-    item.expand();
-  }
-  collapseInactiveItems(activeItem) {
-    Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
-      if (item !== activeItem) {
+    /**
+     * Collapses an accordion item.
+     */
+    async collapseItem(itemId) {
+        const item = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((item) => item.itemId === itemId);
+        if (!Boolean(item)) {
+            return;
+        }
         item.collapse();
-      }
-    });
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  get el() { return getElement(this); }
+    }
+    /**
+     * Expands an accordion item.
+     */
+    async expandItem(itemId) {
+        const item = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((item) => item.itemId === itemId);
+        if (!Boolean(item)) {
+            return;
+        }
+        item.expand();
+    }
+    collapseInactiveItems(activeItem) {
+        Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
+            if (item !== activeItem) {
+                item.collapse();
+            }
+        });
+    }
+    render() {
+        return (h(Host, { key: '8164310633ef979061ffa19a7b7559a93951b664' }, h("slot", { key: 'eac2e80e25b9300dfb9b5efacf53e97c11cd9779' })));
+    }
+    get el() { return getElement(this); }
 };
-SwirlAccordion.style = swirlAccordionCss;
+SwirlAccordion.style = SwirlAccordionStyle0;
 
 export { SwirlAccordion as swirl_accordion };

package/dist/esm/swirl-action-list-section.entry.js

@@ -1,16 +1,17 @@
-import { r as registerInstance, h, H as Host } from './index-59244838.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 
 const swirlActionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}";
+const SwirlActionListSectionStyle0 = swirlActionListSectionCss;
 
 const SwirlActionListSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-  }
-  render() {
-    return (h(Host, null, h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { class: "action-list-section__items" }, h("slot", null)))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = undefined;
+    }
+    render() {
+        return (h(Host, { key: '11b03762c4dd5f0231ba8448a2b59d7cb40e492f' }, h("div", { key: '25bb16b68f4e6c499d1969dc436b122b8e604b87', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e8d33697e0528c1b9fa24841d984285e3d9573aa', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'bb5e0c93bcdb79495eab8545ca1213b704cc2704', class: "action-list-section__items" }, h("slot", { key: '279562f8571a3e4579a8a455857c0b6749d027b7' })))));
+    }
 };
-SwirlActionListSection.style = swirlActionListSectionCss;
+SwirlActionListSection.style = SwirlActionListSectionStyle0;
 
 export { SwirlActionListSection as swirl_action_list_section };