@assecosolutions/fox-button - npm Package Compare versions

Comparing version 1.5.3 to 1.5.10

package.json

 {
   "name": "@assecosolutions/fox-button",
-  "version": "1.5.3",
+  "version": "1.5.10",
   "public": true,
@@ -29,5 +29,4 @@ "lib": {
     "@material/mwc-circular-progress": "^0.21.0",
-    "lit": "^2.0.0-rc.2",
     "@material/mwc-linear-progress": "^0.21.0"
   }
 }

shared-ui-atoms-fox-button.esm.js

@@ -1,3 +0,1 @@
-import 'core-js/modules/es.string.small.js';
-import { __decorate, __metadata } from 'tslib';
 import { css, property, query, customElement, html, LitElement } from 'lit-element';
@@ -8,2 +6,575 @@ import { classMap } from 'lit-html/directives/class-map';
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var check = function (it) {
+  return it && it.Math == Math && it;
+};
+
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+var global_1 =
+  // eslint-disable-next-line es/no-global-this -- safe
+  check(typeof globalThis == 'object' && globalThis) ||
+  check(typeof window == 'object' && window) ||
+  // eslint-disable-next-line no-restricted-globals -- safe
+  check(typeof self == 'object' && self) ||
+  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+  // eslint-disable-next-line no-new-func -- fallback
+  (function () { return this; })() || Function('return this')();
+
+var fails = function (exec) {
+  try {
+    return !!exec();
+  } catch (error) {
+    return true;
+  }
+};
+
+// Detect IE8's incomplete defineProperty implementation
+var descriptors = !fails(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+});
+
+var $propertyIsEnumerable = {}.propertyIsEnumerable;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// Nashorn ~ JDK8 bug
+var NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+
+// `Object.prototype.propertyIsEnumerable` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+var f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+  var descriptor = getOwnPropertyDescriptor(this, V);
+  return !!descriptor && descriptor.enumerable;
+} : $propertyIsEnumerable;
+
+var objectPropertyIsEnumerable = {
+	f: f
+};
+
+var createPropertyDescriptor = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
+  };
+};
+
+var toString = {}.toString;
+
+var classofRaw = function (it) {
+  return toString.call(it).slice(8, -1);
+};
+
+var split = ''.split;
+
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var indexedObject = fails(function () {
+  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return !Object('z').propertyIsEnumerable(0);
+}) ? function (it) {
+  return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);
+} : Object;
+
+// `RequireObjectCoercible` abstract operation
+// https://tc39.es/ecma262/#sec-requireobjectcoercible
+var requireObjectCoercible = function (it) {
+  if (it == undefined) throw TypeError("Can't call method on " + it);
+  return it;
+};
+
+// toObject with fallback for non-array-like ES3 strings
+
+
+
+var toIndexedObject = function (it) {
+  return indexedObject(requireObjectCoercible(it));
+};
+
+var isObject = function (it) {
+  return typeof it === 'object' ? it !== null : typeof it === 'function';
+};
+
+// `ToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-toprimitive
+// instead of the ES6 spec version, we didn't implement @@toPrimitive case
+// and the second argument - flag - preferred type is a string
+var toPrimitive = function (input, PREFERRED_STRING) {
+  if (!isObject(input)) return input;
+  var fn, val;
+  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
+  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+  throw TypeError("Can't convert object to primitive value");
+};
+
+// `ToObject` abstract operation
+// https://tc39.es/ecma262/#sec-toobject
+var toObject = function (argument) {
+  return Object(requireObjectCoercible(argument));
+};
+
+var hasOwnProperty = {}.hasOwnProperty;
+
+var has = Object.hasOwn || function hasOwn(it, key) {
+  return hasOwnProperty.call(toObject(it), key);
+};
+
+var document = global_1.document;
+// typeof document.createElement is 'object' in old IE
+var EXISTS = isObject(document) && isObject(document.createElement);
+
+var documentCreateElement = function (it) {
+  return EXISTS ? document.createElement(it) : {};
+};
+
+// Thank's IE8 for his funny defineProperty
+var ie8DomDefine = !descriptors && !fails(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
+  return Object.defineProperty(documentCreateElement('div'), 'a', {
+    get: function () { return 7; }
+  }).a != 7;
+});
+
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+var f$1 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject(O);
+  P = toPrimitive(P, true);
+  if (ie8DomDefine) try {
+    return $getOwnPropertyDescriptor(O, P);
+  } catch (error) { /* empty */ }
+  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
+};
+
+var objectGetOwnPropertyDescriptor = {
+	f: f$1
+};
+
+var anObject = function (it) {
+  if (!isObject(it)) {
+    throw TypeError(String(it) + ' is not an object');
+  } return it;
+};
+
+// eslint-disable-next-line es/no-object-defineproperty -- safe
+var $defineProperty = Object.defineProperty;
+
+// `Object.defineProperty` method
+// https://tc39.es/ecma262/#sec-object.defineproperty
+var f$2 = descriptors ? $defineProperty : function defineProperty(O, P, Attributes) {
+  anObject(O);
+  P = toPrimitive(P, true);
+  anObject(Attributes);
+  if (ie8DomDefine) try {
+    return $defineProperty(O, P, Attributes);
+  } catch (error) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
+
+var objectDefineProperty = {
+	f: f$2
+};
+
+var createNonEnumerableProperty = descriptors ? function (object, key, value) {
+  return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
+} : function (object, key, value) {
+  object[key] = value;
+  return object;
+};
+
+var setGlobal = function (key, value) {
+  try {
+    createNonEnumerableProperty(global_1, key, value);
+  } catch (error) {
+    global_1[key] = value;
+  } return value;
+};
+
+var SHARED = '__core-js_shared__';
+var store = global_1[SHARED] || setGlobal(SHARED, {});
+
+var sharedStore = store;
+
+var functionToString = Function.toString;
+
+// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+if (typeof sharedStore.inspectSource != 'function') {
+  sharedStore.inspectSource = function (it) {
+    return functionToString.call(it);
+  };
+}
+
+var inspectSource = sharedStore.inspectSource;
+
+var WeakMap = global_1.WeakMap;
+
+var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
+
+var shared = createCommonjsModule(function (module) {
+(module.exports = function (key, value) {
+  return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
+})('versions', []).push({
+  version: '3.14.0',
+  mode:  'global',
+  copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
+});
+});
+
+var id = 0;
+var postfix = Math.random();
+
+var uid = function (key) {
+  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
+};
+
+var keys = shared('keys');
+
+var sharedKey = function (key) {
+  return keys[key] || (keys[key] = uid(key));
+};
+
+var hiddenKeys = {};
+
+var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+var WeakMap$1 = global_1.WeakMap;
+var set, get, has$1;
+
+var enforce = function (it) {
+  return has$1(it) ? get(it) : set(it, {});
+};
+
+var getterFor = function (TYPE) {
+  return function (it) {
+    var state;
+    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+      throw TypeError('Incompatible receiver, ' + TYPE + ' required');
+    } return state;
+  };
+};
+
+if (nativeWeakMap || sharedStore.state) {
+  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$1());
+  var wmget = store$1.get;
+  var wmhas = store$1.has;
+  var wmset = store$1.set;
+  set = function (it, metadata) {
+    if (wmhas.call(store$1, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    wmset.call(store$1, it, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return wmget.call(store$1, it) || {};
+  };
+  has$1 = function (it) {
+    return wmhas.call(store$1, it);
+  };
+} else {
+  var STATE = sharedKey('state');
+  hiddenKeys[STATE] = true;
+  set = function (it, metadata) {
+    if (has(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    createNonEnumerableProperty(it, STATE, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return has(it, STATE) ? it[STATE] : {};
+  };
+  has$1 = function (it) {
+    return has(it, STATE);
+  };
+}
+
+var internalState = {
+  set: set,
+  get: get,
+  has: has$1,
+  enforce: enforce,
+  getterFor: getterFor
+};
+
+var redefine = createCommonjsModule(function (module) {
+var getInternalState = internalState.get;
+var enforceInternalState = internalState.enforce;
+var TEMPLATE = String(String).split('String');
+
+(module.exports = function (O, key, value, options) {
+  var unsafe = options ? !!options.unsafe : false;
+  var simple = options ? !!options.enumerable : false;
+  var noTargetGet = options ? !!options.noTargetGet : false;
+  var state;
+  if (typeof value == 'function') {
+    if (typeof key == 'string' && !has(value, 'name')) {
+      createNonEnumerableProperty(value, 'name', key);
+    }
+    state = enforceInternalState(value);
+    if (!state.source) {
+      state.source = TEMPLATE.join(typeof key == 'string' ? key : '');
+    }
+  }
+  if (O === global_1) {
+    if (simple) O[key] = value;
+    else setGlobal(key, value);
+    return;
+  } else if (!unsafe) {
+    delete O[key];
+  } else if (!noTargetGet && O[key]) {
+    simple = true;
+  }
+  if (simple) O[key] = value;
+  else createNonEnumerableProperty(O, key, value);
+// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+})(Function.prototype, 'toString', function toString() {
+  return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
+});
+});
+
+var path = global_1;
+
+var aFunction = function (variable) {
+  return typeof variable == 'function' ? variable : undefined;
+};
+
+var getBuiltIn = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global_1[namespace])
+    : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];
+};
+
+var ceil = Math.ceil;
+var floor = Math.floor;
+
+// `ToInteger` abstract operation
+// https://tc39.es/ecma262/#sec-tointeger
+var toInteger = function (argument) {
+  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
+};
+
+var min = Math.min;
+
+// `ToLength` abstract operation
+// https://tc39.es/ecma262/#sec-tolength
+var toLength = function (argument) {
+  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+};
+
+var max = Math.max;
+var min$1 = Math.min;
+
+// Helper for a popular repeating case of the spec:
+// Let integer be ? ToInteger(index).
+// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+var toAbsoluteIndex = function (index, length) {
+  var integer = toInteger(index);
+  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+};
+
+// `Array.prototype.{ indexOf, includes }` methods implementation
+var createMethod = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIndexedObject($this);
+    var length = toLength(O.length);
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (IS_INCLUDES && el != el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare -- NaN check
+      if (value != value) return true;
+    // Array#indexOf ignores holes, Array#includes - not
+    } else for (;length > index; index++) {
+      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    } return !IS_INCLUDES && -1;
+  };
+};
+
+var arrayIncludes = {
+  // `Array.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-array.prototype.includes
+  includes: createMethod(true),
+  // `Array.prototype.indexOf` method
+  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+  indexOf: createMethod(false)
+};
+
+var indexOf = arrayIncludes.indexOf;
+
+
+var objectKeysInternal = function (object, names) {
+  var O = toIndexedObject(object);
+  var i = 0;
+  var result = [];
+  var key;
+  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
+  // Don't enum bug & hidden keys
+  while (names.length > i) if (has(O, key = names[i++])) {
+    ~indexOf(result, key) || result.push(key);
+  }
+  return result;
+};
+
+// IE8- don't enum bug keys
+var enumBugKeys = [
+  'constructor',
+  'hasOwnProperty',
+  'isPrototypeOf',
+  'propertyIsEnumerable',
+  'toLocaleString',
+  'toString',
+  'valueOf'
+];
+
+var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
+
+// `Object.getOwnPropertyNames` method
+// https://tc39.es/ecma262/#sec-object.getownpropertynames
+// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  return objectKeysInternal(O, hiddenKeys$1);
+};
+
+var objectGetOwnPropertyNames = {
+	f: f$3
+};
+
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+var f$4 = Object.getOwnPropertySymbols;
+
+var objectGetOwnPropertySymbols = {
+	f: f$4
+};
+
+// all object keys, includes non-enumerable and symbols
+var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = objectGetOwnPropertyNames.f(anObject(it));
+  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
+  return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
+};
+
+var copyConstructorProperties = function (target, source) {
+  var keys = ownKeys(source);
+  var defineProperty = objectDefineProperty.f;
+  var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+  }
+};
+
+var replacement = /#|\.prototype\./;
+
+var isForced = function (feature, detection) {
+  var value = data[normalize(feature)];
+  return value == POLYFILL ? true
+    : value == NATIVE ? false
+    : typeof detection == 'function' ? fails(detection)
+    : !!detection;
+};
+
+var normalize = isForced.normalize = function (string) {
+  return String(string).replace(replacement, '.').toLowerCase();
+};
+
+var data = isForced.data = {};
+var NATIVE = isForced.NATIVE = 'N';
+var POLYFILL = isForced.POLYFILL = 'P';
+
+var isForced_1 = isForced;
+
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
+
+
+
+
+
+
+/*
+  options.target      - name of the target object
+  options.global      - target is the global object
+  options.stat        - export as static methods of target
+  options.proto       - export as prototype methods of target
+  options.real        - real prototype method for the `pure` version
+  options.forced      - export even if the native feature is available
+  options.bind        - bind methods to the target, required for the `pure` version
+  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+  options.sham        - add a flag to not completely full polyfills
+  options.enumerable  - export as enumerable property
+  options.noTargetGet - prevent calling a getter on target
+*/
+var _export = function (options, source) {
+  var TARGET = options.target;
+  var GLOBAL = options.global;
+  var STATIC = options.stat;
+  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+  if (GLOBAL) {
+    target = global_1;
+  } else if (STATIC) {
+    target = global_1[TARGET] || setGlobal(TARGET, {});
+  } else {
+    target = (global_1[TARGET] || {}).prototype;
+  }
+  if (target) for (key in source) {
+    sourceProperty = source[key];
+    if (options.noTargetGet) {
+      descriptor = getOwnPropertyDescriptor$1(target, key);
+      targetProperty = descriptor && descriptor.value;
+    } else targetProperty = target[key];
+    FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+    // contained in target
+    if (!FORCED && targetProperty !== undefined) {
+      if (typeof sourceProperty === typeof targetProperty) continue;
+      copyConstructorProperties(sourceProperty, targetProperty);
+    }
+    // add a flag to not completely full polyfills
+    if (options.sham || (targetProperty && targetProperty.sham)) {
+      createNonEnumerableProperty(sourceProperty, 'sham', true);
+    }
+    // extend global
+    redefine(target, key, sourceProperty, options);
+  }
+};
+
+var quot = /"/g;
+
+// `CreateHTML` abstract operation
+// https://tc39.es/ecma262/#sec-createhtml
+var createHtml = function (string, tag, attribute, value) {
+  var S = String(requireObjectCoercible(string));
+  var p1 = '<' + tag;
+  if (attribute !== '') p1 += ' ' + attribute + '="' + String(value).replace(quot, '&quot;') + '"';
+  return p1 + '>' + S + '</' + tag + '>';
+};
+
+// check the existence of a method, lowercase
+// of a tag and escaping quotes in arguments
+var stringHtmlForced = function (METHOD_NAME) {
+  return fails(function () {
+    var test = ''[METHOD_NAME]('"');
+    return test !== test.toLowerCase() || test.split('"').length > 3;
+  });
+};
+
+// `String.prototype.small` method
+// https://tc39.es/ecma262/#sec-string.prototype.small
+_export({ target: 'String', proto: true, forced: stringHtmlForced('small') }, {
+  small: function small() {
+    return createHtml(this, 'small', '', '');
+  }
+});
+
 function _classCallCheck(instance, Constructor) {
@@ -122,2 +693,28 @@ if (!(instance instanceof Constructor)) {
 
+/*! *****************************************************************************
+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.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
 var _templateObject;
@@ -124,0 +721,0 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral([":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var(\n    --fox-font-family,\n    var(--fox-button-font-family-fallback)\n  );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var(\n    --fox-client-base-rgb-color,\n    var(--fox-button-primary-color-rgb-fallback)\n  );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out 0.4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,0.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}\n"])));

shared-ui-atoms-fox-button.umd.js

 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.string.small.js'), require('tslib'), require('lit-element'), require('lit-html/directives/class-map'), require('@assecosolutions/fox-icon'), require('@assecosolutions/fox-progress')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.string.small.js', 'tslib', 'lit-element', 'lit-html/directives/class-map', '@assecosolutions/fox-icon', '@assecosolutions/fox-progress'], factory) :
-  (global = global || self, factory(global.SharedUiAtomsFoxButton = {}, null, global.tslib, global.litElement, global.classMap));
-}(this, (function (exports, es_string_small_js, tslib, litElement, classMap) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lit-element'), require('lit-html/directives/class-map'), require('@assecosolutions/fox-icon'), require('@assecosolutions/fox-progress')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'lit-element', 'lit-html/directives/class-map', '@assecosolutions/fox-icon', '@assecosolutions/fox-progress'], factory) :
+	(global = global || self, factory(global.SharedUiAtomsFoxButton = {}, global.litElement, global.classMap));
+}(this, (function (exports, litElement, classMap) { 'use strict';
 
-  var styles = litElement.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject([":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var(\n    --fox-font-family,\n    var(--fox-button-font-family-fallback)\n  );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var(\n    --fox-client-base-rgb-color,\n    var(--fox-button-primary-color-rgb-fallback)\n  );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out 0.4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,0.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}\n"], [":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var(\n    --fox-font-family,\n    var(--fox-button-font-family-fallback)\n  );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var(\n    --fox-client-base-rgb-color,\n    var(--fox-button-primary-color-rgb-fallback)\n  );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out 0.4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,0.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}\n"])));
-  var templateObject_1;
+	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-  /**
-   * This is a Button
-   *
-   * @element fox-button
-   *
-   * @slot icon - For manual  icon placement if wanted
-   * @slot trailingIcon - For manual  trailingIcon placement if wanted
-   *
-   * @cssprop [--fox-button-font-weight=600]
-   * @cssprop [--fox-button-font-size=14px]
-   * @cssprop [--fox-button-font-family="Nunito, Roboto, sans-serif"]
-   * @cssprop [--fox-button-text-color-rgb="15, 19, 16"]
-   * @cssprop [--fox-button-primary-color-rgb="231, 236, 240"]
-   * @cssprop [--fox-button-text-on-primary-color-rgb="15, 19, 16"]
-   */
+	function createCommonjsModule(fn, module) {
+		return module = { exports: {} }, fn(module, module.exports), module.exports;
+	}
 
-  var FoxButton =
-  /** @class */
-  function (_super) {
-    tslib.__extends(FoxButton, _super);
+	var check = function (it) {
+	  return it && it.Math == Math && it;
+	};
 
-    function FoxButton() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
+	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+	var global_1 =
+	  // eslint-disable-next-line es/no-global-this -- safe
+	  check(typeof globalThis == 'object' && globalThis) ||
+	  check(typeof window == 'object' && window) ||
+	  // eslint-disable-next-line no-restricted-globals -- safe
+	  check(typeof self == 'object' && self) ||
+	  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+	  // eslint-disable-next-line no-new-func -- fallback
+	  (function () { return this; })() || Function('return this')();
 
-      _this.small = false;
-      _this.primary = false;
-      _this.raised = false;
-      _this.outlined = false;
-      _this.disabled = false;
-      _this.trailingIcon = false;
-      _this.fullwidth = false;
-      _this.icon = '';
-      _this.label = '';
-      _this.progress = false;
-      return _this;
-    }
+	var fails = function (exec) {
+	  try {
+	    return !!exec();
+	  } catch (error) {
+	    return true;
+	  }
+	};
 
-    FoxButton.prototype.createRenderRoot = function () {
-      return this.attachShadow({
-        mode: 'open',
-        delegatesFocus: true
-      });
-    };
+	// Detect IE8's incomplete defineProperty implementation
+	var descriptors = !fails(function () {
+	  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+	  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+	});
 
-    FoxButton.prototype.render = function () {
-      var classes = {
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        'fox-button__raised': this.raised,
-        'fox-button__outlined': this.outlined
-      };
-      return litElement.html(templateObject_1$1 || (templateObject_1$1 = tslib.__makeTemplateObject(["\n      <button\n        id=\"button\"\n        class=\"fox-button ", "\"\n        ?disabled=\"", "\"\n        aria-label=\"", "\"\n      >\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-button__label\"><slot>", "</slot></span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n        ", "\n      </button>\n    "], ["\n      <button\n        id=\"button\"\n        class=\"fox-button ", "\"\n        ?disabled=\"", "\"\n        aria-label=\"", "\"\n      >\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-button__label\"><slot>", "</slot></span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n        ", "\n      </button>\n    "])), classMap.classMap(classes), this.disabled, this.label || this.icon, this.icon && !this.trailingIcon ? this.renderIcon() : '', this.label, this.icon && this.trailingIcon ? this.renderIcon() : '', this.progress ? this.renderProgress() : '');
-    };
+	var $propertyIsEnumerable = {}.propertyIsEnumerable;
+	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+	var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
-    FoxButton.prototype.renderIcon = function () {
-      return litElement.html(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject([" <fox-icon class=\"fox-button__icon\">\n      ", "\n    </fox-icon>"], [" <fox-icon class=\"fox-button__icon\">\n      ", "\n    </fox-icon>"])), this.icon);
-    };
+	// Nashorn ~ JDK8 bug
+	var NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({ 1: 2 }, 1);
 
-    FoxButton.prototype.renderProgress = function () {
-      return litElement.html(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject([" <fox-linear-progress\n      indeterminate\n      class=\"fox-button__progress\"\n    ></fox-linear-progress>"], [" <fox-linear-progress\n      indeterminate\n      class=\"fox-button__progress\"\n    ></fox-linear-progress>"])));
-    };
+	// `Object.prototype.propertyIsEnumerable` method implementation
+	// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+	var f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+	  var descriptor = getOwnPropertyDescriptor(this, V);
+	  return !!descriptor && descriptor.enumerable;
+	} : $propertyIsEnumerable;
 
