@assecosolutions/fox-list - npm Package Compare versions

Comparing version 1.5.17 to 1.5.18

index.umd.js

@@ -21,19 +21,3 @@ (function (global, factory) {
     ***************************************************************************** */
-    /* 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) {
@@ -46,122 +30,117 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    }
+    let _$4 = t => t,
+        _t$4;
+    const styles$1 = lit.css(_t$4 || (_t$4 = _$4`:host([outline=dashed]){--mdc-list-item-meta-size: auto}:host([outline=dashed]) ::slotted(fox-list-item){border:1px dotted var(--fox-base-grey-40-color, #cbd5df);margin:15px 0;border-radius:4px}:host([outline=dashed]) ::slotted(fox-list-item[activated]){border:1px dotted var(--fox-client-base-color, #4599ff)}:host{--mdc-list-inset-margin: 60px}`));
 
-    var styles$1 = lit.css(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([":host([outline=dashed]){--mdc-list-item-meta-size: auto}:host([outline=dashed]) ::slotted(fox-list-item){border:1px dotted var(--fox-base-grey-40-color, #cbd5df);margin:15px 0;border-radius:4px}:host([outline=dashed]) ::slotted(fox-list-item[activated]){border:1px dotted var(--fox-client-base-color, #4599ff)}:host{--mdc-list-inset-margin: 60px}"], [":host([outline=dashed]){--mdc-list-item-meta-size: auto}:host([outline=dashed]) ::slotted(fox-list-item){border:1px dotted var(--fox-base-grey-40-color, #cbd5df);margin:15px 0;border-radius:4px}:host([outline=dashed]) ::slotted(fox-list-item[activated]){border:1px dotted var(--fox-client-base-color, #4599ff)}:host{--mdc-list-inset-margin: 60px}"])));
-    var templateObject_1$4;
+    exports.FoxList = class FoxList extends mwcListBase.ListBase {};
+    /**
+     * @ignore
+     */
 
-    var FoxList =
-    /** @class */
-    function (_super) {
-      __extends(FoxList, _super);
+    exports.FoxList.styles = [mwcList_css.styles, styles$1];
+    exports.FoxList = __decorate([decorators_js.customElement('fox-list')], exports.FoxList);
 
-      function FoxList() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    let _$3 = t => t,
+        _t$3;
+    const styles = lit.css(_t$3 || (_t$3 = _$3`:host{--mdc-theme-text-primary-on-background: var(--fox-font-base-color, #0f1310);--mdc-typography-subtitle1-font-size: var(--fox-font-size-base, 14px);--mdc-typography-subtitle1-font-weight: var(--fox-font-semi-bold, 600);--mdc-typography-font-family: Nunito, Roboto, sans-serif;--mdc-theme-primary: var(--fox-client-base-color, #4599ff);--mdc-theme-text-secondary-on-background: var( --fox-font-light-color, #738292 );--mdc-theme-text-icon-on-background: var( --mdc-theme-text-secondary-on-background );font-family:var(--mdc-typography-font-family);--mdc-ripple-color: var(--fox-base-grey-60-color, #94a8bc);--mdc-ripple-hover-opacity: 0.1;--mdc-ripple-press-opacity: 0.15;transition:all ease-out .1s;--mdc-list-item-graphic-size: 32px;--mdc-list-item-graphic-margin: 12px}:host([compact]){height:30px}:host([compact]) .mdc-deprecated-list-item__secondary-text{display:none}:host([fullWidth]){width:100%}.mdc-deprecated-list-item{font-family:var(--mdc-typography-font-family)}.mdc-deprecated-list-item__text{display:block;line-height:18px;font-size:var(--mdc-typography-subtitle1-font-size);font-weight:var(--mdc-typography-subtitle1-font-weight)}.mdc-deprecated-list-item__secondary-text{display:block;line-height:12px;font-size:var(--fox-font-size-s, 12px)}:host([activated]){color:var(--mdc-theme-primary);--mdc-ripple-selected-opacity: 0;--mdc-ripple-activated-opacity: 0;--mdc-theme-text-secondary-on-background: var(--mdc-theme-primary);--mdc-theme-text-icon-on-background: var(--mdc-theme-primary)}:host([activated]) .mdc-deprecated-list-item__graphic{color:var(--mdc-theme-primary)}.activated-border{transition:all ease-out .1s;display:block;position:absolute;left:0;width:0;height:100%;background:var(--mdc-theme-primary);border-radius:0 4px 4px 0}.activated-border.active{width:5px}:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:"";opacity:.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(fox-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(fox-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:48px}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:48px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 48px);height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 48px);line-height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 48px) !important}`));
+
+    let _$2 = t => t,
+        _t$2,
+        _t2$2,
+        _t3$2,
+        _t4;
+    exports.FoxListItem = class FoxListItem extends mwcListItemBase.ListItemBase {
+      render() {
+        const text = this.renderText();
+        const graphic = this.graphic ? this.renderGraphic() : lit.html(_t$2 || (_t$2 = _$2``));
+        const meta = this.hasMeta ? this.renderMeta() : lit.html(_t2$2 || (_t2$2 = _$2``));
+        return lit.html(_t3$2 || (_t3$2 = _$2`${0} ${0} ${0} ${0}
+    ${0}`), this.renderBorder(), this.renderRipple(), graphic, text, meta);
       }
-      /**
-       * @ignore
-       */
 
-
-      FoxList.styles = [mwcList_css.styles, styles$1];
-      FoxList = __decorate([decorators_js.customElement('fox-list')], FoxList);
-      return FoxList;
-    }(mwcListBase.ListBase);
-
-    var styles = lit.css(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject([":host{--mdc-theme-text-primary-on-background: var(--fox-font-base-color, #0f1310);--mdc-typography-subtitle1-font-size: var(--fox-font-size-base, 14px);--mdc-typography-subtitle1-font-weight: var(--fox-font-semi-bold, 600);--mdc-typography-font-family: Nunito, Roboto, sans-serif;--mdc-theme-primary: var(--fox-client-base-color, #4599ff);--mdc-theme-text-secondary-on-background: var( --fox-font-light-color, #738292 );--mdc-theme-text-icon-on-background: var( --mdc-theme-text-secondary-on-background );font-family:var(--mdc-typography-font-family);--mdc-ripple-color: var(--fox-base-grey-60-color, #94a8bc);--mdc-ripple-hover-opacity: 0.1;--mdc-ripple-press-opacity: 0.15;transition:all ease-out .1s;--mdc-list-item-graphic-size: 32px;--mdc-list-item-graphic-margin: 12px}:host([compact]){height:30px}:host([compact]) .mdc-deprecated-list-item__secondary-text{display:none}:host([fullWidth]){width:100%}.mdc-deprecated-list-item{font-family:var(--mdc-typography-font-family)}.mdc-deprecated-list-item__text{display:block;line-height:18px;font-size:var(--mdc-typography-subtitle1-font-size);font-weight:var(--mdc-typography-subtitle1-font-weight)}.mdc-deprecated-list-item__secondary-text{display:block;line-height:12px;font-size:var(--fox-font-size-s, 12px)}:host([activated]){color:var(--mdc-theme-primary);--mdc-ripple-selected-opacity: 0;--mdc-ripple-activated-opacity: 0;--mdc-theme-text-secondary-on-background: var(--mdc-theme-primary);--mdc-theme-text-icon-on-background: var(--mdc-theme-primary)}:host([activated]) .mdc-deprecated-list-item__graphic{color:var(--mdc-theme-primary)}.activated-border{transition:all ease-out .1s;display:block;position:absolute;left:0;width:0;height:100%;background:var(--mdc-theme-primary);border-radius:0 4px 4px 0}.activated-border.active{width:5px}:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:\"\";opacity:.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(fox-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(fox-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:48px}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:48px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 48px);height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 48px);line-height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 48px) !important}"], [":host{--mdc-theme-text-primary-on-background: var(--fox-font-base-color, #0f1310);--mdc-typography-subtitle1-font-size: var(--fox-font-size-base, 14px);--mdc-typography-subtitle1-font-weight: var(--fox-font-semi-bold, 600);--mdc-typography-font-family: Nunito, Roboto, sans-serif;--mdc-theme-primary: var(--fox-client-base-color, #4599ff);--mdc-theme-text-secondary-on-background: var( --fox-font-light-color, #738292 );--mdc-theme-text-icon-on-background: var( --mdc-theme-text-secondary-on-background );font-family:var(--mdc-typography-font-family);--mdc-ripple-color: var(--fox-base-grey-60-color, #94a8bc);--mdc-ripple-hover-opacity: 0.1;--mdc-ripple-press-opacity: 0.15;transition:all ease-out .1s;--mdc-list-item-graphic-size: 32px;--mdc-list-item-graphic-margin: 12px}:host([compact]){height:30px}:host([compact]) .mdc-deprecated-list-item__secondary-text{display:none}:host([fullWidth]){width:100%}.mdc-deprecated-list-item{font-family:var(--mdc-typography-font-family)}.mdc-deprecated-list-item__text{display:block;line-height:18px;font-size:var(--mdc-typography-subtitle1-font-size);font-weight:var(--mdc-typography-subtitle1-font-weight)}.mdc-deprecated-list-item__secondary-text{display:block;line-height:12px;font-size:var(--fox-font-size-s, 12px)}:host([activated]){color:var(--mdc-theme-primary);--mdc-ripple-selected-opacity: 0;--mdc-ripple-activated-opacity: 0;--mdc-theme-text-secondary-on-background: var(--mdc-theme-primary);--mdc-theme-text-icon-on-background: var(--mdc-theme-primary)}:host([activated]) .mdc-deprecated-list-item__graphic{color:var(--mdc-theme-primary)}.activated-border{transition:all ease-out .1s;display:block;position:absolute;left:0;width:0;height:100%;background:var(--mdc-theme-primary);border-radius:0 4px 4px 0}.activated-border.active{width:5px}:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:\"\";opacity:.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(fox-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(fox-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:48px}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0,0,0,.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:48px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 48px);height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 48px);line-height:var(--mdc-list-item-graphic-size, 48px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(fox-icon){line-height:var(--mdc-list-item-graphic-size, 48px) !important}"])));
-    var templateObject_1$3;
-
-    var FoxListItem =
-    /** @class */
-    function (_super) {
-      __extends(FoxListItem, _super);
-
-      function FoxListItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+      renderBorder() {
+        return lit.html(_t4 || (_t4 = _$2`<div
+      class="activated-border ${0}"
+    ></div>`), this.activated ? 'active' : '');
       }
 
-      FoxListItem.prototype.render = function () {
-        var text = this.renderText();
-        var graphic = this.graphic ? this.renderGraphic() : lit.html(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
-        var meta = this.hasMeta ? this.renderMeta() : lit.html(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject([""], [""])));
-        return lit.html(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["", " ", " ", " ", "\n    ", ""], ["", " ", " ", " ", "\n    ", ""])), this.renderBorder(), this.renderRipple(), graphic, text, meta);
-      };
+    };
+    /**
+     * @ignore
+     */
 
