framework7 7.1.5 → 8.0.0-beta.2

package/components/tooltip/tooltip-class.js

@@ -3,26 +3,23 @@ import $ from '../../shared/dom7.js';
 import { extend, deleteProps } from '../../shared/utils.js';
 import { getSupport } from '../../shared/get-support.js';
 import Framework7Class from '../../shared/class.js';
-
 class Tooltip extends Framework7Class {
   constructor(app, params) {
     if (params === void 0) {
       params = {};
     }
-
     super(params, [app]);
     const tooltip = this;
     const support = getSupport();
     const defaults = extend({}, app.params.tooltip);
-    const document = getDocument(); // Extend defaults with modules params
+    const document = getDocument();
 
+    // Extend defaults with modules params
     tooltip.useModulesParams(defaults);
     tooltip.params = extend(defaults, params);
-
     if (typeof params.offset === 'undefined' && support.touch && tooltip.params.trigger === 'hover') {
       tooltip.params.offset = 10;
     }
-
     const {
       targetEl,
       containerEl
@@ -32,11 +29,9 @@ class Tooltip extends Framework7Class {
     if ($targetEl.length === 0 && !tooltip.params.delegated) return tooltip;
     if ($targetEl[0] && $targetEl[0].f7Tooltip && !tooltip.params.delegated) return $targetEl[0].f7Tooltip;
     let $containerEl = $(containerEl || app.$el).eq(0);
-
     if ($containerEl.length === 0) {
       $containerEl = app.$el;
     }
-
     const $el = $(tooltip.render()).eq(0);
     extend(tooltip, {
       app,
@@ -53,16 +48,13 @@ class Tooltip extends Framework7Class {
     if ($targetEl[0]) $targetEl[0].f7Tooltip = tooltip;
     const touchesStart = {};
     let isTouched;
-
     function handleClick() {
       if (tooltip.opened) tooltip.hide();else tooltip.show(this);
     }
-
     function handleClickOut(e) {
       if (tooltip.opened && ($(e.target).closest($targetEl).length || $(e.target).closest(tooltip.$el).length)) return;
       tooltip.hide();
     }
-
     function handleTouchStart(e) {
       if (isTouched) return;
       isTouched = true;
@@ -70,66 +62,53 @@ class Tooltip extends Framework7Class {
       touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
       tooltip.show(this);
     }
-
     function handleTouchMove(e) {
       if (!isTouched) return;
       const x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
       const y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
       const distance = ((x - touchesStart.x) ** 2 + (y - touchesStart.y) ** 2) ** 0.5;
-
       if (distance > 50) {
         isTouched = false;
         tooltip.hide();
       }
     }
-
     function handleTouchEnd() {
       if (!isTouched) return;
       isTouched = false;
       tooltip.hide();
     }
-
     function handleMouseEnter() {
       tooltip.show(this);
     }
-
     function handleMouseLeave() {
       tooltip.hide();
     }
-
     function handleTransitionEnd() {
       if (!$el.hasClass('tooltip-in')) {
         $el.removeClass('tooltip-out').remove();
       }
     }
-
     tooltip.attachEvents = function attachEvents() {
       $el.on('transitionend', handleTransitionEnd);
-
       if (tooltip.params.trigger === 'click') {
         if (tooltip.params.delegated) {
           $(document).on('click', tooltip.params.targetEl, handleClick);
         } else {
           tooltip.$targetEl.on('click', handleClick);
         }
-
         $('html').on('click', handleClickOut);
         return;
       }
-
       if (tooltip.params.trigger === 'manual') return;
-
       if (support.touch) {
         const passive = support.passiveListener ? {
           passive: true
         } : false;
-
         if (tooltip.params.delegated) {
           $(document).on(app.touchEvents.start, tooltip.params.targetEl, handleTouchStart, passive);
         } else {
           tooltip.$targetEl.on(app.touchEvents.start, handleTouchStart, passive);
         }
-
         app.on('touchmove', handleTouchMove);
         app.on('touchend:passive', handleTouchEnd);
       } else {
@@ -143,34 +122,27 @@ class Tooltip extends Framework7Class {
         }
       }
     };
-
     tooltip.detachEvents = function detachEvents() {
       $el.off('transitionend', handleTransitionEnd);
-
       if (tooltip.params.trigger === 'click') {
         if (tooltip.params.delegated) {
           $(document).on('click', tooltip.params.targetEl, handleClick);
         } else {
           tooltip.$targetEl.off('click', handleClick);
         }
-
         $('html').off('click', handleClickOut);
         return;
       }
-
       if (tooltip.params.trigger === 'manual') return;
-
       if (support.touch) {
         const passive = support.passiveListener ? {
           passive: true
         } : false;
-
         if (tooltip.params.delegated) {
           $(document).off(app.touchEvents.start, tooltip.params.targetEl, handleTouchStart, passive);
         } else {
           tooltip.$targetEl.off(app.touchEvents.start, handleTouchStart, passive);
         }
-
         app.off('touchmove', handleTouchMove);
         app.off('touchend:passive', handleTouchEnd);
       } else {
@@ -183,14 +155,13 @@ class Tooltip extends Framework7Class {
           tooltip.$targetEl.off(support.pointerEvents ? 'pointerleave' : 'mouseleave', handleMouseLeave);
         }
       }
-    }; // Install Modules
-
+    };
 
+    // Install Modules
     tooltip.useModules();
     tooltip.init();
     return tooltip;
   }
-
   setTargetEl(targetEl) {
     const tooltip = this;
     tooltip.detachEvents();
@@ -199,7 +170,6 @@ class Tooltip extends Framework7Class {
     tooltip.attachEvents();
     return tooltip;
   }
-
   position(targetEl) {
     const tooltip = this;
     const {
@@ -224,31 +194,26 @@ class Tooltip extends Framework7Class {
     let targetOffsetLeft;
     let targetOffsetTop;
     const boundaries = hasContainerEl && $containerEl.length ? $containerEl[0].getBoundingClientRect() : app;
-
     if ($targetEl && $targetEl.length > 0) {
       targetWidth = $targetEl.outerWidth();
       targetHeight = $targetEl.outerHeight();
-
       if (typeof targetWidth === 'undefined' && typeof targetHeight === 'undefined') {
         const clientRect = $targetEl[0].getBoundingClientRect();
         targetWidth = clientRect.width;
         targetHeight = clientRect.height;
       }
-
       const targetOffset = $targetEl.offset();
       targetOffsetLeft = targetOffset.left - boundaries.left;
       targetOffsetTop = targetOffset.top - boundaries.top;
       const targetParentPage = $targetEl.parents('.page');
-
       if (targetParentPage.length > 0) {
         targetOffsetTop -= targetParentPage[0].scrollTop;
       }
     }
+    let [left, top] = [0, 0, 0];
 
-    let [left, top] = [0, 0, 0]; // Top Position
-
+    // Top Position
     let position = 'top';
-
     if (height + tooltipOffset < targetOffsetTop) {
       // On top
       top = targetOffsetTop - height - tooltipOffset;
@@ -260,15 +225,14 @@ class Tooltip extends Framework7Class {
       // On middle
       position = 'middle';
       top = targetHeight / 2 + targetOffsetTop - height / 2;
-
       if (top <= 0) {
         top = 8;
       } else if (top + height >= boundaries.height) {
         top = boundaries.height - height - 8;
       }
-    } // Horizontal Position
-
+    }
 
+    // Horizontal Position
     if (position === 'top' || position === 'bottom') {
       left = targetWidth / 2 + targetOffsetLeft - width / 2;
       if (left < 8) left = 8;
@@ -276,20 +240,18 @@ class Tooltip extends Framework7Class {
       if (left < 0) left = 0;
     } else if (position === 'middle') {
       left = targetOffsetLeft - width;
-
       if (left < 8 || left + width > boundaries.width) {
         if (left < 8) left = targetOffsetLeft + targetWidth;
         if (left + width > boundaries.width) left = boundaries.width - width - 8;
       }
-    } // Apply Styles
-
+    }
 
+    // Apply Styles
     $el.css({
       top: `${top}px`,
       left: `${left}px`
     });
   }
-
   show(aroundEl) {
     const tooltip = this;
     const {
@@ -297,27 +259,22 @@ class Tooltip extends Framework7Class {
       $targetEl,
       $containerEl
     } = tooltip;
-
     if ($containerEl[0] && $el[0] && !$containerEl[0].contains($el[0])) {
       $containerEl.append($el);
     }
-
     tooltip.position(aroundEl);
     const $aroundEl = $(aroundEl);
     tooltip.visible = true;
     tooltip.opened = true;
     $targetEl.trigger('tooltip:show');
     $el.trigger('tooltip:show');
-
     if ($aroundEl.length && $aroundEl[0] !== $targetEl[0]) {
       $aroundEl.trigger('tooltip:show');
     }
-
     tooltip.emit('local::show tooltipShow', tooltip);
     $el.removeClass('tooltip-out').addClass('tooltip-in');
     return tooltip;
   }
-
   hide() {
     const tooltip = this;
     const {
@@ -332,7 +289,6 @@ class Tooltip extends Framework7Class {
     $el.addClass('tooltip-out').removeClass('tooltip-in');
     return tooltip;
   }
-
   render() {
     const tooltip = this;
     if (tooltip.params.render) return tooltip.params.render.call(tooltip, tooltip);
@@ -346,33 +302,25 @@ class Tooltip extends Framework7Class {
       </div>
     `.trim();
   }
-
   setText(newText) {
     const tooltip = this;
-
     if (typeof newText === 'undefined') {
       return tooltip;
     }
-
     tooltip.params.text = newText;
     tooltip.text = newText;
-
     if (tooltip.$el) {
       tooltip.$el.children('.tooltip-content').html(newText);
     }
-
     if (tooltip.opened) {
       tooltip.position();
     }
-
     return tooltip;
   }
-
   init() {
     const tooltip = this;
     tooltip.attachEvents();
   }
-
   destroy() {
     const tooltip = this;
     if (!tooltip.$targetEl || tooltip.destroyed) return;
@@ -384,7 +332,5 @@ class Tooltip extends Framework7Class {
     deleteProps(tooltip);
     tooltip.destroyed = true;
   }
-
 }
-
 export default Tooltip;

package/components/tooltip/tooltip-rtl.css

@@ -1 +1 @@
-:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}
+:root{--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.ios{--f7-tooltip-border-radius:4px;--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff}.md{--f7-tooltip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-tooltip-bg-color:var(--f7-md-secondary);--f7-tooltip-text-color:var(--f7-md-on-secondary)}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}

package/components/tooltip/tooltip-vars.less

@@ -1,10 +1,19 @@
 :root {
-  --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87);
-  --f7-tooltip-text-color: #fff;
-  --f7-tooltip-border-radius: 4px;
   --f7-tooltip-padding: 8px 16px;
   --f7-tooltip-font-size: 14px;
   --f7-tooltip-font-weight: 500;
   --f7-tooltip-desktop-padding: 6px 8px;
   --f7-tooltip-desktop-font-size: 12px;
 }
+.ios-vars({
+  --f7-tooltip-border-radius: 4px;
+  --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87);
+  --f7-tooltip-text-color: #fff;
+});
+.md-vars({
+  --f7-tooltip-border-radius: 8px;
+});
+.md-color-vars({
+  --f7-tooltip-bg-color: var(--f7-md-secondary);
+  --f7-tooltip-text-color: var(--f7-md-on-secondary);
+});

package/components/tooltip/tooltip.css

@@ -1 +1 @@
-:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}
+:root{--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.ios{--f7-tooltip-border-radius:4px;--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff}.md{--f7-tooltip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-tooltip-bg-color:var(--f7-md-secondary);--f7-tooltip-text-color:var(--f7-md-on-secondary)}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}

package/components/tooltip/tooltip.js

@@ -6,7 +6,6 @@ export default {
   static: {
     Tooltip
   },
-
   create() {
     const app = this;
     app.tooltip = ConstructorMethods({
@@ -15,7 +14,6 @@ export default {
       app,
       domProp: 'f7Tooltip'
     });
-
     app.tooltip.show = function show(el) {
       const $el = $(el);
       if ($el.length === 0) return undefined;
@@ -24,7 +22,6 @@ export default {
       tooltip.show($el[0]);
       return tooltip;
     };
-
     app.tooltip.hide = function hide(el) {
       const $el = $(el);
       if ($el.length === 0) return undefined;
@@ -33,7 +30,6 @@ export default {
       tooltip.hide();
       return tooltip;
     };
-
     app.tooltip.setText = function text(el, newText) {
       const $el = $(el);
       if ($el.length === 0) return undefined;
@@ -43,7 +39,6 @@ export default {
       return tooltip;
     };
   },
-
   params: {
     tooltip: {
       targetEl: null,
@@ -68,13 +63,11 @@ export default {
         });
       });
     },
-
     tabBeforeRemove(tabEl) {
       $(tabEl).find('.tooltip-init').each(el => {
         if (el.f7Tooltip) el.f7Tooltip.destroy();
       });
     },
-
     pageInit(page) {
       const app = this;
       page.$el.find('.tooltip-init').each(el => {
@@ -85,7 +78,6 @@ export default {
           text
         });
       });
-
       if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
         page.$navbarEl.find('.tooltip-init').each(el => {
           const text = $(el).attr('data-tooltip');
@@ -97,20 +89,17 @@ export default {
         });
       }
     },
-
     pageBeforeRemove(page) {
       const app = this;
       page.$el.find('.tooltip-init').each(el => {
         if (el.f7Tooltip) el.f7Tooltip.destroy();
       });
-
       if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
         page.$navbarEl.find('.tooltip-init').each(el => {
           if (el.f7Tooltip) el.f7Tooltip.destroy();
         });
       }
     }
-
   },
   vnode: {
     'tooltip-init': {
@@ -124,21 +113,17 @@ export default {
           text
         });
       },
-
       update(vnode) {
         const el = vnode.elm;
         if (!el.f7Tooltip) return;
-
         if (vnode && vnode.data && vnode.data.attrs && vnode.data.attrs['data-tooltip']) {
           el.f7Tooltip.setText(vnode.data.attrs['data-tooltip']);
         }
       },
-
       destroy(vnode) {
         const el = vnode.elm;
         if (el.f7Tooltip) el.f7Tooltip.destroy();
       }
-
     }
   }
 };

package/components/tooltip/tooltip.less

@@ -37,6 +37,3 @@
 .if-md-theme({
   @import './tooltip-md.less';
 });
-.if-aurora-theme({
-  @import './tooltip-aurora.less';
-});

package/components/touch-ripple/touch-ripple-class.js

@@ -16,15 +16,12 @@ export default class TouchRipple {
     let diameter = Math.max((height ** 2 + width ** 2) ** 0.5, 48);
     let isInset = false;
     const insetElements = app.params.touch.touchRippleInsetElements || '';
-
     if (insetElements && $el.is(insetElements)) {
       isInset = true;
     }
-
     if (isInset) {
       diameter = Math.max(Math.min(width, height), 48);
     }
-
     if (!isInset && $el.css('overflow') === 'hidden') {
       const distanceFromCenter = ((center.x - width / 2) ** 2 + (center.y - height / 2) ** 2) ** 0.5;
       const scale = (diameter / 2 + distanceFromCenter) / (diameter / 2);
@@ -33,39 +30,32 @@ export default class TouchRipple {
       // prettier-ignore
       ripple.rippleTransform = `translate3d(${-center.x + width / 2}px, ${-center.y + height / 2}px, 0) scale(1)`;
     }
-
     if (isInset) {
       $el.addClass('ripple-inset');
     }
-
     ripple.$rippleWaveEl = $(`<div class="ripple-wave" style="width: ${diameter}px; height: ${diameter}px; margin-top:-${diameter / 2}px; margin-left:-${diameter / 2}px; left:${center.x}px; top:${center.y}px; --f7-ripple-transform: ${ripple.rippleTransform}"></div>`);
     $el.prepend(ripple.$rippleWaveEl);
     ripple.$rippleWaveEl.animationEnd(() => {
       if (!ripple.$rippleWaveEl) return;
       if (ripple.$rippleWaveEl.hasClass('ripple-wave-out')) return;
       ripple.$rippleWaveEl.addClass('ripple-wave-in');
-
       if (ripple.shouldBeRemoved) {
         ripple.out();
       }
     });
     return ripple;
   }
-
   destroy() {
     let ripple = this;
-
     if (ripple.$rippleWaveEl) {
       ripple.$rippleWaveEl.remove();
     }
-
     Object.keys(ripple).forEach(key => {
       ripple[key] = null;
       delete ripple[key];
     });
     ripple = null;
   }
-
   out() {
     const ripple = this;
     const {
@@ -81,7 +71,6 @@ export default class TouchRipple {
       ripple.destroy();
     });
   }
-
   remove() {
     const ripple = this;
     if (ripple.shouldBeRemoved) return;
@@ -89,10 +78,8 @@ export default class TouchRipple {
       ripple.destroy();
     }, 400);
     ripple.shouldBeRemoved = true;
-
     if (ripple.$rippleWaveEl.hasClass('ripple-wave-in')) {
       ripple.out();
     }
   }
-
 }

package/components/touch-ripple/touch-ripple.js

@@ -4,7 +4,6 @@ export default {
   static: {
     TouchRipple
   },
-
   create() {
     const app = this;
     app.touchRipple = {
@@ -12,11 +11,8 @@ export default {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-
         return new TouchRipple(...args);
       }
-
     };
   }
-
 };

package/components/touch-ripple/touch-ripple.less

@@ -35,8 +35,7 @@
     animation: touch-ripple-out 300ms forwards;
   }
   .button-fill &,
-  .picker-calendar-day &,
-  .menu & {
+  .picker-calendar-day & {
     z-index: 1;
   }
 }
@@ -74,6 +73,3 @@
 .if-md-theme({
   @import './touch-ripple-md.less';
 });
-.if-aurora-theme({
-  @import './touch-ripple-aurora.less';
-});

package/components/treeview/treeview-rtl.css

@@ -1 +1 @@
-:root{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-icon-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .dark,:root.dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-label-font-size:17px}.md{--f7-treeview-label-font-size:16px}.aurora{--f7-treeview-label-font-size:16px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);min-height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}
+:root{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-icon-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .dark,:root.dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-label-font-size:17px}.md{--f7-treeview-label-font-size:16px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);min-height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}

package/components/treeview/treeview-vars.less

@@ -36,6 +36,3 @@
 .md-vars({
   --f7-treeview-label-font-size: 16px;
 });
-.aurora-vars({
-  --f7-treeview-label-font-size: 16px;
-});

package/components/treeview/treeview.css

@@ -1 +1 @@
-:root{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-icon-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .dark,:root.dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-label-font-size:17px}.md{--f7-treeview-label-font-size:16px}.aurora{--f7-treeview-label-font-size:16px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);min-height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}
+:root{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-icon-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .dark,:root.dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-label-font-size:17px}.md{--f7-treeview-label-font-size:16px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);min-height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}