framework7 9.0.2 → 9.0.4

package/components/button/button-vars.less

@@ -62,10 +62,6 @@
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
 
-  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
-  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
-  --f7-button-tonal-text-color: var(--f7-theme-color);
-
   .light-vars({
     --f7-segmented-strong-bg-color: rgba(0,0,0,0.07);
     --f7-segmented-strong-button-pressed-bg-color: rgba(0,0,0,0.07);
@@ -77,6 +73,11 @@
   });
 
 });
+.ios-color-vars({
+  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
+  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
+  --f7-button-tonal-text-color: var(--f7-theme-color);
+});
 .md-vars({
   --f7-button-font-size: 14px;
   /*

package/components/calendar/calendar-class.js

@@ -9,6 +9,10 @@ class Calendar extends Framework7Class {
     super(params, [app]);
     const calendar = this;
     calendar.params = extend({}, app.params.calendar, params);
+    // dateFormat should not be deep-merged, instance value must fully replace app default
+    if (typeof params.dateFormat !== 'undefined') {
+      calendar.params.dateFormat = params.dateFormat;
+    }
     let $containerEl;
     if (calendar.params.containerEl) {
       $containerEl = $(calendar.params.containerEl);
@@ -1436,6 +1440,7 @@ class Calendar extends Framework7Class {
       toolbar: calendar.params.monthPickerToolbar,
       rotateEffect: false,
       toolbarCloseText: calendar.params.monthPickerCloseText,
+      renderToolbar: picker => `<div class="toolbar toolbar-top"><div class="toolbar-inner"><div class="left"></div><div class="right"><a class="link popover-close"><i class="icon icon-close"></i>${picker.params.toolbarCloseText ? `<span>${picker.params.toolbarCloseText}</span>` : ''}</a></div></div></div>`,
       cols: [{
         values,
         displayValues
@@ -1501,6 +1506,7 @@ class Calendar extends Framework7Class {
       toolbar: calendar.params.yearPickerToolbar,
       rotateEffect: false,
       toolbarCloseText: calendar.params.yearPickerCloseText,
+      renderToolbar: picker => `<div class="toolbar toolbar-top"><div class="toolbar-inner"><div class="left"></div><div class="right"><a class="link popover-close"><i class="icon icon-close"></i>${picker.params.toolbarCloseText ? `<span>${picker.params.toolbarCloseText}</span>` : ''}</a></div></div></div>`,
       cols: [{
         values: years
       }]
@@ -1569,6 +1575,7 @@ class Calendar extends Framework7Class {
       toolbar: calendar.params.timePickerToolbar,
       rotateEffect: false,
       toolbarCloseText: calendar.params.timePickerCloseText,
+      renderToolbar: picker => `<div class="toolbar toolbar-top"><div class="toolbar-inner"><div class="left"></div><div class="right"><a class="link popover-close"><i class="icon icon-close"></i>${picker.params.toolbarCloseText ? `<span>${picker.params.toolbarCloseText}</span>` : ''}</a></div></div></div>`,
       cols: [{
         values: hoursArr
       }, {

package/components/calendar/calendar-md.less

@@ -2,4 +2,8 @@
   .calendar-header {
     overflow: hidden;
   }
+  .toolbar .calendar-month-selector,
+  .toolbar .calendar-year-selector {
+    display: flex;
+  }
 }

package/components/calendar/calendar-rtl.css

@@ -1 +1 @@
-:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}
+:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}

package/components/calendar/calendar.css

@@ -1 +1 @@
-:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}
+:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}

package/components/data-table/data-table-rtl.css

@@ -1 +1 @@
-:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:#0000;--f7-table-card-header-bg-color:#0000;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:#00000073;--f7-table-cell-border-color:#00000038;--f7-table-selected-row-bg-color:#00000008;--f7-table-footer-text-color:#00000073;--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:#ffffff8c;--f7-table-cell-border-color:#ffffff26;--f7-table-footer-text-color:#ffffff8c;--f7-table-selected-row-bg-color:#ffffff14}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-actions-cell-link-color:#0000008a;--f7-table-actions-link-color:#0000008a;--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-actions-cell-link-color:#ffffff8a;--f7-table-actions-link-color:#ffffff8a}.md,.md .dark,.md [class*=color-]{--f7-table-head-text-color:var(--f7-md-on-surface-variant);--f7-table-footer-text-color:var(--f7-md-on-surface-variant);--f7-table-selected-row-bg-color:var(--f7-md-secondary-container);--f7-table-cell-border-color:var(--f7-md-outline)}.data-table{overflow-x:auto}.data-table table,table.data-table{border:none;border-collapse:collapse;margin:0;padding:0;text-align:right;width:100%}.data-table thead td,.data-table thead th{background-color:var(--f7-table-head-bg-color);font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:var(--f7-table-head-cell-height);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{font-size:var(--f7-table-head-icon-size);vertical-align:top}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);box-sizing:border-box;padding:var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-right) var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-left);position:relative}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){display:inline-block;font-size:0;min-width:0;text-align:center;vertical-align:middle}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell.input-cell .table-head-label,.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:"arrow_bottom_md";font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-table-sortable-icon-color);display:block;display:inline-block;font-feature-settings:"liga";font-size:20px;font-size:13px;height:100%;height:16px;line-height:16px;opacity:0;text-align:center;transform:rotate(0);transition-duration:.3s;vertical-align:top;width:100%;width:16px}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{background-color:var(--f7-table-card-header-bg-color);min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{align-items:center;margin-right:auto}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)){justify-content:center;line-height:1;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{align-items:center;display:flex;justify-content:space-between;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{height:100%;margin:calc(var(--f7-card-header-padding-vertical)*-1) calc(var(--f7-table-edge-cell-padding-horizontal)*-1);min-height:var(--f7-table-card-header-height);padding:var(--f7-card-header-padding-vertical) var(--f7-table-edge-cell-padding-horizontal)}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{color:var(--f7-theme-color);font-size:14px}.data-table .data-table-footer{align-items:center;box-sizing:border-box;color:var(--f7-table-footer-text-color);display:flex;font-size:var(--f7-table-footer-font-size);justify-content:flex-start;min-height:var(--f7-table-footer-height);overflow:hidden;position:relative}.data-table .data-table-footer:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table .data-table-pagination,.data-table .data-table-rows-select{align-items:center;display:flex}.data-table .input-cell{height:auto;padding-bottom:8px;padding-top:8px;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size);height:var(--f7-table-input-height)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);align-content:center;align-items:center;display:flex;height:auto;justify-content:flex-start;min-height:var(--f7-table-body-cell-height);text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{background:none!important;color:var(--f7-table-head-text-color);content:attr(data-collapsible-title);display:block!important;flex-shrink:0;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:auto;margin-left:16px;position:relative;transform:none!important;width:40%}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;right:0;top:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{height:44px;width:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.md .data-table th.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){height:24px;line-height:24px;width:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only,.md .data-table-actions a.link:has(i:only-child),.md .data-table-actions a.link:has(svg:only-child){height:24px;overflow:visible;width:24px}.md .data-table-actions a.link.icon-only.active-state,.md .data-table-actions a.link:has(i:only-child).active-state,.md .data-table-actions a.link:has(svg:only-child).active-state{background:none}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{height:48px;width:48px}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}
+:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:#0000;--f7-table-card-header-bg-color:#0000;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:#00000073;--f7-table-cell-border-color:#00000038;--f7-table-selected-row-bg-color:#00000008;--f7-table-footer-text-color:#00000073;--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:#ffffff8c;--f7-table-cell-border-color:#ffffff26;--f7-table-footer-text-color:#ffffff8c;--f7-table-selected-row-bg-color:#ffffff14}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-actions-cell-link-color:#0000008a;--f7-table-actions-link-color:#0000008a;--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-actions-cell-link-color:#ffffff8a;--f7-table-actions-link-color:#ffffff8a}.md,.md .dark,.md [class*=color-]{--f7-table-head-text-color:var(--f7-md-on-surface-variant);--f7-table-footer-text-color:var(--f7-md-on-surface-variant);--f7-table-selected-row-bg-color:var(--f7-md-secondary-container);--f7-table-cell-border-color:var(--f7-md-outline)}.data-table{overflow-x:auto}.data-table table,table.data-table{border:none;border-collapse:collapse;margin:0;padding:0;text-align:right;width:100%}.data-table thead td,.data-table thead th{background-color:var(--f7-table-head-bg-color);font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:var(--f7-table-head-cell-height);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{font-size:var(--f7-table-head-icon-size);vertical-align:top}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);box-sizing:border-box;padding:var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-right) var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-left);position:relative}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){display:inline-block;font-size:0;min-width:0;text-align:center;vertical-align:middle}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell.input-cell .table-head-label,.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:"arrow_bottom_md";font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-table-sortable-icon-color);display:block;display:inline-block;font-feature-settings:"liga";font-size:20px;font-size:13px;height:100%;height:16px;line-height:16px;opacity:0;text-align:center;transform:rotate(0);transition-duration:.3s;vertical-align:top;width:100%;width:16px}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc .table-head-label:after,.data-table .sortable-cell.sortable-desc .table-head-label:before,.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{background-color:var(--f7-table-card-header-bg-color);min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{align-items:center;margin-right:auto}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)){justify-content:center;line-height:1;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{align-items:center;display:flex;justify-content:space-between;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{height:100%;margin:calc(var(--f7-card-header-padding-vertical)*-1) calc(var(--f7-table-edge-cell-padding-horizontal)*-1);min-height:var(--f7-table-card-header-height);padding:var(--f7-card-header-padding-vertical) var(--f7-table-edge-cell-padding-horizontal)}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{color:var(--f7-theme-color);font-size:14px}.data-table .data-table-footer{align-items:center;box-sizing:border-box;color:var(--f7-table-footer-text-color);display:flex;font-size:var(--f7-table-footer-font-size);justify-content:flex-start;min-height:var(--f7-table-footer-height);overflow:hidden;position:relative}.data-table .data-table-footer:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table .data-table-pagination,.data-table .data-table-rows-select{align-items:center;display:flex}.data-table .input-cell{height:auto;padding-bottom:8px;padding-top:8px;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size);height:var(--f7-table-input-height)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);align-content:center;align-items:center;display:flex;height:auto;justify-content:flex-start;min-height:var(--f7-table-body-cell-height);text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{background:none!important;color:var(--f7-table-head-text-color);content:attr(data-collapsible-title);display:block!important;flex-shrink:0;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:auto;margin-left:16px;position:relative;transform:none!important;width:40%}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;right:0;top:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{height:44px;width:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.md .data-table th.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){height:24px;line-height:24px;width:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only,.md .data-table-actions a.link:has(i:only-child),.md .data-table-actions a.link:has(svg:only-child){height:24px;overflow:visible;width:24px}.md .data-table-actions a.link.icon-only.active-state,.md .data-table-actions a.link:has(i:only-child).active-state,.md .data-table-actions a.link:has(svg:only-child).active-state{background:none}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{height:48px;width:48px}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}

package/components/data-table/data-table.css

@@ -1 +1 @@
-:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:#0000;--f7-table-card-header-bg-color:#0000;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:#00000073;--f7-table-cell-border-color:#00000038;--f7-table-selected-row-bg-color:#00000008;--f7-table-footer-text-color:#00000073;--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:#ffffff8c;--f7-table-cell-border-color:#ffffff26;--f7-table-footer-text-color:#ffffff8c;--f7-table-selected-row-bg-color:#ffffff14}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-actions-cell-link-color:#0000008a;--f7-table-actions-link-color:#0000008a;--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-actions-cell-link-color:#ffffff8a;--f7-table-actions-link-color:#ffffff8a}.md,.md .dark,.md [class*=color-]{--f7-table-head-text-color:var(--f7-md-on-surface-variant);--f7-table-footer-text-color:var(--f7-md-on-surface-variant);--f7-table-selected-row-bg-color:var(--f7-md-secondary-container);--f7-table-cell-border-color:var(--f7-md-outline)}.data-table{overflow-x:auto}.data-table table,table.data-table{border:none;border-collapse:collapse;margin:0;padding:0;text-align:left;width:100%}.data-table thead td,.data-table thead th{background-color:var(--f7-table-head-bg-color);font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:var(--f7-table-head-cell-height);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{font-size:var(--f7-table-head-icon-size);vertical-align:top}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);box-sizing:border-box;padding:var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-right) var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-left);position:relative}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){display:inline-block;font-size:0;min-width:0;text-align:center;vertical-align:middle}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell.input-cell .table-head-label,.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:"arrow_bottom_md";font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-table-sortable-icon-color);display:block;display:inline-block;font-feature-settings:"liga";font-size:20px;font-size:13px;height:100%;height:16px;line-height:16px;opacity:0;text-align:center;transform:rotate(0);transition-duration:.3s;vertical-align:top;width:100%;width:16px}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{background-color:var(--f7-table-card-header-bg-color);min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{align-items:center;margin-left:auto}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)){justify-content:center;line-height:1;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{align-items:center;display:flex;justify-content:space-between;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{height:100%;margin:calc(var(--f7-card-header-padding-vertical)*-1) calc(var(--f7-table-edge-cell-padding-horizontal)*-1);min-height:var(--f7-table-card-header-height);padding:var(--f7-card-header-padding-vertical) var(--f7-table-edge-cell-padding-horizontal)}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{color:var(--f7-theme-color);font-size:14px}.data-table .data-table-footer{align-items:center;box-sizing:border-box;color:var(--f7-table-footer-text-color);display:flex;font-size:var(--f7-table-footer-font-size);justify-content:flex-end;min-height:var(--f7-table-footer-height);overflow:hidden;position:relative}.data-table .data-table-footer:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table .data-table-pagination,.data-table .data-table-rows-select{align-items:center;display:flex}.data-table .input-cell{height:auto;padding-bottom:8px;padding-top:8px;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size);height:var(--f7-table-input-height)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);align-content:center;align-items:center;display:flex;height:auto;justify-content:flex-start;min-height:var(--f7-table-body-cell-height);text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{background:none!important;color:var(--f7-table-head-text-color);content:attr(data-collapsible-title);display:block!important;flex-shrink:0;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:auto;margin-right:16px;position:relative;transform:none!important;width:40%}.data-table.data-table-collapsible td.checkbox-cell{left:0;position:absolute;top:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{height:44px;width:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.md .data-table th.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){height:24px;line-height:24px;width:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only,.md .data-table-actions a.link:has(i:only-child),.md .data-table-actions a.link:has(svg:only-child){height:24px;overflow:visible;width:24px}.md .data-table-actions a.link.icon-only.active-state,.md .data-table-actions a.link:has(i:only-child).active-state,.md .data-table-actions a.link:has(svg:only-child).active-state{background:none}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{height:48px;width:48px}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}
+:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:#0000;--f7-table-card-header-bg-color:#0000;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:#00000073;--f7-table-cell-border-color:#00000038;--f7-table-selected-row-bg-color:#00000008;--f7-table-footer-text-color:#00000073;--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:#ffffff8c;--f7-table-cell-border-color:#ffffff26;--f7-table-footer-text-color:#ffffff8c;--f7-table-selected-row-bg-color:#ffffff14}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-actions-cell-link-color:#0000008a;--f7-table-actions-link-color:#0000008a;--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-actions-cell-link-color:#ffffff8a;--f7-table-actions-link-color:#ffffff8a}.md,.md .dark,.md [class*=color-]{--f7-table-head-text-color:var(--f7-md-on-surface-variant);--f7-table-footer-text-color:var(--f7-md-on-surface-variant);--f7-table-selected-row-bg-color:var(--f7-md-secondary-container);--f7-table-cell-border-color:var(--f7-md-outline)}.data-table{overflow-x:auto}.data-table table,table.data-table{border:none;border-collapse:collapse;margin:0;padding:0;text-align:left;width:100%}.data-table thead td,.data-table thead th{background-color:var(--f7-table-head-bg-color);font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:var(--f7-table-head-cell-height);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{font-size:var(--f7-table-head-icon-size);vertical-align:top}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);box-sizing:border-box;padding:var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-right) var(--f7-table-cell-padding-vertical) var(--f7-table-cell-padding-left);position:relative}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){display:inline-block;font-size:0;min-width:0;text-align:center;vertical-align:middle}.card .data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card .data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.card.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table td a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i,.data-table th a:is(.icon-only,:has(i:only-child),:has(svg:only-child)) i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell.input-cell .table-head-label,.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:"arrow_bottom_md";font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-table-sortable-icon-color);display:block;display:inline-block;font-feature-settings:"liga";font-size:20px;font-size:13px;height:100%;height:16px;line-height:16px;opacity:0;text-align:center;transform:rotate(0);transition-duration:.3s;vertical-align:top;width:100%;width:16px}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc .table-head-label:after,.data-table .sortable-cell.sortable-desc .table-head-label:before,.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{background-color:var(--f7-table-card-header-bg-color);min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{align-items:center;margin-left:auto}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)){justify-content:center;line-height:1;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{align-items:center;display:flex;justify-content:space-between;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{height:100%;margin:calc(var(--f7-card-header-padding-vertical)*-1) calc(var(--f7-table-edge-cell-padding-horizontal)*-1);min-height:var(--f7-table-card-header-height);padding:var(--f7-card-header-padding-vertical) var(--f7-table-edge-cell-padding-horizontal)}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{color:var(--f7-theme-color);font-size:14px}.data-table .data-table-footer{align-items:center;box-sizing:border-box;color:var(--f7-table-footer-text-color);display:flex;font-size:var(--f7-table-footer-font-size);justify-content:flex-end;min-height:var(--f7-table-footer-height);overflow:hidden;position:relative}.data-table .data-table-footer:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table .data-table-pagination,.data-table .data-table-rows-select{align-items:center;display:flex}.data-table .input-cell{height:auto;padding-bottom:8px;padding-top:8px;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size);height:var(--f7-table-input-height)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{background-color:var(--f7-table-cell-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);align-content:center;align-items:center;display:flex;height:auto;justify-content:flex-start;min-height:var(--f7-table-body-cell-height);text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{background:none!important;color:var(--f7-table-head-text-color);content:attr(data-collapsible-title);display:block!important;flex-shrink:0;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);height:auto;margin-right:16px;position:relative;transform:none!important;width:40%}.data-table.data-table-collapsible td.checkbox-cell{left:0;position:absolute;top:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{height:44px;width:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.md .data-table th.actions-cell a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){height:24px;line-height:24px;width:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only,.md .data-table-actions a.link:has(i:only-child),.md .data-table-actions a.link:has(svg:only-child){height:24px;overflow:visible;width:24px}.md .data-table-actions a.link.icon-only.active-state,.md .data-table-actions a.link:has(i:only-child).active-state,.md .data-table-actions a.link:has(svg:only-child).active-state{background:none}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{height:48px;width:48px}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}

package/components/data-table/data-table.less

@@ -178,11 +178,8 @@
       opacity: 0.87 !important;
     }
   }
-  .sortable-cell.sortable-asc {
-  }
-  .sortable-cell.sortable-desc,
   .sortable-cell.sortable-desc,
-  .table-head-label {
+  .sortable-cell.sortable-desc .table-head-label {
     &:after,
     &:before {
       transform: rotate(180deg) !important;

package/components/toolbar/tabbar-highlight.js

@@ -87,6 +87,7 @@ export const initTabbarHighlight = el => {
     if (!el) return;
     if (e.type === 'pointerdown') {
       data.linkEls = el.querySelectorAll('.tab-link');
+      data.activeIndex = [...data.linkEls].findIndex(link => link.classList.contains('tab-link-active'));
       data.rect = toolbarPaneEl.getBoundingClientRect();
       data.touched = true;
       setHighlightOnTouch(data, e);
@@ -104,6 +105,18 @@ export const initTabbarHighlight = el => {
       unsetHighlightOnTouch(data);
       stopAnimation(data);
     }
+    if (e.type === 'pointercancel') {
+      if (!data.touched) return;
+      data.touched = false;
+      data.moved = false;
+      data.setTransform = null;
+      stopAnimation(data);
+      if (highlightEl) {
+        highlightEl.classList.remove('tab-link-highlight-pressed');
+        highlightEl.style.transform = `translateX(${data.activeIndex * 100}%)`;
+        highlightEl.style.transitionTimingFunction = '';
+      }
+    }
   };
   el.addEventListener('touchstart', el.f7ToolbarOnPointer, {
     passive: false

package/components/touch-highlight/touch-highlight-ios.less

@@ -2,7 +2,6 @@
   .toolbar-pane,
   .navbar .left,
   .navbar .right,
-  .popover-inner,
   .actions-group:not(.actions-grid .actions-group),
   .searchbar-input-wrap,
   .searchbar-disable-button,

package/framework7-bundle-rtl.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 9.0.2
+ * Framework7 9.0.4
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2025 Vladimir Kharlampidi
+ * Copyright 2014-2026 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 5, 2025
+ * Released on: April 29, 2026
  */
 
 /*====================
@@ -4203,9 +4203,6 @@ li.list-group-title:after,
   --f7-button-small-font-weight: 500;
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
-  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
-  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
-  --f7-button-tonal-text-color: var(--f7-theme-color);
   --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
   --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
 }
@@ -4214,6 +4211,13 @@ li.list-group-title:after,
   --f7-segmented-strong-bg-color: rgba(255, 255, 255, 0.1);
   --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
 }
+.ios,
+.ios .dark,
+.ios [class*='color-'] {
+  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
+  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
+  --f7-button-tonal-text-color: var(--f7-theme-color);
+}
 .md {
   --f7-button-font-size: 14px;
   /*
@@ -4749,7 +4753,6 @@ button .ripple-wave,
 .ios .toolbar-pane,
 .ios .navbar .left,
 .ios .navbar .right,
-.ios .popover-inner,
 .ios .actions-group:not(.actions-grid .actions-group),
 .ios .searchbar-input-wrap,
 .ios .searchbar-disable-button,
@@ -12583,6 +12586,10 @@ label.item-radio.disabled,
 .md .calendar-header {
   overflow: hidden;
 }
+.md .toolbar .calendar-month-selector,
+.md .toolbar .calendar-year-selector {
+  display: flex;
+}
 /* === Picker === */
 :root {
   --f7-picker-height: 260px;
@@ -13322,11 +13329,9 @@ table.data-table {
   opacity: 0.87 !important;
 }
 .data-table .sortable-cell.sortable-desc:after,
-.data-table .sortable-cell.sortable-desc:after,
-.data-table .table-head-label:after,
-.data-table .sortable-cell.sortable-desc:before,
+.data-table .sortable-cell.sortable-desc .table-head-label:after,
 .data-table .sortable-cell.sortable-desc:before,
-.data-table .table-head-label:before {
+.data-table .sortable-cell.sortable-desc .table-head-label:before {
   transform: rotate(180deg) !important;
 }
 .data-table.card .card-header,