@six-group/ui-library 0.0.0-insider.e8b5a11 → 0.0.0-insider.eb446eb

package/dist/esm/animation-SLlDVtvF.js

@@ -0,0 +1,51 @@
+/**
+ * Animates a given `element` from the position and dimension of `fromElement` to
+ * its current position and dimension. Can be useful to implement the FLIP animation technique.
+ *
+ * @see {@link https://css-tricks.com/animating-layouts-with-the-flip-technique/} for details on the FLIP technique.
+ *
+ * @param {Element} element - The element to animate.
+ * @param {Element} fromElement - The element representing the initial position and dimensions.
+ * @param {KeyframeAnimationOptions} [options={ duration: 150, easing: 'ease', fill: 'both' }] - Optional animation parameters.
+ *
+ */
+function flipAnimate(element, fromElement, options = {
+    duration: 150,
+    easing: 'ease',
+    fill: 'both',
+}) {
+    const dimensionsTo = fromElement.getBoundingClientRect();
+    const dimensionsFrom = element.getBoundingClientRect();
+    const deltaX = dimensionsTo.left - dimensionsFrom.left;
+    const deltaY = dimensionsTo.top - dimensionsFrom.top;
+    const deltaW = dimensionsTo.width / dimensionsFrom.width;
+    const deltaH = dimensionsTo.height / dimensionsFrom.height;
+    element.animate([
+        {
+            transformOrigin: 'top left',
+            transform: `translate(${deltaX}px, ${deltaY}px) scale(${deltaW}, ${deltaH})`,
+        },
+        {
+            transformOrigin: 'top left',
+            transform: 'none',
+        },
+    ], options);
+}
+/**
+ * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
+ */
+function animateTo(el, keyframes, options) {
+    return new Promise((resolve) => {
+        if ((options === null || options === void 0 ? void 0 : options.duration) === Infinity) {
+            throw new Error('Promise-based animations must be finite.');
+        }
+        const animation = el.animate(keyframes, Object.assign(Object.assign({}, options), { duration: options.duration }));
+        animation.addEventListener('cancel', resolve, { once: true });
+        animation.addEventListener('finish', resolve, { once: true });
+    });
+}
+
+export { animateTo as a, flipAnimate as f };
+//# sourceMappingURL=animation-SLlDVtvF.js.map
+
+//# sourceMappingURL=animation-SLlDVtvF.js.map

