@breadstone/mosaik-elements-svelte 0.0.146 → 0.0.147
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/index.mjs +43 -43
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/index.mjs
CHANGED
|
@@ -62168,7 +62168,7 @@ ta([
|
|
|
62168
62168
|
Me("design:paramtypes", [])
|
|
62169
62169
|
], Hr.prototype, "displayChanged", null);
|
|
62170
62170
|
function MW(o) {
|
|
62171
|
-
const t = o.displayDate ?? /* @__PURE__ */ new Date(), e = t.getMonth(), r = t.getFullYear(), n = new Date(r, e + 1, 0).getDate(),
|
|
62171
|
+
const t = o.displayDate ?? /* @__PURE__ */ new Date(), e = t.getMonth(), r = t.getFullYear(), n = new Date(r, e + 1, 0).getDate(), i = (new Date(r, e, 1).getDay() - o.firstDayOfWeek + 7) % 7, s = (7 - (i + n) % 7) % 7, l = o.intl ? [o.intl.sundayLabel, o.intl.mondayLabel, o.intl.tuesdayLabel, o.intl.wednesdayLabel, o.intl.thursdayLabel, o.intl.fridayLabel, o.intl.saturdayLabel] : ["na", "na", "na", "na", "na", "na", "na"], d = (c) => o.value && o.value.getTime() === c.getTime() ? !0 : o.values ? o.values.some((h) => h.getTime() === c.getTime()) : !1;
|
|
62172
62172
|
return v`
|
|
62173
62173
|
<div part="heading"
|
|
62174
62174
|
style="display: flex; flex: 1;">
|
|
@@ -62188,16 +62188,16 @@ function MW(o) {
|
|
|
62188
62188
|
|
|
62189
62189
|
<div part="labels"
|
|
62190
62190
|
class="${o.showWeekNumbers ? "week-numbers" : ""}">
|
|
62191
|
-
${R(o.showWeekNumbers, () => v`
|
|
62191
|
+
${R(o.showWeekNumbers, () => v`
|
|
62192
62192
|
<mosaik-text part="weekNumberLabel"
|
|
62193
62193
|
.dir="${o.dir}"
|
|
62194
62194
|
.text="${o.intl?.weekNumberLabel}"
|
|
62195
62195
|
.alignment="${$t.Center}"></mosaik-text>
|
|
62196
62196
|
`)}
|
|
62197
|
-
${ue(NW(
|
|
62197
|
+
${ue(NW(l, o.firstDayOfWeek), (c) => c, (c) => v`
|
|
62198
62198
|
<mosaik-text part="dayLabel"
|
|
62199
62199
|
.dir="${o.dir}"
|
|
62200
|
-
.text="${
|
|
62200
|
+
.text="${c}"
|
|
62201
62201
|
.alignment="${$t.Center}"></mosaik-text>
|
|
62202
62202
|
`)}
|
|
62203
62203
|
</div>
|
|
@@ -62205,79 +62205,79 @@ function MW(o) {
|
|
|
62205
62205
|
class="${o.showWeekNumbers ? "week-numbers" : ""}">
|
|
62206
62206
|
${R(o.showAdjacent, () => v`
|
|
62207
62207
|
<!-- adjacent days before the start of the month -->
|
|
62208
|
-
${Array.from({ length:
|
|
62208
|
+
${Array.from({ length: i }, (c, h) => new Date(r, e, -h)).reverse().map((c) => v`
|
|
62209
62209
|
<mosaik-calendar-item part="item"
|
|
62210
62210
|
.dir="${o.dir}"
|
|
62211
|
-
.text="${
|
|
62212
|
-
.value="${
|
|
62213
|
-
.markers="${o.markerHandler(
|
|
62211
|
+
.text="${c.getDate().toLocaleString()}"
|
|
62212
|
+
.value="${c}"
|
|
62213
|
+
.markers="${o.markerHandler(c)}"
|
|
62214
62214
|
.variant="${o.variant}"
|
|
62215
62215
|
.appearance="${o.appearance}"
|
|
62216
62216
|
?is-adjacent="${!0}"
|
|
62217
|
-
?is-selected="${
|
|
62218
|
-
?is-blackout="${Ho(
|
|
62219
|
-
?is-special="${Ho(
|
|
62220
|
-
?is-today="${o.isTodayHighlighted ? Fv(
|
|
62221
|
-
?is-weekend="${o.isWeekendHighlighted ? Uv(
|
|
62222
|
-
?disabled="${o.disabled && o.isDateInRange(
|
|
62223
|
-
@click="${() => o.selectAdjacentDay("previous",
|
|
62217
|
+
?is-selected="${d(c)}"
|
|
62218
|
+
?is-blackout="${Ho(c, o.blackoutDates)}"
|
|
62219
|
+
?is-special="${Ho(c, o.specialDates)}"
|
|
62220
|
+
?is-today="${o.isTodayHighlighted ? Fv(c) : !1}"
|
|
62221
|
+
?is-weekend="${o.isWeekendHighlighted ? Uv(c) : !1}"
|
|
62222
|
+
?disabled="${o.disabled && o.isDateInRange(c)}"
|
|
62223
|
+
@click="${() => o.selectAdjacentDay("previous", c)}"></mosaik-calendar-item>
|
|
62224
62224
|
`)}
|
|
62225
62225
|
`, () => v`
|
|
62226
62226
|
<!-- empty days before the start of the month -->
|
|
62227
|
-
${Array.from({ length:
|
|
62227
|
+
${Array.from({ length: i }, () => null).map(() => v`<div class="empty"></div>`)}
|
|
62228
62228
|
`)}
|
|
62229
62229
|
<!-- days of the month -->
|
|
62230
|
-
${Array.from({ length: n }, (
|
|
62230
|
+
${Array.from({ length: n }, (c, h) => new Date(r, e, h + 1)).map((c, h) => v`
|
|
62231
62231
|
<!-- week numbers -->
|
|
62232
|
-
${R(o.showWeekNumbers &&
|
|
62232
|
+
${R(o.showWeekNumbers && (i + h) % 7 === 0, () => v`
|
|
62233
62233
|
<div part="weekNumber">
|
|
62234
62234
|
<mosaik-text .dir="${o.dir}"
|
|
62235
|
-
.text="${HW(
|
|
62235
|
+
.text="${HW(c).toString()}"
|
|
62236
62236
|
?disabled="${o.disabled}"></mosaik-text>
|
|
62237
62237
|
</div>
|
|
62238
62238
|
`)}
|
|
62239
62239
|
<mosaik-calendar-item part="item"
|
|
62240
62240
|
.dir="${o.dir}"
|
|
62241
|
-
.text="${
|
|
62242
|
-
.value="${
|
|
62243
|
-
.markers="${o.markerHandler(
|
|
62241
|
+
.text="${c.getDate().toLocaleString()}"
|
|
62242
|
+
.value="${c}"
|
|
62243
|
+
.markers="${o.markerHandler(c)}"
|
|
62244
62244
|
.variant="${o.variant}"
|
|
62245
62245
|
.appearance="${o.appearance}"
|
|
62246
62246
|
?is-adjacent="${!1}"
|
|
62247
|
-
?is-selected="${
|
|
62248
|
-
?is-blackout="${Ho(
|
|
62249
|
-
?is-special="${Ho(
|
|
62250
|
-
?is-today="${o.isTodayHighlighted ? Fv(
|
|
62251
|
-
?is-weekend="${o.isWeekendHighlighted ? Uv(
|
|
62252
|
-
?disabled="${o.disabled && o.isDateInRange(
|
|
62253
|
-
@click="${() => o.selectDay(
|
|
62247
|
+
?is-selected="${d(c)}"
|
|
62248
|
+
?is-blackout="${Ho(c, o.blackoutDates)}"
|
|
62249
|
+
?is-special="${Ho(c, o.specialDates)}"
|
|
62250
|
+
?is-today="${o.isTodayHighlighted ? Fv(c) : !1}"
|
|
62251
|
+
?is-weekend="${o.isWeekendHighlighted ? Uv(c) : !1}"
|
|
62252
|
+
?disabled="${o.disabled && o.isDateInRange(c)}"
|
|
62253
|
+
@click="${() => o.selectDay(c)}"></mosaik-calendar-item>
|
|
62254
62254
|
`)}
|
|
62255
62255
|
${R(o.showAdjacent, () => v`
|
|
62256
62256
|
<!-- adjacent days after the end of the month -->
|
|
62257
|
-
${Array.from({ length:
|
|
62257
|
+
${Array.from({ length: s }, (c, h) => new Date(r, e + 1, h + 1)).map((c) => v`
|
|
62258
62258
|
<mosaik-calendar-item part="item"
|
|
62259
62259
|
.dir="${o.dir}"
|
|
62260
|
-
.text="${
|
|
62261
|
-
.value="${
|
|
62262
|
-
.markers="${o.markerHandler(
|
|
62260
|
+
.text="${c.getDate().toLocaleString()}"
|
|
62261
|
+
.value="${c}"
|
|
62262
|
+
.markers="${o.markerHandler(c)}"
|
|
62263
62263
|
.variant="${o.variant}"
|
|
62264
62264
|
.appearance="${o.appearance}"
|
|
62265
62265
|
?is-adjacent="${!0}"
|
|
62266
|
-
?is-selected="${
|
|
62267
|
-
?is-blackout="${Ho(
|
|
62268
|
-
?is-special="${Ho(
|
|
62269
|
-
?is-today="${o.isTodayHighlighted ? Fv(
|
|
62270
|
-
?is-weekend="${o.isWeekendHighlighted ? Uv(
|
|
62271
|
-
?disabled="${o.disabled && o.isDateInRange(
|
|
62272
|
-
@click="${() => o.selectAdjacentDay("next",
|
|
62273
|
-
@mouseenter=${() => o.changeRangePreview(
|
|
62266
|
+
?is-selected="${d(c)}"
|
|
62267
|
+
?is-blackout="${Ho(c, o.blackoutDates)}"
|
|
62268
|
+
?is-special="${Ho(c, o.specialDates)}"
|
|
62269
|
+
?is-today="${o.isTodayHighlighted ? Fv(c) : !1}"
|
|
62270
|
+
?is-weekend="${o.isWeekendHighlighted ? Uv(c) : !1}"
|
|
62271
|
+
?disabled="${o.disabled && o.isDateInRange(c)}"
|
|
62272
|
+
@click="${() => o.selectAdjacentDay("next", c)}"
|
|
62273
|
+
@mouseenter=${() => o.changeRangePreview(c)}
|
|
62274
62274
|
@mouseleave=${() => o.clearRangePreview()}
|
|
62275
|
-
@focus=${() => o.changeRangePreview(
|
|
62275
|
+
@focus=${() => o.changeRangePreview(c)}
|
|
62276
62276
|
@blur=${() => o.clearRangePreview()}></mosaik-calendar-item>
|
|
62277
62277
|
`)}
|
|
62278
62278
|
`, () => v`
|
|
62279
62279
|
<!-- empty days after the end of the month -->
|
|
62280
|
-
${Array.from({ length:
|
|
62280
|
+
${Array.from({ length: s }, () => null).map(() => v`<div class="empty"></div>`)}
|
|
62281
62281
|
`)}
|
|
62282
62282
|
</div>
|
|
62283
62283
|
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-svelte",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.147",
|
|
4
4
|
"description": "Mosaik elements for Svelte.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"vite": "*"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@breadstone/mosaik-elements": "^0.0.
|
|
19
|
-
"@breadstone/mosaik-elements-foundation": "^0.0.
|
|
18
|
+
"@breadstone/mosaik-elements": "^0.0.147",
|
|
19
|
+
"@breadstone/mosaik-elements-foundation": "^0.0.147",
|
|
20
20
|
"tslib": "^2.8.1"
|
|
21
21
|
},
|
|
22
22
|
"exports": {
|