smoothly 0.1.67 → 0.1.71

package/dist/esm/smoothly-calendar.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, j as getElement } from './index-0dd5f791.js';
-import { d as dist } from './index-046ba252.js';
-import { w as weekdays, m as month } from './generate-fc812e0f.js';
+import { d as dist } from './index-13251390.js';
+import { w as weekdays, m as month } from './generate-7090dc14.js';
 import './_commonjsHelpers-8fe71198.js';
 
-const styleCss = ".sc-smoothly-calendar-h{display:block}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:.5em .5em 0 .5em}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-light-shade))}td.sc-smoothly-calendar:not(.selected):hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}";
+const styleCss = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}th.sc-smoothly-calendar,td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-shade));cursor:pointer;user-select:none}td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}td.sc-smoothly-calendar:nth-child(6),td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}td.sc-smoothly-calendar:not(.selected):hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-dark-tint));color:rgb(var(--smoothly-dark-contrast))}td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}";
 
 const Calendar = class {
   constructor(hostRef) {
@@ -28,7 +28,7 @@ const Calendar = class {
           event.stopPropagation();
         } }),
       h("table", null, h("thead", null, h("tr", null, weekdays().map(day => (h("th", null, day))))), month((_b = this.month) !== null && _b !== void 0 ? _b : this.value).map(week => (h("tr", null, week.map(date => {
-        var _a, _b;
+        var _a, _b, _c;
         return (h("td", { tabindex: 1, onClick: () => {
             this.valueChanged.emit((this.value = date));
             this.clickCounter += 1;
@@ -41,9 +41,9 @@ const Calendar = class {
                 this.start = date;
             }
           }, class: (date == this.value ? ["selected"] : [])
-            .concat(...(date == dist.Date.now() ? ["today"] : []), date == this.value ? ["selected"] : [], this.doubleInput
-            ? dist.Date.parse(date) >= dist.Date.parse((_a = this.start) !== null && _a !== void 0 ? _a : "") &&
-              dist.Date.parse(date) <= dist.Date.parse((_b = this.end) !== null && _b !== void 0 ? _b : "")
+            .concat(...(date == dist.Date.now() ? ["today"] : []), dist.Date.firstOfMonth((_a = this.month) !== null && _a !== void 0 ? _a : this.value) == dist.Date.firstOfMonth(date) ? ["currentMonth"] : [], this.doubleInput
+            ? dist.Date.parse(date) >= dist.Date.parse((_b = this.start) !== null && _b !== void 0 ? _b : "") &&
+              dist.Date.parse(date) <= dist.Date.parse((_c = this.end) !== null && _c !== void 0 ? _c : "")
               ? ["dateRange"]
               : []
             : "")

package/dist/esm/smoothly-dialog.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, k as Host } from './index-0dd5f791.js';
-import { T as Trigger } from './index-71e3ce99.js';
+import { T as Trigger } from './index-531e2f06.js';
 
 const styleCss = ".sc-smoothly-dialog-h{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>main.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header]) main.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
 

package/dist/esm/smoothly-display-amount.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance } from './index-0dd5f791.js';
-import { d as dist } from './index-046ba252.js';
+import { d as dist } from './index-13251390.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoothly-display-amount-h{display:none}";
@@ -11,9 +11,7 @@ const SmoothlyDisplayAmount = class {
   format(amount) {
     const digitsPerGroup = 3;
     const defaultDecimals = 2;
-    const maxDecimals = (dist.Currency.decimalDigits(this.currency)
-      ? dist.Currency.decimalDigits(this.currency)
-      : defaultDecimals);
+    const maxDecimals = (dist.Currency.decimalDigits(this.currency) ? dist.Currency.decimalDigits(this.currency) : defaultDecimals);
     let beforeSeparator = amount.length;
     let separator;
     let result = amount;

package/dist/esm/smoothly-display-demo.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-0dd5f791.js';
-import { N as Notice } from './index-71e3ce99.js';
+import { N as Notice } from './index-531e2f06.js';
 
 const SmoothlyDisplayDemo = class {
   constructor(hostRef) {

package/dist/esm/smoothly-display.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-0dd5f791.js';
-import { d as dist } from './index-a7e44b28.js';
+import { d as dist } from './index-01fedb5b.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-display-h{display:none}";

package/dist/esm/smoothly-frame.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, j as getElement } from './index-0dd5f791.js';
-import { M as Message, T as Trigger } from './index-71e3ce99.js';
+import { M as Message, T as Trigger } from './index-531e2f06.js';
 
 const styleCss = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";
 

package/dist/esm/smoothly-input-date-range.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-0dd5f791.js';
-import { d as dist } from './index-046ba252.js';
+import { d as dist } from './index-13251390.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-date-range-h{position:relative;display:block}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;transform:translate(10em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>smoothly-input.sc-smoothly-input-date-range{padding:0}";

package/dist/esm/smoothly-input-date.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-0dd5f791.js';
-import { d as dist } from './index-046ba252.js';
+import { d as dist } from './index-13251390.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-date-h{position:relative}nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}";

package/dist/esm/smoothly-input-month.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h } from './index-0dd5f791.js';
-import { d as dist } from './index-046ba252.js';
-import { y as years, a as months } from './generate-fc812e0f.js';
+import { d as dist } from './index-13251390.js';
+import { y as years, a as months } from './generate-7090dc14.js';
 import './_commonjsHelpers-8fe71198.js';
 
-const styleCss = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}button.sc-smoothly-input-month{border:none;background:none;cursor:pointer;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
+const styleCss = ".sc-smoothly-input-month-h{display:flex;justify-content:space-between;font-size:large}smoothly-icon.sc-smoothly-input-month{font-size:smaller}";
 
 const MonthSelector = class {
   constructor(hostRef) {
@@ -13,21 +13,21 @@ const MonthSelector = class {
   onValueChanged(next) {
     this.valueChanged.emit(next);
   }
+  adjustMonth(delta) {
+    var _a;
+    const date = dist.Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : dist.Date.now());
+    date.setMonth(date.getMonth() + delta);
+    this.value = dist.Date.create(date);
+  }
   render() {
     var _a, _b;
     return [
-      h("button", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
+      h("div", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, years((_a = this.value) !== null && _a !== void 0 ? _a : dist.Date.now()).map(year => (h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
       h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, months((_b = this.value) !== null && _b !== void 0 ? _b : dist.Date.now()).map(month => (h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      h("button", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
+      h("div", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
     ];
   }
-  adjustMonth(delta) {
-    var _a;
-    const date = dist.Date.parse((_a = this.value) !== null && _a !== void 0 ? _a : dist.Date.now());
-    date.setMonth(date.getMonth() + delta);
-    this.value = dist.Date.create(date);
-  }
   static get watchers() { return {
     "value": ["onValueChanged"]
   }; }

package/dist/esm/smoothly-input.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, k as Host } from './index-0dd5f791.js';
-import { d as dist } from './index-a7e44b28.js';
+import { d as dist } from './index-01fedb5b.js';
 import './_commonjsHelpers-8fe71198.js';
 
 const styleCss = ".sc-smoothly-input-h{display:block;position:relative}[hidden].sc-smoothly-input-h{display:none}label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;color:rgb(var(--smoothly-text-tint));opacity:0.8;user-select:none;cursor:inherit;transition:font-size 0.1s;transition-timing-function:ease}input.sc-smoothly-input{padding:1em 0.2em 0.2em 0.2em;width:calc(100% - 0.4em);background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+smoothly-icon.sc-smoothly-input{display:block}.has-value.sc-smoothly-input-h>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}.sc-smoothly-input-h:focus-within>label.sc-smoothly-input{top:0.3em;top:0.4em;font-size:60%;z-index:0}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 30px unset inset !important;-webkit-box-shadow:0 0 0 30px unset inset !important}input.sc-smoothly-input:-webkit-autofill{-webkit-text-fill-color:unset !important}input.sc-smoothly-input:-internal-autofill-previewed,input.sc-smoothly-input:-internal-autofill-selected,textarea.sc-smoothly-input:-internal-autofill-previewed,textarea.sc-smoothly-input:-internal-autofill-selected,select.sc-smoothly-input:-internal-autofill-previewed,select.sc-smoothly-input:-internal-autofill-selected{background-color:none !important;background-image:none !important;color:unset !important}";
@@ -84,7 +84,7 @@ const SmoothlyInput = class {
           end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
           direction: backend.selectionDirection ? backend.selectionDirection : "none",
         } });
-      if ((!(event.ctrlKey && event.key == "v") && event.key.length == 1) ||
+      if ((!((event.ctrlKey || event.metaKey) && event.key == "v") && event.key.length == 1) ||
         event.key == "ArrowLeft" ||
         event.key == "ArrowRight" ||
         event.key == "Delete" ||

package/dist/esm/smoothly-picker.entry.js

@@ -36,14 +36,11 @@ const SmoothlyPicker = class {
         : this.select(option);
   }
   clearSelection() {
-    var _a;
     this.selections = [];
     this.inputElement.focus();
     this.keepFocusOnReRender = true;
-    (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(option => (option.description = ""));
   }
   unselect(selection) {
-    var _a;
     const index = this.selections.map(selection => selection.value).indexOf(selection.value);
     if (index != -1) {
       this.selections = [
@@ -52,12 +49,8 @@ const SmoothlyPicker = class {
       ];
       this.keepFocusOnReRender = true;
     }
-    const optionIndex = (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(s => s.value).indexOf(selection.value);
-    if (optionIndex != -1)
-      this.options[optionIndex].description = "";
   }
   select(selection) {
-    var _a;
     const isNewSelection = this.selections.reduce((acc, current) => acc && current.value != selection.value, true);
     if (isNewSelection)
       this.selections = this.multiple ? [...this.selections, selection] : [selection];
@@ -65,8 +58,6 @@ const SmoothlyPicker = class {
     this.filterOptions();
     this.keepFocusOnReRender = true;
     this.isOpen = this.multiple;
-    (_a = this.options) === null || _a === void 0 ? void 0 : _a.forEach(option => (option.description =
-      option.value == selection.value ? this.getCheckHtml() : this.multiple ? option.description : ""));
   }
   toggleHighlighted() {
     var _a;
@@ -126,14 +117,18 @@ const SmoothlyPicker = class {
       "--max-height": (_a = this.maxHeight) !== null && _a !== void 0 ? _a : "inherit",
       "--label-display": this.labelSetting == "hide" ? "none" : "absolute",
     };
-    return (h(Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() }, h("div", null, h("label", null, this.label), h("input", { type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) })), h("smoothly-menu-options", { style: { width: "100%" }, optionStyle: Object.assign({ padding: "0 1em", height: "2.5em" }, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, "max-menu-height": this.maxMenuHeight, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: [
-        {
-          value: "select-none",
-          name: this.selectNoneName,
-          description: this.selections.length == 0 ? this.getCheckHtml() : "",
-        },
-        ...((_b = this.options) !== null && _b !== void 0 ? _b : []),
-      ] })));
+    this.options.forEach(o => {
+      o.description = this.selections.map(s => s.value).includes(o.value) ? this.getCheckHtml() : "";
+    });
+    const options = [
+      {
+        value: "select-none",
+        name: this.selectNoneName,
+        description: this.selections.length == 0 ? this.getCheckHtml() : "",
+      },
+      ...((_b = this.options) !== null && _b !== void 0 ? _b : []),
+    ];
+    return (h(Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() }, h("div", null, h("label", null, this.label), h("input", { type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) })), h("smoothly-menu-options", { style: { width: "100%" }, optionStyle: Object.assign({ padding: "0 1em", height: "2.5em" }, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, "max-menu-height": this.maxMenuHeight, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: options })));
   }
   get element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/smoothly-select.entry.js

@@ -9,7 +9,7 @@ const SmoothlySelect = class {
   }
   optionSelected() {
     if (this.selectElement)
-      this.selectionChanged.emit({ identifier: this.identifier, value: this.value = this.selectElement.value });
+      this.selectionChanged.emit({ identifier: this.identifier, value: (this.value = this.selectElement.value) });
   }
   componentDidLoad() {
     var _a;

package/dist/esm/smoothly-table-header.entry.js

@@ -10,7 +10,7 @@ const TableHeader = class {
   onClick(event) {
     this.sort.emit({
       property: this.name,
-      direction: this.sortDirection = this.sortDirection == "ascending" ? "descending" : "ascending",
+      direction: (this.sortDirection = this.sortDirection == "ascending" ? "descending" : "ascending"),
     });
     console.log("sort", this.name, this.sortDirection);
     event.preventDefault();

package/dist/esm/smoothly-trigger-sink.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-0dd5f791.js';
-import { T as Trigger, M as Message } from './index-71e3ce99.js';
+import { T as Trigger, M as Message } from './index-531e2f06.js';
 
 const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";
 

package/dist/esm/smoothly-trigger-source.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, j as getElement } from './index-0dd5f791.js';
-import { M as Message, T as Trigger } from './index-71e3ce99.js';
+import { M as Message, T as Trigger } from './index-531e2f06.js';
 
 const styleCss = ".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";
 

package/dist/smoothly/{generate-fc812e0f.js → generate-7090dc14.js}

@@ -1,4 +1,4 @@
-import { d as dist } from './index-046ba252.js';
+import { d as dist } from './index-13251390.js';
 
 function month(date) {
   const d = new Date(date);
@@ -12,7 +12,8 @@ function month(date) {
       d.setDate(day++);
       r.push(dist.Date.create(d));
     }
-    result.push(r);
+    if (row < 5 || dist.Date.firstOfMonth(r[0]) == dist.Date.firstOfMonth(date))
+      result.push(r);
   }
   return result;
 }