package/dist/esm/animation-SLlDVtvF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-SLlDVtvF.js","sources":["src/utils/animation.ts"],"sourcesContent":["/**\n * Animates a given `element` from the position and dimension of `fromElement` to\n * its current position and dimension. Can be useful to implement the FLIP animation technique.\n *\n * @see {@link https://css-tricks.com/animating-layouts-with-the-flip-technique/} for details on the FLIP technique.\n *\n * @param {Element} element - The element to animate.\n * @param {Element} fromElement - The element representing the initial position and dimensions.\n * @param {KeyframeAnimationOptions} [options={ duration: 150, easing: 'ease', fill: 'both' }] - Optional animation parameters.\n *\n */\nexport function flipAnimate(\n  element: Element,\n  fromElement: Element,\n  options: KeyframeAnimationOptions = {\n    duration: 150,\n    easing: 'ease',\n    fill: 'both',\n  }\n) {\n  const dimensionsTo = fromElement.getBoundingClientRect();\n  const dimensionsFrom = element.getBoundingClientRect();\n\n  const deltaX = dimensionsTo.left - dimensionsFrom.left;\n  const deltaY = dimensionsTo.top - dimensionsFrom.top;\n  const deltaW = dimensionsTo.width / dimensionsFrom.width;\n  const deltaH = dimensionsTo.height / dimensionsFrom.height;\n\n  element.animate(\n    [\n      {\n        transformOrigin: 'top left',\n        transform: `translate(${deltaX}px, ${deltaY}px) scale(${deltaW}, ${deltaH})`,\n      },\n      {\n        transformOrigin: 'top left',\n        transform: 'none',\n      },\n    ],\n    options\n  );\n}\n\n/**\n * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.\n */\nexport function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions) {\n  return new Promise((resolve) => {\n    if (options?.duration === Infinity) {\n      throw new Error('Promise-based animations must be finite.');\n    }\n\n    const animation = el.animate(keyframes, {\n      ...options,\n      duration: options!.duration,\n    });\n\n    animation.addEventListener('cancel', resolve, { once: true });\n    animation.addEventListener('finish', resolve, { once: true });\n  });\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;SACa,WAAW,CACzB,OAAgB,EAChB,WAAoB,EACpB,OAAoC,GAAA;AAClC,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,IAAI,EAAE,MAAM;AACb,CAAA,EAAA;AAED,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,qBAAqB,EAAE;AACxD,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,qBAAqB,EAAE;IAEtD,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI;IACtD,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,GAAG,cAAc,CAAC,GAAG;IACpD,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK;IACxD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM;IAE1D,OAAO,CAAC,OAAO,CACb;AACE,QAAA;AACE,YAAA,eAAe,EAAE,UAAU;YAC3B,SAAS,EAAE,aAAa,MAAM,CAAA,IAAA,EAAO,MAAM,CAAa,UAAA,EAAA,MAAM,CAAK,EAAA,EAAA,MAAM,CAAG,CAAA,CAAA;AAC7E,SAAA;AACD,QAAA;AACE,YAAA,eAAe,EAAE,UAAU;AAC3B,YAAA,SAAS,EAAE,MAAM;AAClB,SAAA;KACF,EACD,OAAO,CACR;AACH;AAEA;;AAEG;SACa,SAAS,CAAC,EAAe,EAAE,SAAqB,EAAE,OAAkC,EAAA;AAClG,IAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;QAC7B,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,QAAQ,MAAK,QAAQ,EAAE;AAClC,YAAA,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC;;AAG7D,QAAA,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACjC,OAAO,CAAA,EAAA,EACV,QAAQ,EAAE,OAAQ,CAAC,QAAQ,IAC3B;AAEF,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC7D,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC/D,KAAC,CAAC;AACJ;;;;"}

package/dist/esm/{error-messages-HZugF7pW.js → error-messages-1oJarDAY.js}

@@ -21,9 +21,9 @@ function getErrorMessage(language, error) {
             case 'max':
                 return message.replace('{max}', String(error.max));
             case 'mindate':
-                return message.replace('{mindate}', dateFormat.format(error.mindate));
+                return message.replace('{mindate}', dateFormat.format(typeof error.mindate === 'string' ? new Date(error.mindate) : error.mindate));
             case 'maxdate':
-                return message.replace('{maxdate}', dateFormat.format(error.maxdate));
+                return message.replace('{maxdate}', dateFormat.format(typeof error.maxdate === 'string' ? new Date(error.maxdate) : error.maxdate));
             case 'invaliddate':
                 return message;
             case 'custom':
@@ -31,7 +31,7 @@ function getErrorMessage(language, error) {
         }
     }
     catch (e) {
-        console.warn(`no error message in '${language}' for error:`, error);
+        console.warn(`no error message in '${language}' for error: ${error}`, e);
         return undefined;
     }
 }
@@ -111,6 +111,6 @@ const translation = {
 };
 
 export { getLanguage as a, getErrorMessage as g, languages as l };
-//# sourceMappingURL=error-messages-HZugF7pW.js.map
+//# sourceMappingURL=error-messages-1oJarDAY.js.map
 
-//# sourceMappingURL=error-messages-HZugF7pW.js.map
+//# sourceMappingURL=error-messages-1oJarDAY.js.map