-    FoxButton.styles = [styles];
+	var objectPropertyIsEnumerable = {
+		f: f
+	};
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "small", void 0);
+	var createPropertyDescriptor = function (bitmap, value) {
+	  return {
+	    enumerable: !(bitmap & 1),
+	    configurable: !(bitmap & 2),
+	    writable: !(bitmap & 4),
+	    value: value
+	  };
+	};
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "primary", void 0);
+	var toString = {}.toString;
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "raised", void 0);
+	var classofRaw = function (it) {
+	  return toString.call(it).slice(8, -1);
+	};
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "outlined", void 0);
+	var split = ''.split;
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "disabled", void 0);
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var indexedObject = fails(function () {
+	  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+	  // eslint-disable-next-line no-prototype-builtins -- safe
+	  return !Object('z').propertyIsEnumerable(0);
+	}) ? function (it) {
+	  return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);
+	} : Object;
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      attribute: 'trailingicon'
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "trailingIcon", void 0);
+	// `RequireObjectCoercible` abstract operation
+	// https://tc39.es/ecma262/#sec-requireobjectcoercible
+	var requireObjectCoercible = function (it) {
+	  if (it == undefined) throw TypeError("Can't call method on " + it);
+	  return it;
+	};
 
-    tslib.__decorate([litElement.property({
-      type: Boolean,
-      reflect: true
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "fullwidth", void 0);
+	// toObject with fallback for non-array-like ES3 strings
 
-    tslib.__decorate([litElement.property({
-      type: String
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "icon", void 0);
 
-    tslib.__decorate([litElement.property({
-      type: String
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "label", void 0);
 
-    tslib.__decorate([litElement.property({
-      type: Boolean
-    }), tslib.__metadata("design:type", Object)], FoxButton.prototype, "progress", void 0);
+	var toIndexedObject = function (it) {
+	  return indexedObject(requireObjectCoercible(it));
+	};
 
-    tslib.__decorate([litElement.query('#button'), tslib.__metadata("design:type", HTMLElement)], FoxButton.prototype, "buttonElement", void 0);
+	var isObject = function (it) {
+	  return typeof it === 'object' ? it !== null : typeof it === 'function';
+	};
 
-    FoxButton = tslib.__decorate([litElement.customElement('fox-button')], FoxButton);
-    return FoxButton;
-  }(litElement.LitElement);
-  var templateObject_1$1, templateObject_2, templateObject_3;
+	// `ToPrimitive` abstract operation
+	// https://tc39.es/ecma262/#sec-toprimitive
+	// instead of the ES6 spec version, we didn't implement @@toPrimitive case
+	// and the second argument - flag - preferred type is a string
+	var toPrimitive = function (input, PREFERRED_STRING) {
+	  if (!isObject(input)) return input;
+	  var fn, val;
+	  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+	  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
+	  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+	  throw TypeError("Can't convert object to primitive value");
+	};
 
-  exports.FoxButton = FoxButton;
+	// `ToObject` abstract operation
+	// https://tc39.es/ecma262/#sec-toobject
+	var toObject = function (argument) {
+	  return Object(requireObjectCoercible(argument));
+	};
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+	var hasOwnProperty = {}.hasOwnProperty;
 
+	var has = Object.hasOwn || function hasOwn(it, key) {
+	  return hasOwnProperty.call(toObject(it), key);
+	};
+
+	var document = global_1.document;
+	// typeof document.createElement is 'object' in old IE
+	var EXISTS = isObject(document) && isObject(document.createElement);
+
+	var documentCreateElement = function (it) {
+	  return EXISTS ? document.createElement(it) : {};
+	};
+
+	// Thank's IE8 for his funny defineProperty
+	var ie8DomDefine = !descriptors && !fails(function () {
+	  // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
+	  return Object.defineProperty(documentCreateElement('div'), 'a', {
+	    get: function () { return 7; }
+	  }).a != 7;
+	});
+
+	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+	var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+	// `Object.getOwnPropertyDescriptor` method
+	// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+	var f$1 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+	  O = toIndexedObject(O);
+	  P = toPrimitive(P, true);
+	  if (ie8DomDefine) try {
+	    return $getOwnPropertyDescriptor(O, P);
+	  } catch (error) { /* empty */ }
+	  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
+	};
+
+	var objectGetOwnPropertyDescriptor = {
+		f: f$1
+	};
+
+	var anObject = function (it) {
+	  if (!isObject(it)) {
+	    throw TypeError(String(it) + ' is not an object');
+	  } return it;
+	};
+
+	// eslint-disable-next-line es/no-object-defineproperty -- safe
+	var $defineProperty = Object.defineProperty;
+
+	// `Object.defineProperty` method
+	// https://tc39.es/ecma262/#sec-object.defineproperty
+	var f$2 = descriptors ? $defineProperty : function defineProperty(O, P, Attributes) {
+	  anObject(O);
+	  P = toPrimitive(P, true);
+	  anObject(Attributes);
+	  if (ie8DomDefine) try {
+	    return $defineProperty(O, P, Attributes);
+	  } catch (error) { /* empty */ }
+	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
+	  if ('value' in Attributes) O[P] = Attributes.value;
+	  return O;
+	};
+
+	var objectDefineProperty = {
+		f: f$2
+	};
+
+	var createNonEnumerableProperty = descriptors ? function (object, key, value) {
+	  return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
+	} : function (object, key, value) {
+	  object[key] = value;
+	  return object;
+	};
+
+	var setGlobal = function (key, value) {
+	  try {
+	    createNonEnumerableProperty(global_1, key, value);
+	  } catch (error) {
+	    global_1[key] = value;
+	  } return value;
+	};
+
+	var SHARED = '__core-js_shared__';
+	var store = global_1[SHARED] || setGlobal(SHARED, {});
+
+	var sharedStore = store;
+
+	var functionToString = Function.toString;
+
+	// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+	if (typeof sharedStore.inspectSource != 'function') {
+	  sharedStore.inspectSource = function (it) {
+	    return functionToString.call(it);
+	  };
+	}
+
+	var inspectSource = sharedStore.inspectSource;
+
+	var WeakMap = global_1.WeakMap;
+
+	var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
+
+	var shared = createCommonjsModule(function (module) {
+	(module.exports = function (key, value) {
+	  return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
+	})('versions', []).push({
+	  version: '3.14.0',
+	  mode:  'global',
+	  copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
+	});
+	});
+
+	var id = 0;
+	var postfix = Math.random();
+
+	var uid = function (key) {
+	  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
+	};
+
+	var keys = shared('keys');
+
+	var sharedKey = function (key) {
+	  return keys[key] || (keys[key] = uid(key));
+	};
+
+	var hiddenKeys = {};
+
+	var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+	var WeakMap$1 = global_1.WeakMap;
+	var set, get, has$1;
+
+	var enforce = function (it) {
+	  return has$1(it) ? get(it) : set(it, {});
+	};
+
+	var getterFor = function (TYPE) {
+	  return function (it) {
+	    var state;
+	    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+	      throw TypeError('Incompatible receiver, ' + TYPE + ' required');
+	    } return state;
+	  };
+	};
+
+	if (nativeWeakMap || sharedStore.state) {
+	  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$1());
+	  var wmget = store$1.get;
+	  var wmhas = store$1.has;
+	  var wmset = store$1.set;
+	  set = function (it, metadata) {
+	    if (wmhas.call(store$1, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+	    metadata.facade = it;
+	    wmset.call(store$1, it, metadata);
+	    return metadata;
+	  };
+	  get = function (it) {
+	    return wmget.call(store$1, it) || {};
+	  };
+	  has$1 = function (it) {
+	    return wmhas.call(store$1, it);
+	  };
+	} else {
+	  var STATE = sharedKey('state');
+	  hiddenKeys[STATE] = true;
+	  set = function (it, metadata) {
+	    if (has(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+	    metadata.facade = it;
+	    createNonEnumerableProperty(it, STATE, metadata);
+	    return metadata;
+	  };
+	  get = function (it) {
+	    return has(it, STATE) ? it[STATE] : {};
+	  };
+	  has$1 = function (it) {
+	    return has(it, STATE);
+	  };
+	}
+
+	var internalState = {
+	  set: set,
+	  get: get,
+	  has: has$1,
+	  enforce: enforce,
+	  getterFor: getterFor
+	};
+
+	var redefine = createCommonjsModule(function (module) {
+	var getInternalState = internalState.get;
+	var enforceInternalState = internalState.enforce;
+	var TEMPLATE = String(String).split('String');
+
+	(module.exports = function (O, key, value, options) {
+	  var unsafe = options ? !!options.unsafe : false;
+	  var simple = options ? !!options.enumerable : false;
+	  var noTargetGet = options ? !!options.noTargetGet : false;
+	  var state;
+	  if (typeof value == 'function') {
+	    if (typeof key == 'string' && !has(value, 'name')) {
+	      createNonEnumerableProperty(value, 'name', key);
+	    }
+	    state = enforceInternalState(value);
+	    if (!state.source) {
+	      state.source = TEMPLATE.join(typeof key == 'string' ? key : '');
+	    }
+	  }
+	  if (O === global_1) {
+	    if (simple) O[key] = value;
+	    else setGlobal(key, value);
+	    return;
+	  } else if (!unsafe) {
+	    delete O[key];
+	  } else if (!noTargetGet && O[key]) {
+	    simple = true;
+	  }
+	  if (simple) O[key] = value;
+	  else createNonEnumerableProperty(O, key, value);
+	// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+	})(Function.prototype, 'toString', function toString() {
+	  return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
+	});
+	});
+
+	var path = global_1;
+
+	var aFunction = function (variable) {
+	  return typeof variable == 'function' ? variable : undefined;
+	};
+
+	var getBuiltIn = function (namespace, method) {
+	  return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global_1[namespace])
+	    : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];
+	};
+
+	var ceil = Math.ceil;
+	var floor = Math.floor;
+
+	// `ToInteger` abstract operation
+	// https://tc39.es/ecma262/#sec-tointeger
+	var toInteger = function (argument) {
+	  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
+	};
+
+	var min = Math.min;
+
+	// `ToLength` abstract operation
+	// https://tc39.es/ecma262/#sec-tolength
+	var toLength = function (argument) {
+	  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+	};
+
+	var max = Math.max;
+	var min$1 = Math.min;
+
+	// Helper for a popular repeating case of the spec:
+	// Let integer be ? ToInteger(index).
+	// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+	var toAbsoluteIndex = function (index, length) {
+	  var integer = toInteger(index);
+	  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+	};
+
+	// `Array.prototype.{ indexOf, includes }` methods implementation
+	var createMethod = function (IS_INCLUDES) {
+	  return function ($this, el, fromIndex) {
+	    var O = toIndexedObject($this);
+	    var length = toLength(O.length);
+	    var index = toAbsoluteIndex(fromIndex, length);
+	    var value;
+	    // Array#includes uses SameValueZero equality algorithm
+	    // eslint-disable-next-line no-self-compare -- NaN check
+	    if (IS_INCLUDES && el != el) while (length > index) {
+	      value = O[index++];
+	      // eslint-disable-next-line no-self-compare -- NaN check
+	      if (value != value) return true;
+	    // Array#indexOf ignores holes, Array#includes - not
+	    } else for (;length > index; index++) {
+	      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+	    } return !IS_INCLUDES && -1;
+	  };
+	};
+
+	var arrayIncludes = {
+	  // `Array.prototype.includes` method
+	  // https://tc39.es/ecma262/#sec-array.prototype.includes
+	  includes: createMethod(true),
+	  // `Array.prototype.indexOf` method
+	  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+	  indexOf: createMethod(false)
+	};
+
+	var indexOf = arrayIncludes.indexOf;
+
+
+	var objectKeysInternal = function (object, names) {
+	  var O = toIndexedObject(object);
+	  var i = 0;
+	  var result = [];
+	  var key;
+	  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
+	  // Don't enum bug & hidden keys
+	  while (names.length > i) if (has(O, key = names[i++])) {
+	    ~indexOf(result, key) || result.push(key);
+	  }
+	  return result;
+	};
+
+	// IE8- don't enum bug keys
+	var enumBugKeys = [
+	  'constructor',
+	  'hasOwnProperty',
+	  'isPrototypeOf',
+	  'propertyIsEnumerable',
+	  'toLocaleString',
+	  'toString',
+	  'valueOf'
+	];
+
+	var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
+
+	// `Object.getOwnPropertyNames` method
+	// https://tc39.es/ecma262/#sec-object.getownpropertynames
+	// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+	var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+	  return objectKeysInternal(O, hiddenKeys$1);
+	};
+
+	var objectGetOwnPropertyNames = {
+		f: f$3
+	};
+
+	// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+	var f$4 = Object.getOwnPropertySymbols;
+
+	var objectGetOwnPropertySymbols = {
+		f: f$4
+	};
+
+	// all object keys, includes non-enumerable and symbols
+	var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+	  var keys = objectGetOwnPropertyNames.f(anObject(it));
+	  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
+	  return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
+	};
+
+	var copyConstructorProperties = function (target, source) {
+	  var keys = ownKeys(source);
+	  var defineProperty = objectDefineProperty.f;
+	  var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+	  for (var i = 0; i < keys.length; i++) {
+	    var key = keys[i];
+	    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+	  }
+	};
+
+	var replacement = /#|\.prototype\./;
+
+	var isForced = function (feature, detection) {
+	  var value = data[normalize(feature)];
+	  return value == POLYFILL ? true
+	    : value == NATIVE ? false
+	    : typeof detection == 'function' ? fails(detection)
+	    : !!detection;
+	};
+
+	var normalize = isForced.normalize = function (string) {
+	  return String(string).replace(replacement, '.').toLowerCase();
+	};
+
+	var data = isForced.data = {};
+	var NATIVE = isForced.NATIVE = 'N';
+	var POLYFILL = isForced.POLYFILL = 'P';
+
+	var isForced_1 = isForced;
+
+	var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
+
+
+
+
+
+
+	/*
+	  options.target      - name of the target object
+	  options.global      - target is the global object
+	  options.stat        - export as static methods of target
+	  options.proto       - export as prototype methods of target
+	  options.real        - real prototype method for the `pure` version
+	  options.forced      - export even if the native feature is available
+	  options.bind        - bind methods to the target, required for the `pure` version
+	  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+	  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+	  options.sham        - add a flag to not completely full polyfills
+	  options.enumerable  - export as enumerable property
+	  options.noTargetGet - prevent calling a getter on target
+	*/
+	var _export = function (options, source) {
+	  var TARGET = options.target;
+	  var GLOBAL = options.global;
+	  var STATIC = options.stat;
+	  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+	  if (GLOBAL) {
+	    target = global_1;
+	  } else if (STATIC) {
+	    target = global_1[TARGET] || setGlobal(TARGET, {});
+	  } else {
+	    target = (global_1[TARGET] || {}).prototype;
+	  }
+	  if (target) for (key in source) {
+	    sourceProperty = source[key];
+	    if (options.noTargetGet) {
+	      descriptor = getOwnPropertyDescriptor$1(target, key);
+	      targetProperty = descriptor && descriptor.value;
+	    } else targetProperty = target[key];
+	    FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+	    // contained in target
+	    if (!FORCED && targetProperty !== undefined) {
+	      if (typeof sourceProperty === typeof targetProperty) continue;
+	      copyConstructorProperties(sourceProperty, targetProperty);
+	    }
+	    // add a flag to not completely full polyfills
+	    if (options.sham || (targetProperty && targetProperty.sham)) {
+	      createNonEnumerableProperty(sourceProperty, 'sham', true);
+	    }
+	    // extend global
+	    redefine(target, key, sourceProperty, options);
+	  }
+	};
+
+	var quot = /"/g;
+
+	// `CreateHTML` abstract operation
+	// https://tc39.es/ecma262/#sec-createhtml
+	var createHtml = function (string, tag, attribute, value) {
+	  var S = String(requireObjectCoercible(string));
+	  var p1 = '<' + tag;
+	  if (attribute !== '') p1 += ' ' + attribute + '="' + String(value).replace(quot, '&quot;') + '"';
+	  return p1 + '>' + S + '</' + tag + '>';
+	};
+
+	// check the existence of a method, lowercase
+	// of a tag and escaping quotes in arguments
+	var stringHtmlForced = function (METHOD_NAME) {
+	  return fails(function () {
+	    var test = ''[METHOD_NAME]('"');
+	    return test !== test.toLowerCase() || test.split('"').length > 3;
+	  });
+	};
+
+	// `String.prototype.small` method
+	// https://tc39.es/ecma262/#sec-string.prototype.small
+	_export({ target: 'String', proto: true, forced: stringHtmlForced('small') }, {
+	  small: function small() {
+	    return createHtml(this, 'small', '', '');
+	  }
+	});
+
+	/*! *****************************************************************************
+	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 __());
+	}
+
+	function __decorate(decorators, target, key, desc) {
+	    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	    return c > 3 && r && Object.defineProperty(target, key, r), r;
+	}
+
+	function __metadata(metadataKey, metadataValue) {
+	    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+	}
+
+	function __makeTemplateObject(cooked, raw) {
+	    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+	    return cooked;
+	}
+
+	var styles = litElement.css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var(\n    --fox-font-family,\n    var(--fox-button-font-family-fallback)\n  );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var(\n    --fox-client-base-rgb-color,\n    var(--fox-button-primary-color-rgb-fallback)\n  );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out 0.4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,0.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}\n"], [":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var(\n    --fox-font-family,\n    var(--fox-button-font-family-fallback)\n  );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var(\n    --fox-client-base-rgb-color,\n    var(--fox-button-primary-color-rgb-fallback)\n  );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out 0.4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,0.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}\n"])));
+	var templateObject_1;
+
+	/**
+	 * This is a Button
+	 *
+	 * @element fox-button
+	 *
+	 * @slot icon - For manual  icon placement if wanted
+	 * @slot trailingIcon - For manual  trailingIcon placement if wanted
+	 *
+	 * @cssprop [--fox-button-font-weight=600]
+	 * @cssprop [--fox-button-font-size=14px]
+	 * @cssprop [--fox-button-font-family="Nunito, Roboto, sans-serif"]
+	 * @cssprop [--fox-button-text-color-rgb="15, 19, 16"]
+	 * @cssprop [--fox-button-primary-color-rgb="231, 236, 240"]
+	 * @cssprop [--fox-button-text-on-primary-color-rgb="15, 19, 16"]
+	 */
+
+	var FoxButton =
+	/** @class */
+	function (_super) {
+	  __extends(FoxButton, _super);
+
+	  function FoxButton() {
+	    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+	    _this.small = false;
+	    _this.primary = false;
+	    _this.raised = false;
+	    _this.outlined = false;
+	    _this.disabled = false;
+	    _this.trailingIcon = false;
+	    _this.fullwidth = false;
+	    _this.icon = '';
+	    _this.label = '';
+	    _this.progress = false;
+	    return _this;
+	  }
+
+	  FoxButton.prototype.createRenderRoot = function () {
+	    return this.attachShadow({
+	      mode: 'open',
+	      delegatesFocus: true
+	    });
+	  };
+
+	  FoxButton.prototype.render = function () {
+	    var classes = {
+	      // eslint-disable-next-line @typescript-eslint/naming-convention
+	      'fox-button__raised': this.raised,
+	      'fox-button__outlined': this.outlined
+	    };
+	    return litElement.html(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      <button\n        id=\"button\"\n        class=\"fox-button ", "\"\n        ?disabled=\"", "\"\n        aria-label=\"", "\"\n      >\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-button__label\"><slot>", "</slot></span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n        ", "\n      </button>\n    "], ["\n      <button\n        id=\"button\"\n        class=\"fox-button ", "\"\n        ?disabled=\"", "\"\n        aria-label=\"", "\"\n      >\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-button__label\"><slot>", "</slot></span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n        ", "\n      </button>\n    "])), classMap.classMap(classes), this.disabled, this.label || this.icon, this.icon && !this.trailingIcon ? this.renderIcon() : '', this.label, this.icon && this.trailingIcon ? this.renderIcon() : '', this.progress ? this.renderProgress() : '');
+	  };
+
+	  FoxButton.prototype.renderIcon = function () {
+	    return litElement.html(templateObject_2 || (templateObject_2 = __makeTemplateObject([" <fox-icon class=\"fox-button__icon\">\n      ", "\n    </fox-icon>"], [" <fox-icon class=\"fox-button__icon\">\n      ", "\n    </fox-icon>"])), this.icon);
+	  };
+
+	  FoxButton.prototype.renderProgress = function () {
+	    return litElement.html(templateObject_3 || (templateObject_3 = __makeTemplateObject([" <fox-linear-progress\n      indeterminate\n      class=\"fox-button__progress\"\n    ></fox-linear-progress>"], [" <fox-linear-progress\n      indeterminate\n      class=\"fox-button__progress\"\n    ></fox-linear-progress>"])));
+	  };
+
+	  FoxButton.styles = [styles];
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "small", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "primary", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "raised", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "outlined", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "disabled", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    attribute: 'trailingicon'
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "trailingIcon", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean,
+	    reflect: true
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "fullwidth", void 0);
+
+	  __decorate([litElement.property({
+	    type: String
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "icon", void 0);
+
+	  __decorate([litElement.property({
+	    type: String
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "label", void 0);
+
+	  __decorate([litElement.property({
+	    type: Boolean
+	  }), __metadata("design:type", Object)], FoxButton.prototype, "progress", void 0);
+
+	  __decorate([litElement.query('#button'), __metadata("design:type", HTMLElement)], FoxButton.prototype, "buttonElement", void 0);
+
+	  FoxButton = __decorate([litElement.customElement('fox-button')], FoxButton);
+	  return FoxButton;
+	}(litElement.LitElement);
+	var templateObject_1$1, templateObject_2, templateObject_3;
+
+	exports.FoxButton = FoxButton;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
 })));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

70609

increased by136.66%

Dependency count

6

decreased by-14.29%

Lines of code

1426

increased by245.28%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes