smoothly 0.1.69 → 0.1.70

package/dist/smoothly/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/smoothly/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}";

package/dist/smoothly/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/smoothly/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/smoothly/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/types/components/input-month/index.d.ts

@@ -4,6 +4,6 @@ export declare class MonthSelector {
   value?: Date;
   valueChanged: EventEmitter<Date>;
   onValueChanged(next: Date): void;
-  render(): any[];
   private adjustMonth;
+  render(): any[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "0.1.69",
+	"version": "0.1.70",
 	"description": "Web component library written in Stencil.",
 	"author": "PayFunc",
 	"license": "MIT",
@@ -62,7 +62,7 @@
 	},
 	"dependencies": {
 		"authly": "0.2.4",
-		"isoly": "0.0.33",
+		"isoly": "0.0.34",
 		"langly": "0.0.11",
 		"normalize.css": "^8.0.1",
 		"stencil-router-v2": "^0.6.0",