package/dist/esm/error-messages-1oJarDAY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-messages-1oJarDAY.js","sources":["src/utils/error-messages.ts"],"sourcesContent":["export const languages = ['de', 'fr', 'it', 'en', 'es'] as const;\nexport type Language = (typeof languages)[number];\n\nconst dateFormat = new Intl.DateTimeFormat('de-CH');\n\nexport type ValidationError =\n  | { key: 'required' }\n  | { key: 'requiredtrue' }\n  | { key: 'email'; requiredPattern: string }\n  | { key: 'minlength'; requiredLength: number }\n  | { key: 'maxlength'; requiredLength: number }\n  | { key: 'pattern'; requiredPattern: string }\n  | { key: 'min'; min: number }\n  | { key: 'max'; max: number }\n  | { key: 'mindate'; mindate: Date; actual: Date | string }\n  | { key: 'maxdate'; maxdate: Date; actual: Date | string }\n  | { key: 'invaliddate'; actual: Date }\n  | { key: 'custom'; text: string };\n\n/**\n * Returns an error message for the given language and error.\n */\nexport function getErrorMessage(language: Language, error: ValidationError): string | undefined {\n  try {\n    const message = translation[language][error.key];\n    switch (error.key) {\n      case 'required':\n      case 'requiredtrue':\n      case 'email':\n        return message;\n      case 'minlength':\n      case 'maxlength':\n        return message.replace('{requiredLength}', String(error.requiredLength));\n      case 'pattern':\n        return message.replace('{pattern}', String(error.requiredPattern));\n      case 'min':\n        return message.replace('{min}', String(error.min));\n      case 'max':\n        return message.replace('{max}', String(error.max));\n      case 'mindate':\n        return message.replace(\n          '{mindate}',\n          dateFormat.format(typeof error.mindate === 'string' ? new Date(error.mindate) : error.mindate)\n        );\n      case 'maxdate':\n        return message.replace(\n          '{maxdate}',\n          dateFormat.format(typeof error.maxdate === 'string' ? new Date(error.maxdate) : error.maxdate)\n        );\n      case 'invaliddate':\n        return message;\n      case 'custom':\n        return error.text;\n    }\n  } catch (e) {\n    console.warn(`no error message in '${language}' for error: ${error}`, e);\n\n    return undefined;\n  }\n}\n\nexport function getLanguage(): Language {\n  const documentLang = document.documentElement.lang as Language;\n  if (languages.includes(documentLang)) {\n    return documentLang;\n  }\n  return 'de';\n}\n\nconst translation: Record<Language, Record<string, string>> = {\n  en: {\n    required: 'Please fill out this field.',\n    minlength: 'Please enter at least {requiredLength} characters.',\n    maxlength: 'Please enter no more than {requiredLength} characters.',\n    pattern: 'Please enter a value that matches the pattern: {pattern}.',\n    email: 'Please enter a valid email address.',\n    min: 'Please enter a value greater than or equal to {min}.',\n    max: 'Please enter a value less than or equal to {max}.',\n    requiredtrue: 'Please check this field.',\n    mindate: 'Please enter a date on or after {mindate}.',\n    maxdate: 'Please enter a date on or before {maxdate}.',\n    invaliddate: 'Please enter a valid date.',\n  },\n  fr: {\n    required: \"Veuillez remplir ce champ s'il vous plaît.\",\n    minlength: 'Veuillez entrer au moins {requiredLength} caractères.',\n    maxlength: 'Veuillez entrer au maximum {requiredLength} caractères.',\n    pattern: 'Veuillez entrer une valeur qui correspond au format : {pattern}.',\n    email: 'Veuillez entrer une adresse email valide.',\n    min: 'Veuillez entrer une valeur supérieure ou égale à {min}.',\n    max: 'Veuillez entrer une valeur inférieure ou égale à {max}.',\n    requiredtrue: \"Veuillez cocher cette case s'il vous plaît.\",\n    mindate: 'Veuillez entrer une date le {mindate} ou après.',\n    maxdate: 'Veuillez entrer une date le {maxdate} ou avant.',\n    invaliddate: 'Veuillez entrer une date valide.',\n  },\n  de: {\n    required: 'Bitte füllen Sie dieses Feld aus.',\n    minlength: 'Bitte geben Sie mindestens {requiredLength} Zeichen ein.',\n    maxlength: 'Bitte geben Sie höchstens {requiredLength} Zeichen ein.',\n    pattern: 'Bitte geben Sie einen Wert ein, der dem Muster entspricht: {pattern}.',\n    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',\n    min: 'Bitte geben Sie einen Wert größer oder gleich {min} ein.',\n    max: 'Bitte geben Sie einen Wert kleiner oder gleich {max} ein.',\n    requiredtrue: 'Bitte aktivieren Sie dieses Feld.',\n    mindate: 'Bitte geben Sie ein Datum am oder nach dem {mindate} ein.',\n    maxdate: 'Bitte geben Sie ein Datum am oder vor dem {maxdate} ein.',\n    invaliddate: 'Bitte geben Sie ein gültiges Datum ein.',\n  },\n  it: {\n    required: 'Si prega di compilare questo campo.',\n    minlength: 'Si prega di inserire almeno {requiredLength} caratteri.',\n    maxlength: 'Si prega di inserire al massimo {requiredLength} caratteri.',\n    pattern: 'Si prega di inserire un valore che corrisponde al formato: {pattern}.',\n    email: 'Si prega di inserire un indirizzo email valido.',\n    min: 'Si prega di inserire un valore maggiore o uguale a {min}.',\n    max: 'Si prega di inserire un valore minore o uguale a {max}.',\n    requiredtrue: 'Si prega di spuntare questo campo.',\n    mindate: 'Si prega di inserire una data il {mindate} o successiva.',\n    maxdate: 'Si prega di inserire una data il {maxdate} o precedente.',\n    invaliddate: 'Inserisci una data valida.',\n  },\n\n  es: {\n    required: 'Por favor, rellene este campo.',\n    minlength: 'Por favor, introduzca al menos {requiredLength} caracteres.',\n    maxlength: 'Por favor, introduzca no más de {requiredLength} caracteres.',\n    pattern: 'Por favor, introduzca un valor que coincida con el patrón: {pattern}.',\n    email: 'Por favor, introduzca una dirección de correo electrónico válida.',\n    min: 'Por favor, introduzca un valor mayor o igual a {min}.',\n    max: 'Por favor, introduzca un valor menor o igual a {max}.',\n    requiredtrue: 'Por favor, marque este campo.',\n    mindate: 'Por favor, introduzca una fecha igual o posterior a {mindate}.',\n    maxdate: 'Por favor, introduzca una fecha igual o anterior a {maxdate}.',\n    invaliddate: 'Por favor, introduzca una fecha válida.',\n  },\n};\n"],"names":[],"mappings":"AAAO,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAGtD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;AAgBnD;;AAEG;AACa,SAAA,eAAe,CAAC,QAAkB,EAAE,KAAsB,EAAA;AACxE,IAAA,IAAI;QACF,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,UAAU;AACf,YAAA,KAAK,cAAc;AACnB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;AAC1E,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACpE,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACpD,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACpD,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,OAAO,CAAC,OAAO,CACpB,WAAW,EACX,UAAU,CAAC,MAAM,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAC/F;AACH,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,OAAO,CAAC,OAAO,CACpB,WAAW,EACX,UAAU,CAAC,MAAM,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAC/F;AACH,YAAA,KAAK,aAAa;AAChB,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,IAAI;;;IAErB,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,CAAwB,qBAAA,EAAA,QAAQ,CAAgB,aAAA,EAAA,KAAK,CAAE,CAAA,EAAE,CAAC,CAAC;AAExE,QAAA,OAAO,SAAS;;AAEpB;SAEgB,WAAW,GAAA;AACzB,IAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAgB;AAC9D,IAAA,IAAI,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;AACpC,QAAA,OAAO,YAAY;;AAErB,IAAA,OAAO,IAAI;AACb;AAEA,MAAM,WAAW,GAA6C;AAC5D,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,6BAA6B;AACvC,QAAA,SAAS,EAAE,oDAAoD;AAC/D,QAAA,SAAS,EAAE,wDAAwD;AACnE,QAAA,OAAO,EAAE,2DAA2D;AACpE,QAAA,KAAK,EAAE,qCAAqC;AAC5C,QAAA,GAAG,EAAE,sDAAsD;AAC3D,QAAA,GAAG,EAAE,mDAAmD;AACxD,QAAA,YAAY,EAAE,0BAA0B;AACxC,QAAA,OAAO,EAAE,4CAA4C;AACrD,QAAA,OAAO,EAAE,6CAA6C;AACtD,QAAA,WAAW,EAAE,4BAA4B;AAC1C,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,4CAA4C;AACtD,QAAA,SAAS,EAAE,uDAAuD;AAClE,QAAA,SAAS,EAAE,yDAAyD;AACpE,QAAA,OAAO,EAAE,kEAAkE;AAC3E,QAAA,KAAK,EAAE,2CAA2C;AAClD,QAAA,GAAG,EAAE,yDAAyD;AAC9D,QAAA,GAAG,EAAE,yDAAyD;AAC9D,QAAA,YAAY,EAAE,6CAA6C;AAC3D,QAAA,OAAO,EAAE,iDAAiD;AAC1D,QAAA,OAAO,EAAE,iDAAiD;AAC1D,QAAA,WAAW,EAAE,kCAAkC;AAChD,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,mCAAmC;AAC7C,QAAA,SAAS,EAAE,0DAA0D;AACrE,QAAA,SAAS,EAAE,yDAAyD;AACpE,QAAA,OAAO,EAAE,uEAAuE;AAChF,QAAA,KAAK,EAAE,kDAAkD;AACzD,QAAA,GAAG,EAAE,0DAA0D;AAC/D,QAAA,GAAG,EAAE,2DAA2D;AAChE,QAAA,YAAY,EAAE,mCAAmC;AACjD,QAAA,OAAO,EAAE,2DAA2D;AACpE,QAAA,OAAO,EAAE,0DAA0D;AACnE,QAAA,WAAW,EAAE,yCAAyC;AACvD,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,qCAAqC;AAC/C,QAAA,SAAS,EAAE,yDAAyD;AACpE,QAAA,SAAS,EAAE,6DAA6D;AACxE,QAAA,OAAO,EAAE,uEAAuE;AAChF,QAAA,KAAK,EAAE,iDAAiD;AACxD,QAAA,GAAG,EAAE,2DAA2D;AAChE,QAAA,GAAG,EAAE,yDAAyD;AAC9D,QAAA,YAAY,EAAE,oCAAoC;AAClD,QAAA,OAAO,EAAE,0DAA0D;AACnE,QAAA,OAAO,EAAE,0DAA0D;AACnE,QAAA,WAAW,EAAE,4BAA4B;AAC1C,KAAA;AAED,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,gCAAgC;AAC1C,QAAA,SAAS,EAAE,6DAA6D;AACxE,QAAA,SAAS,EAAE,8DAA8D;AACzE,QAAA,OAAO,EAAE,uEAAuE;AAChF,QAAA,KAAK,EAAE,mEAAmE;AAC1E,QAAA,GAAG,EAAE,uDAAuD;AAC5D,QAAA,GAAG,EAAE,uDAAuD;AAC5D,QAAA,YAAY,EAAE,+BAA+B;AAC7C,QAAA,OAAO,EAAE,gEAAgE;AACzE,QAAA,OAAO,EAAE,+DAA+D;AACxE,QAAA,WAAW,EAAE,yCAAyC;AACvD,KAAA;CACF;;;;"}