-      FoxListItem.prototype.renderBorder = function () {
-        return lit.html(templateObject_4 || (templateObject_4 = __makeTemplateObject(["<div\n      class=\"activated-border ", "\"\n    ></div>"], ["<div\n      class=\"activated-border ", "\"\n    ></div>"])), this.activated ? 'active' : '');
-      };
-      /**
-       * @ignore
-       */
+    exports.FoxListItem.styles = [styles];
+    exports.FoxListItem = __decorate([decorators_js.customElement('fox-list-item')], exports.FoxListItem);
 
-
-      FoxListItem.styles = [styles];
-      FoxListItem = __decorate([decorators_js.customElement('fox-list-item')], FoxListItem);
-      return FoxListItem;
-    }(mwcListItemBase.ListItemBase);
-    var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4;
-
-    var FoxCheckListItem =
-    /** @class */
-    function (_super) {
-      __extends(FoxCheckListItem, _super);
-
-      function FoxCheckListItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-      }
-
-      FoxCheckListItem.prototype.render = function () {
-        var checkboxClasses = {
+    let _$1 = t => t,
+        _t$1,
+        _t2$1,
+        _t3$1;
+    exports.FoxCheckListItem = class FoxCheckListItem extends mwcCheckListItemBase.CheckListItemBase {
+      render() {
+        const checkboxClasses = {
           'mdc-deprecated-list-item__graphic': this.left,
           'mdc-deprecated-list-item__meta': !this.left
         };
-        var text = this.renderText();
-        var graphic = this.graphic && this.graphic !== 'control' && !this.left ? this.renderGraphic() : lit.html(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([""], [""])));
-        var meta = this.hasMeta && this.left ? this.renderMeta() : lit.html(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject([""], [""])));
-        var ripple = this.renderRipple();
-        return lit.html(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject([" ", " ", " ", "\n      <span class=", ">\n        <fox-checkbox\n          reducedTouchTarget\n          tabindex=", "\n          .checked=", "\n          ?disabled=", "\n          @change=", "\n        >\n        </fox-checkbox>\n      </span>\n      ", " ", ""], [" ", " ", " ", "\n      <span class=", ">\n        <fox-checkbox\n          reducedTouchTarget\n          tabindex=", "\n          .checked=", "\n          ?disabled=", "\n          @change=", "\n        >\n        </fox-checkbox>\n      </span>\n      ", " ", ""])), ripple, graphic, this.left ? '' : text, classMap_js.classMap(checkboxClasses), this.tabindex, this.selected, this.disabled, this.onChange, this.left ? text : '', meta);
-      };
-      /**
-       * @ignore
-       */
+        const text = this.renderText();
+        const graphic = this.graphic && this.graphic !== 'control' && !this.left ? this.renderGraphic() : lit.html(_t$1 || (_t$1 = _$1``));
+        const meta = this.hasMeta && this.left ? this.renderMeta() : lit.html(_t2$1 || (_t2$1 = _$1``));
+        const ripple = this.renderRipple();
+        return lit.html(_t3$1 || (_t3$1 = _$1` ${0} ${0} ${0}
+      <span class=${0}>
+        <fox-checkbox
+          reducedTouchTarget
+          tabindex=${0}
+          .checked=${0}
+          ?disabled=${0}
+          @change=${0}
+        >
+        </fox-checkbox>
+      </span>
+      ${0} ${0}`), ripple, graphic, this.left ? '' : text, classMap_js.classMap(checkboxClasses), this.tabindex, this.selected, this.disabled, this.onChange, this.left ? text : '', meta);
+      }
 
