@getflip/swirl-components 0.190.0 → 0.192.0

package/dist/cjs/{maska-d2148ad3.js → maska-895c9954.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const _commonjsHelpers = require('./_commonjsHelpers-8f2c79cd.js');
+const index = require('./index-2ddd0598.js');
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -434,7 +434,7 @@ function addLeadingZeros(number, targetLength) {
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
 
-var formatters$2 = {
+var formatters$1 = {
   // Year
   y: function y(date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -503,7 +503,6 @@ var formatters$2 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
-const formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -601,7 +600,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.y(date, token);
+    return formatters$1.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -734,7 +733,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$3.M(date, token);
+        return formatters$1.M(date, token);
       // 1st, 2nd, ..., 12th
 
       case 'Mo':
@@ -839,7 +838,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.d(date, token);
+    return formatters$1.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -1160,7 +1159,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.h(date, token);
+    return formatters$1.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -1170,7 +1169,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.H(date, token);
+    return formatters$1.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -1205,7 +1204,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.m(date, token);
+    return formatters$1.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -1215,11 +1214,11 @@ var formatters = {
       });
     }
 
-    return formatters$3.s(date, token);
+    return formatters$1.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return formatters$3.S(date, token);
+    return formatters$1.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -1363,8 +1362,6 @@ function formatTimezone(offset, dirtyDelimiter) {
   return sign + hours + delimiter + minutes;
 }
 
-const formatters$1 = formatters;
-
 var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
   switch (pattern) {
     case 'P':
@@ -1460,7 +1457,6 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
-const longFormatters$1 = longFormatters;
 
 var protectedDayOfYearTokens = ['D', 'DD'];
 var protectedWeekYearTokens = ['YY', 'YYYY'];
@@ -1569,8 +1565,6 @@ 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] : {};
@@ -1613,7 +1607,6 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
-const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1628,8 +1621,6 @@ 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';
@@ -1797,7 +1788,6 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
-const localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -1961,7 +1951,6 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
-const match$1 = match;
 
 /**
  * @type {Locale}
@@ -1974,11 +1963,11 @@ const match$1 = match;
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance$1,
-  formatLong: formatLong$1,
-  formatRelative: formatRelative$1,
-  localize: localize$1,
-  match: match$1,
+  formatDistance: formatDistance,
+  formatLong: formatLong,
+  formatRelative: formatRelative,
+  localize: localize,
+  match: match,
   options: {
     weekStartsOn: 0
     /* Sunday */
@@ -1986,7 +1975,6 @@ var locale = {
     firstWeekContainsDate: 1
   }
 };
-const defaultLocale = locale;
 
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
@@ -2304,7 +2292,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var defaultOptions = getDefaultOptions();
-  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 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 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)) {
@@ -2317,11 +2305,11 @@ function format(dirtyDate, dirtyFormatStr, options) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
 
-  if (!locale.localize) {
+  if (!locale$1.localize) {
     throw new RangeError('locale must contain localize property');
   }
 
-  if (!locale.formatLong) {
+  if (!locale$1.formatLong) {
     throw new RangeError('locale must contain formatLong property');
   }
 
@@ -2339,15 +2327,15 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale,
+    locale: locale$1,
     _originalDate: originalDate
   };
   var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
     var firstCharacter = substring[0];
 
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters$1[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
+      var longFormatter = longFormatters[firstCharacter];
+      return longFormatter(substring, locale$1.formatLong);
     }
 
     return substring;
@@ -2363,7 +2351,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
       return cleanEscapedString$1(substring);
     }
 
-    var formatter = formatters$1[firstCharacter];
+    var formatter = formatters[firstCharacter];
 
     if (formatter) {
       if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
@@ -2374,7 +2362,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
       }
 
-      return formatter(utcDate, substring, locale.localize, formatterOptions);
+      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
     }
 
     if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