package/dist/esm/{form-control-_dvMXnmg.js → form-control-DI6V1ZhR.js}

@@ -1,10 +1,10 @@
-import { h } from './index-BF09Gr5y.js';
+import { h } from './index-JoG9I7EO.js';
 
 const FormControl = (props, children) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter((text) => text != null && text.trim() !== '');
-    const hasLabel = props.label != null && props.label.trim() !== '' ? true : (_a = props.hasLabelSlot) !== null && _a !== void 0 ? _a : false;
-    const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : (_b = props.hasHelpTextSlot) !== null && _b !== void 0 ? _b : false;
+    const hasLabel = props.label != null && props.label.trim() !== '' ? true : ((_a = props.hasLabelSlot) !== null && _a !== void 0 ? _a : false);
+    const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : ((_b = props.hasHelpTextSlot) !== null && _b !== void 0 ? _b : false);
     const hasErrorText = (errorMessages.length > 0 || ((_c = props.hasErrorTextSlot) !== null && _c !== void 0 ? _c : false)) && ((_d = props.displayError) !== null && _d !== void 0 ? _d : false);
     return (h("div", { part: "form-control", class: {
             'form-control': true,
@@ -30,6 +30,6 @@ const FormControl = (props, children) => {
 };
 
 export { FormControl as F };
-//# sourceMappingURL=form-control-_dvMXnmg.js.map
+//# sourceMappingURL=form-control-DI6V1ZhR.js.map
 
-//# sourceMappingURL=form-control-_dvMXnmg.js.map
+//# sourceMappingURL=form-control-DI6V1ZhR.js.map

package/dist/esm/form-control-DI6V1ZhR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-DI6V1ZhR.js","sources":["src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** Whether an error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string | string[];\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  errorTextCount?: number;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children: VNode[]) => {\n  const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter(\n    (text) => text != null && text.trim() !== ''\n  );\n\n  const hasLabel = props.label != null && props.label.trim() !== '' ? true : (props.hasLabelSlot ?? false);\n  const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : (props.hasHelpTextSlot ?? false);\n  const hasErrorText = (errorMessages.length > 0 || (props.hasErrorTextSlot ?? false)) && (props.displayError ?? false);\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': hasErrorText,\n        'form-control--disabled': props.disabled ?? false,\n        'form-control--invalid': (props.displayError ?? false) && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required ?? false,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={hasErrorText ? 'false' : 'true'}\n      >\n        <slot name=\"error-text\">\n          {errorMessages.slice(0, props.errorTextCount ?? 1).map((text) => (\n            <six-error>{text}</six-error>\n          ))}\n        </slot>\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"names":[],"mappings":"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"}

package/dist/esm/{index-BF09Gr5y.js → index-JoG9I7EO.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'ui-library';
 const BUILD = /* ui-library */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.28.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.32.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -83,6 +83,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './six-card.entry.js').then(processMod, consoleError);
+                case 'six-date':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './six-date.entry.js').then(processMod, consoleError);
                 case 'six-datepicker':
                     return import(
                       /* webpackMode: "lazy" */
@@ -175,6 +179,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './six-range.entry.js').then(processMod, consoleError);
+                case 'six-rating':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './six-rating.entry.js').then(processMod, consoleError);
                 case 'six-root':
                     return import(
                       /* webpackMode: "lazy" */
@@ -309,6 +317,7 @@ var styles = /* @__PURE__ */ new Map();
 var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
 var win = typeof window !== "undefined" ? window : {};
 var plt = {
   $flags$: 0,
@@ -394,6 +403,11 @@ function queryNonceMetaTagContent(doc) {
   return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
 }
 
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
 // src/utils/result.ts
 var result_exports = {};
 __export(result_exports, {
@@ -673,13 +687,25 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
       return propValue === "false" ? false : propValue === "" || !!propValue;
     }
     if (propType & 2 /* Number */) {
-      return parseFloat(propValue);
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
     }
     if (propType & 1 /* String */) {
       return String(propValue);
@@ -798,7 +824,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
+  if (flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
@@ -883,15 +909,26 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       } catch (e) {
       }
     }
+    let xlink = false;
+    {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
+      }
+    }
     if (newValue == null || newValue === false) {
       if (newValue !== false || elm.getAttribute(memberName) === "") {
-        {
+        if (xlink) {
+          elm.removeAttributeNS(XLINK_NS, memberName);
+        } else {
           elm.removeAttribute(memberName);
         }
       }
     } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
       newValue = newValue === true ? "" : newValue;
-      {
+      if (xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
         elm.setAttribute(memberName, newValue);
       }
     }
@@ -1334,7 +1371,8 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
-  const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
+  const isHostElement = isHost(renderFnResults);
+  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
@@ -2111,6 +2149,6 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
 export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-BF09Gr5y.js.map
+//# sourceMappingURL=index-JoG9I7EO.js.map
 
-//# sourceMappingURL=index-BF09Gr5y.js.map
+//# sourceMappingURL=index-JoG9I7EO.js.map