+    };
+    /**
+     * @ignore
+     */
 
-      FoxCheckListItem.styles = [mwcListItem_css.styles, mwcControlListItem_css.styles, styles];
-      FoxCheckListItem = __decorate([decorators_js.customElement('fox-check-list-item')], FoxCheckListItem);
-      return FoxCheckListItem;
-    }(mwcCheckListItemBase.CheckListItemBase);
-    var templateObject_1$1, templateObject_2$1, templateObject_3$1;
+    exports.FoxCheckListItem.styles = [mwcListItem_css.styles, mwcControlListItem_css.styles, styles];
+    exports.FoxCheckListItem = __decorate([decorators_js.customElement('fox-check-list-item')], exports.FoxCheckListItem);
 
-    var FoxRadioListItem =
-    /** @class */
-    function (_super) {
-      __extends(FoxRadioListItem, _super);
-
-      function FoxRadioListItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-      }
-
-      FoxRadioListItem.prototype.render = function () {
-        var radioClasses = {
+    let _ = t => t,
+        _t,
+        _t2,
+        _t3;
+    exports.FoxRadioListItem = class FoxRadioListItem extends mwcRadioListItemBase.RadioListItemBase {
+      render() {
+        const radioClasses = {
           'mdc-deprecated-list-item__graphic': this.left,
           'mdc-deprecated-list-item__meta': !this.left
         };
-        var text = this.renderText();
-        var graphic = this.graphic && this.graphic !== 'control' && !this.left ? this.renderGraphic() : lit.html(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-        var meta = this.hasMeta && this.left ? this.renderMeta() : lit.html(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-        var ripple = this.renderRipple();
-        return lit.html(templateObject_3 || (templateObject_3 = __makeTemplateObject([" ", " ", " ", "\n      <fox-radio\n        global\n        class=", "\n        tabindex=", "\n        name=", "\n        .checked=", "\n        ?disabled=", "\n        @checked=", "\n      >\n      </fox-radio>\n      ", " ", ""], [" ", " ", " ", "\n      <fox-radio\n        global\n        class=", "\n        tabindex=", "\n        name=", "\n        .checked=", "\n        ?disabled=", "\n        @checked=", "\n      >\n      </fox-radio>\n      ", " ", ""])), ripple, graphic, this.left ? '' : text, classMap_js.classMap(radioClasses), this.tabindex, ifDefined_js.ifDefined(this.group === null ? undefined : this.group), this.selected, this.disabled, this.onChange, this.left ? text : '', meta);
-      };
-      /**
-       * @ignore
-       */
+        const text = this.renderText();
+        const graphic = this.graphic && this.graphic !== 'control' && !this.left ? this.renderGraphic() : lit.html(_t || (_t = _``));
+        const meta = this.hasMeta && this.left ? this.renderMeta() : lit.html(_t2 || (_t2 = _``));
+        const ripple = this.renderRipple();
+        return lit.html(_t3 || (_t3 = _` ${0} ${0} ${0}
+      <fox-radio
+        global
+        class=${0}
+        tabindex=${0}
+        name=${0}
+        .checked=${0}
+        ?disabled=${0}
+        @checked=${0}
+      >
+      </fox-radio>
+      ${0} ${0}`), ripple, graphic, this.left ? '' : text, classMap_js.classMap(radioClasses), this.tabindex, ifDefined_js.ifDefined(this.group === null ? undefined : this.group), this.selected, this.disabled, this.onChange, this.left ? text : '', meta);
+      }
 
+    };
+    /**
+     * @ignore
+     */
 
-      FoxRadioListItem.styles = [mwcListItem_css.styles, mwcControlListItem_css.styles, styles];
-      FoxRadioListItem = __decorate([decorators_js.customElement('fox-radio-list-item')], FoxRadioListItem);
-      return FoxRadioListItem;
-    }(mwcRadioListItemBase.RadioListItemBase);
-    var templateObject_1, templateObject_2, templateObject_3;
+    exports.FoxRadioListItem.styles = [mwcListItem_css.styles, mwcControlListItem_css.styles, styles];
+    exports.FoxRadioListItem = __decorate([decorators_js.customElement('fox-radio-list-item')], exports.FoxRadioListItem);
 
@@ -180,6 +159,2 @@ Object.defineProperty(exports, 'createSetFromIndex', {
     });
-    exports.FoxCheckListItem = FoxCheckListItem;
-    exports.FoxList = FoxList;
-    exports.FoxListItem = FoxListItem;
-    exports.FoxRadioListItem = FoxRadioListItem;
     exports.foxListItemStyles = styles;
@@ -186,0 +161,0 @@ exports.foxListStyles = styles$1;

package.json

 {
   "name": "@assecosolutions/fox-list",
-  "version": "1.5.17",
+  "version": "1.5.18",
   "public": true,
@@ -5,0 +5,0 @@ "lib": {

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

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

38044

decreased by-25.06%

Lines of code

414

decreased by-11.54%

No dependency changes