@@ -6067,9 +6055,9 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var dateString = String(dirtyDateString);
   var formatString = String(dirtyFormatString);
   var defaultOptions = getDefaultOptions();
-  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 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;
 
-  if (!locale.match) {
+  if (!locale$1.match) {
     throw new RangeError('locale must contain match property');
   }
 
@@ -6096,16 +6084,16 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var subFnOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale
+    locale: locale$1
   }; // 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$1) {
-      var longFormatter = longFormatters$1[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
+    if (firstCharacter in longFormatters) {
+      var longFormatter = longFormatters[firstCharacter];
+      return longFormatter(substring, locale$1.formatLong);
     }
 
     return substring;
@@ -6149,7 +6137,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
           token: firstCharacter,
           fullToken: token
         });
-        var parseResult = parser.run(dateString, token, locale.match, subFnOptions);
+        var parseResult = parser.run(dateString, token, locale$1.match, subFnOptions);
 
         if (!parseResult) {
           return {
@@ -6256,17 +6244,14 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-var maska = {exports: {}};
-
+var maska = index.createCommonjsModule(function (module, exports) {
 /*!
  * maska v1.5.0
  * (c) 2019-2021 Alexander Shabunevich
  * Released under the MIT License.
  */
-
-(function (module, exports) {
-!function(e,t){t(exports);}(_commonjsHelpers.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));
+!function(e,t){t(exports);}(index.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});}));
+});
 
 exports.format = format;
 exports.isValid = isValid;

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

@@ -2,76 +2,75 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 const v4 = require('./v4-c23234d2.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) {
-        index.registerInstance(this, hostRef);
-        this.expansionChange = index.createEvent(this, "expansionChange", 7);
-        this.headingId = `${v4.v4()}-heading`;
-        this.onHeadingClick = () => {
-            this.toggle();
-        };
-        this.description = undefined;
-        this.disabled = undefined;
-        this.heading = undefined;
-        this.headingLevel = 2;
-        this.initiallyOpen = undefined;
-        this.itemId = v4.v4();
-        this.expanded = false;
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.expansionChange = index.createEvent(this, "expansionChange", 7);
+    this.headingId = `${v4.v4()}-heading`;
+    this.onHeadingClick = () => {
+      this.toggle();
+    };
+    this.description = undefined;
+    this.disabled = undefined;
+    this.heading = undefined;
+    this.headingLevel = 2;
+    this.initiallyOpen = undefined;
+    this.itemId = v4.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.");
     }
