@sme.up/ketchup 8.0.2 → 8.2.0

package/dist/cjs/{GenericVariables-a9ed17ee.js → GenericVariables-9cd88034.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-/**
- * Id of the wrapper element for every kup component.
- */
+/**
+ * Id of the wrapper element for every kup component.
+ */
 const componentWrapperId = 'kup-component';
 
 exports.componentWrapperId = componentWrapperId;

package/dist/cjs/{component-85c2bd4d.js → component-2c7ddef7.js}

@@ -1,6 +1,85 @@
 'use strict';
 
-const tslib_es6 = require('./tslib.es6-386654de.js');
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
 
 /**
  * @license
@@ -104,7 +183,7 @@ var MDCComponent = /** @class */ (function () {
             args[_i - 2] = arguments[_i];
         }
         this.root = root;
-        this.initialize.apply(this, tslib_es6.__spreadArray([], tslib_es6.__read(args)));
+        this.initialize.apply(this, __spreadArray([], __read(args)));
         // Note that we initialize foundation here and not within the constructor's
         // default param so that this.root is defined and can be used within the
         // foundation class.
@@ -416,9 +495,9 @@ var POINTER_DEACTIVATION_EVENT_TYPES = [
 // simultaneous nested activations
 var activatedTargets = [];
 var MDCRippleFoundation = /** @class */ (function (_super) {
-    tslib_es6.__extends(MDCRippleFoundation, _super);
+    __extends(MDCRippleFoundation, _super);
     function MDCRippleFoundation(adapter) {
-        var _this = _super.call(this, tslib_es6.__assign(tslib_es6.__assign({}, MDCRippleFoundation.defaultAdapter), adapter)) || this;
+        var _this = _super.call(this, exports.__assign(exports.__assign({}, MDCRippleFoundation.defaultAdapter), adapter)) || this;
         _this.activationAnimationHasEnded = false;
         _this.activationTimer = 0;
         _this.fgDeactivationRemovalTimer = 0;
@@ -598,7 +677,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
         var e_1, _a;
         if (supportsPressRipple) {
             try {
-                for (var ACTIVATION_EVENT_TYPES_1 = tslib_es6.__values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next(); !ACTIVATION_EVENT_TYPES_1_1.done; ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next()) {
+                for (var ACTIVATION_EVENT_TYPES_1 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next(); !ACTIVATION_EVENT_TYPES_1_1.done; ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next()) {
                     var evtType = ACTIVATION_EVENT_TYPES_1_1.value;
                     this.adapter.registerInteractionHandler(evtType, this.activateHandler);
                 }
@@ -624,7 +703,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
         }
         else {
             try {
-                for (var POINTER_DEACTIVATION_EVENT_TYPES_1 = tslib_es6.__values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next(); !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done; POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next()) {
+                for (var POINTER_DEACTIVATION_EVENT_TYPES_1 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next(); !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done; POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next()) {
                     var evtType = POINTER_DEACTIVATION_EVENT_TYPES_1_1.value;
                     this.adapter.registerDocumentInteractionHandler(evtType, this.deactivateHandler);
                 }
@@ -641,7 +720,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
     MDCRippleFoundation.prototype.deregisterRootHandlers = function () {
         var e_3, _a;
         try {
-            for (var ACTIVATION_EVENT_TYPES_2 = tslib_es6.__values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next(); !ACTIVATION_EVENT_TYPES_2_1.done; ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next()) {
+            for (var ACTIVATION_EVENT_TYPES_2 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next(); !ACTIVATION_EVENT_TYPES_2_1.done; ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next()) {
                 var evtType = ACTIVATION_EVENT_TYPES_2_1.value;
                 this.adapter.deregisterInteractionHandler(evtType, this.activateHandler);
             }
@@ -663,7 +742,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
         var e_4, _a;
         this.adapter.deregisterInteractionHandler('keyup', this.deactivateHandler);
         try {
-            for (var POINTER_DEACTIVATION_EVENT_TYPES_2 = tslib_es6.__values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next(); !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done; POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next()) {
+            for (var POINTER_DEACTIVATION_EVENT_TYPES_2 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next(); !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done; POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next()) {
                 var evtType = POINTER_DEACTIVATION_EVENT_TYPES_2_1.value;
                 this.adapter.deregisterDocumentInteractionHandler(evtType, this.deactivateHandler);
             }
@@ -835,7 +914,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
         if (!activationState.isActivated) {
             return;
         }
-        var state = tslib_es6.__assign({}, activationState);
+        var state = exports.__assign({}, activationState);
         if (activationState.isProgrammatic) {
             requestAnimationFrame(function () {
                 _this.animateDeactivation(state);
@@ -923,7 +1002,7 @@ var MDCRippleFoundation = /** @class */ (function (_super) {
  * THE SOFTWARE.
  */
 var MDCRipple = /** @class */ (function (_super) {
-    tslib_es6.__extends(MDCRipple, _super);
+    __extends(MDCRipple, _super);
     function MDCRipple() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.disabled = false;
@@ -1021,6 +1100,8 @@ exports.MDCComponent = MDCComponent;
 exports.MDCFoundation = MDCFoundation;
 exports.MDCRipple = MDCRipple;
 exports.MDCRippleFoundation = MDCRippleFoundation;
+exports.__extends = __extends;
+exports.__values = __values;
 exports.applyPassive = applyPassive;
 exports.estimateScrollWidth = estimateScrollWidth;
 exports.matches = matches;

package/dist/cjs/{f-button-9524bbf7.js → f-button-797c8e7f.js}

@@ -1,105 +1,105 @@
 'use strict';
 
-const index = require('./index-1f177abc.js');
-const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-47d74999.js');
+const index = require('./index-a9a3b467.js');
+const fButtonDeclarations = require('./f-button-declarations-76b4fb4c.js');
+const fImage = require('./f-image-f10144e9.js');
 
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FButton = (props, children) => {
-  if (!props.styling) {
-    props.styling = fButtonDeclarations.FButtonStyling.RAISED;
-  }
-  if (!props.label && !props.icon) {
-    return;
-  }
-  const isIconButton = !!(props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON ||
-    (props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.RAISED &&
-      props.icon &&
-      (props.label === null || props.label === undefined)));
-  return (index.h("div", Object.assign({ class: `f-button ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''} ${props.info ? 'kup-info' : ''} ${props.large ? 'kup-large' : ''} ${props.pulsating ? 'kup-pulsating' : ''}  ${props.shaped ? 'kup-shaped' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-    isIconButton ? renderIconButton(props) : renderButton(props),
-    children));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function renderButton(props) {
-  const isFlat = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLAT;
-  const isFloating = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLOATING;
-  const isIcon = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON;
-  const isOutlined = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.OUTLINED;
-  const isRaised = !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;
-  const propsFImage = {
-    color: props.disabled
-      ? `var(--kup_button_disabled_color)`
-      : isOutlined || isFlat
-        ? `var(--kup_button_primary_color)`
-        : `var(--kup_button_text_on_primary_color)`,
-    resource: props.icon,
-    sizeX: isFloating ? '1.75em' : '1.475em',
-    sizeY: isFloating ? '1.75em' : '1.475em',
-    wrapperClass: 'button__icon kup-icon',
-  };
-  if (props.showSpinner)
-    propsFImage.wrapperClass += ' content--hidden';
-  const classObj = {
-    button: true,
-    'button--disabled': props.disabled ? true : false,
-    'button--floating': isFloating ? true : false,
-    'button--outlined': isOutlined ? true : false,
-    'button--raised': isRaised ? true : false,
-    'button--no-label': !props.label || props.label === ' ' ? true : false,
-    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-  };
-  const classLabelObj = {
-    button__label: true,
-    'content--hidden': props.showSpinner && !props.disabled ? true : false,
-  };
-  const styleSpinnerContainer = {
-    '--kup_button_spinner_height': propsFImage.sizeY,
-  };
-  return (index.h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title },
-    props.trailingIcon
-      ? [
-        index.h("span", { class: classLabelObj }, props.label),
-        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
-      ]
-      : [
-        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
-        index.h("span", { class: classLabelObj }, props.label),
-      ],
-    props.showSpinner && !props.disabled ? (index.h("div", { class: "button__spinner-container" },
-      index.h("slot", { name: "spinner" }))) : undefined));
-}
-function renderIconButton(props) {
-  const propsFImage = {
-    color: props.disabled
-      ? `var(--kup_button_disabled_color)`
-      : `var(--kup_button_primary_color)`,
-    sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
-    sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
-  };
-  const classObj = {
-    'icon-button': true,
-    'button--disabled': props.disabled ? true : false,
-    'icon-button--on': props.toggable && props.checked ? true : false,
-    toggable: props.toggable ? true : false,
-    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-  };
-  const styleSpinnerContainer = {
-    '--kup_button_spinner_height': propsFImage.sizeY,
-    '--kup_button_spinner_width': propsFImage.sizeX,
-  };
-  const iconOff = props.iconOff
-    ? props.iconOff
-    : props.icon + '_border';
-  return (index.h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, value: props.checked ? 'on' : 'off', "aria-label": props.title },
-    !props.showSpinner || props.disabled ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
-    props.toggable && !props.showSpinner ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
-    props.showSpinner && !props.disabled ? (index.h("div", { class: "icon-button__spinner-container" },
-      index.h("slot", { name: "spinner" }))) : undefined));
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FButton = (props, children) => {
+  if (!props.styling) {
+    props.styling = fButtonDeclarations.FButtonStyling.RAISED;
+  }
+  if (!props.label && !props.icon) {
+    return;
+  }
+  const isIconButton = !!(props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON ||
+    (props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.RAISED &&
+      props.icon &&
+      (props.label === null || props.label === undefined)));
+  return (index.h("div", Object.assign({ class: `f-button ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''} ${props.info ? 'kup-info' : ''} ${props.large ? 'kup-large' : ''} ${props.pulsating ? 'kup-pulsating' : ''}  ${props.shaped ? 'kup-shaped' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
+    isIconButton ? renderIconButton(props) : renderButton(props),
+    children));
+};
+/*-------------------------------------------------*/
+/*                  M e t h o d s                  */
+/*-------------------------------------------------*/
+function renderButton(props) {
+  const isFlat = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLAT;
+  const isFloating = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLOATING;
+  const isIcon = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON;
+  const isOutlined = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.OUTLINED;
+  const isRaised = !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;
+  const propsFImage = {
+    color: props.disabled
+      ? `var(--kup_button_disabled_color)`
+      : isOutlined || isFlat
+        ? `var(--kup_button_primary_color)`
+        : `var(--kup_button_text_on_primary_color)`,
+    resource: props.icon,
+    sizeX: isFloating ? '1.75em' : '1.475em',
+    sizeY: isFloating ? '1.75em' : '1.475em',
+    wrapperClass: 'button__icon kup-icon',
+  };
+  if (props.showSpinner)
+    propsFImage.wrapperClass += ' content--hidden';
+  const classObj = {
+    button: true,
+    'button--disabled': props.disabled ? true : false,
+    'button--floating': isFloating ? true : false,
+    'button--outlined': isOutlined ? true : false,
+    'button--raised': isRaised ? true : false,
+    'button--no-label': !props.label || props.label === ' ' ? true : false,
+    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
+  };
+  const classLabelObj = {
+    button__label: true,
+    'content--hidden': props.showSpinner && !props.disabled ? true : false,
+  };
+  const styleSpinnerContainer = {
+    '--kup_button_spinner_height': propsFImage.sizeY,
+  };
+  return (index.h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title },
+    props.trailingIcon
+      ? [
+        index.h("span", { class: classLabelObj }, props.label),
+        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
+      ]
+      : [
+        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
+        index.h("span", { class: classLabelObj }, props.label),
+      ],
+    props.showSpinner && !props.disabled ? (index.h("div", { class: "button__spinner-container" },
+      index.h("slot", { name: "spinner" }))) : undefined));
+}
+function renderIconButton(props) {
+  const propsFImage = {
+    color: props.disabled
+      ? `var(--kup_button_disabled_color)`
+      : `var(--kup_button_primary_color)`,
+    sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
+    sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
+  };
+  const classObj = {
+    'icon-button': true,
+    'button--disabled': props.disabled ? true : false,
+    'icon-button--on': props.toggable && props.checked ? true : false,
+    toggable: props.toggable ? true : false,
+    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
+  };
+  const styleSpinnerContainer = {
+    '--kup_button_spinner_height': propsFImage.sizeY,
+    '--kup_button_spinner_width': propsFImage.sizeX,
+  };
+  const iconOff = props.iconOff
+    ? props.iconOff
+    : props.icon + '_border';
+  return (index.h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, value: props.checked ? 'on' : 'off', "aria-label": props.title },
+    !props.showSpinner || props.disabled ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
+    props.toggable && !props.showSpinner ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
+    props.showSpinner && !props.disabled ? (index.h("div", { class: "icon-button__spinner-container" },
+      index.h("slot", { name: "spinner" }))) : undefined));
 }
 
 exports.FButton = FButton;

package/dist/cjs/{f-button-declarations-b611587f.js → f-button-declarations-76b4fb4c.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-/**
- * Styling options for the f-button component.
- * @enum {string}
- * @property {string} FLAT - Flat style: no background nor borders.
- * @property {string} FLOATING - Floating action button (FAB) style: round and large.
- * @property {string} ICON - Icon button style: single icon with backdrop and no background.
- * @property {string} OUTLINED - Outlined style: no background with border.
- * @property {string} RAISED - Raised style: no border with solid background.
- */
-exports.FButtonStyling = void 0;
-(function (FButtonStyling) {
-  FButtonStyling["FLAT"] = "flat";
-  FButtonStyling["FLOATING"] = "floating";
-  FButtonStyling["ICON"] = "icon";
-  FButtonStyling["OUTLINED"] = "outlined";
-  FButtonStyling["RAISED"] = "raised";
+/**
+ * Styling options for the f-button component.
+ * @enum {string}
+ * @property {string} FLAT - Flat style: no background nor borders.
+ * @property {string} FLOATING - Floating action button (FAB) style: round and large.
+ * @property {string} ICON - Icon button style: single icon with backdrop and no background.
+ * @property {string} OUTLINED - Outlined style: no background with border.
+ * @property {string} RAISED - Raised style: no border with solid background.
+ */
+exports.FButtonStyling = void 0;
+(function (FButtonStyling) {
+  FButtonStyling["FLAT"] = "flat";
+  FButtonStyling["FLOATING"] = "floating";
+  FButtonStyling["ICON"] = "icon";
+  FButtonStyling["OUTLINED"] = "outlined";
+  FButtonStyling["RAISED"] = "raised";
 })(exports.FButtonStyling || (exports.FButtonStyling = {}));