-    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.");
-        }
+  }
+  /**
+   * Collapses the accordion item.
+   */
+  async collapse() {
+    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 = false;
+    this.expansionChange.emit(this.expanded);
+  }
+  /**
+   * Expands the accordion item.
+   */
+  async expand() {
+    if (this.expanded || this.disabled) {
+      return;
     }
-    /**
-     * Expands the accordion item.
-     */
-    async expand() {
-        if (this.expanded || this.disabled) {
-            return;
-        }
-        this.expanded = true;
-        this.expansionChange.emit(this.expanded);
+    this.expanded = true;
+    this.expansionChange.emit(this.expanded);
+  }
+  /**
+   * Toggles the accordion item.
+   */
+  async toggle() {
+    if (this.expanded) {
+      this.collapse();
     }
-    /**
-     * Toggles the accordion item.
-     */
-    async toggle() {
-        if (this.expanded) {
-            this.collapse();
-        }
-        else {
-            this.expand();
-        }
+    else {
+      this.expand();
     }
-    render() {
-        const HeadingTag = `h${this.headingLevel}`;
-        const className = index$1.classnames("accordion-item", {
-            "accordion-item--expanded": this.expanded,
-        });
-        return (index.h(index.Host, { key: 'dd9e7844882c2de9ee28a9be3ff4b4510e18119c' }, index.h("div", { key: '9aabe3082e3548a621e048bb936a03423362b638', class: className }, index.h(HeadingTag, { key: 'a784bbffa40ee7baefb59610f6ac6281d45caa47', class: "accordion-item__heading" }, index.h("button", { key: 'b117603d5c01a96b18086131ad4c70ffe378973d', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: 'fe3437efbea667f9c1704828d02182905f5176f3', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '2d8988da33491660de76b38c59376e445dec4407', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: 'c5397a1ba3d0e38388fb985552be170da7ffe4b1', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: 'c35e4e8cc523fae73d3f450e9c3a61e29b292e16', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '6e0b3dfafcc43e896afb0922dd6121731e367f84', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'ef3569da9213eb9a5520b4e237d576b2a326e4eb', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: 'f40710e786171b9154c1e25169485c473e221c35' })))));
-    }
-    get el() { return index.getElement(this); }
+  }
+  render() {
+    const HeadingTag = `h${this.headingLevel}`;
+    const className = index$1.classnames("accordion-item", {
+      "accordion-item--expanded": this.expanded,
+    });
+    return (index.h(index.Host, null, index.h("div", { class: className }, index.h(HeadingTag, { class: "accordion-item__heading" }, index.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" }, index.h("span", { class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { glyph: "expand-more", size: 20 }))))), index.h("div", { "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", null)))));
+  }
+  get el() { return index.getElement(this); }
 };
-SwirlAccordionItem.style = SwirlAccordionItemStyle0;
+SwirlAccordionItem.style = swirlAccordionItemCss;
 
 exports.swirl_accordion_item = SwirlAccordionItem;

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

@@ -2,56 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
+const index = require('./index-1de6abbd.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) {
-        index.registerInstance(this, hostRef);
-        this.expandedItemChange = index.createEvent(this, "expandedItemChange", 7);
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.expandedItemChange = index.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;
     }
-    componentDidLoad() {
-        this.el.addEventListener("expansionChange", (event) => {
-            if (event.detail) {
-                this.expandedItemChange.emit(event.target.itemId);
-                this.collapseInactiveItems(event.target);
-            }
-        });
+    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;
     }
-    /**
-     * 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.expand();
+  }
+  collapseInactiveItems(activeItem) {
+    Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
+      if (item !== activeItem) {
         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;
-        }
-        item.expand();
-    }
-    collapseInactiveItems(activeItem) {
-        Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
-            if (item !== activeItem) {
-                item.collapse();
-            }
-        });
-    }
-    render() {
-        return (index.h(index.Host, { key: '1382405b9533c312df665a67981d77f22ebab307' }, index.h("slot", { key: 'ef8dd87c7e2430ad1ca6eac86e755afc6a2aaf35' })));
-    }
-    get el() { return index.getElement(this); }
+      }
+    });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
 };
-SwirlAccordion.style = SwirlAccordionStyle0;
+SwirlAccordion.style = swirlAccordionCss;
 
 exports.swirl_accordion = SwirlAccordion;

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

@@ -2,20 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
+const index = require('./index-1de6abbd.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) {
-        index.registerInstance(this, hostRef);
-        this.label = undefined;
-    }
-    render() {
-        return (index.h(index.Host, { key: '96c5d79e096be5983792b3c9170b9447ad93ca3c' }, index.h("div", { key: '691458375083aead4eacb5afdb078ea14d31db3d', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '53c880f126fe65fc25f9e534076b7de652277ab7', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("div", { key: 'e74404778f2403d009afdddd78b011f5cb0a4af4', class: "action-list-section__items" }, index.h("slot", { key: 'da33ece1a3f54649189dcd2bbd1d3aee33a6e5cc' })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.label = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("div", { class: "action-list-section__items" }, index.h("slot", null)))));
+  }
 };
-SwirlActionListSection.style = SwirlActionListSectionStyle0;
+SwirlActionListSection.style = swirlActionListSectionCss;
 
 exports.swirl_action_list_section = SwirlActionListSection;