@lion/ui 0.3.3 → 0.3.5
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/components/calendar/src/LionCalendar.js +121 -65
- package/components/calendar/src/calendarStyle.js +25 -1
- package/components/calendar/src/utils/createDay.js +2 -0
- package/components/calendar/src/utils/dayTemplate.js +19 -32
- package/components/calendar/src/utils/getDayMonthYear.js +28 -0
- package/components/calendar/test/lion-calendar.test.js +118 -108
- package/components/calendar/test/utils/dayTemplate.test.js +8 -4
- package/components/calendar/test/utils/snapshots/monthTemplate_en-GB_Sunday_2018-12.js +210 -126
- package/components/calendar/test-helpers/DayObject.js +2 -2
- package/components/calendar/types/day.ts +1 -0
- package/components/input-datepicker/src/LionInputDatepicker.js +34 -2
- package/components/input-file/src/LionInputFile.js +5 -7
- package/components/input-file/test/lion-input-file.test.js +4 -0
- package/components/overlays/src/ArrowMixin.js +3 -1
- package/components/overlays/test/ArrowMixin.test.js +14 -0
- package/custom-elements.json +323 -31
- package/dist-types/components/calendar/src/LionCalendar.d.ts +22 -15
- package/dist-types/components/calendar/src/LionCalendar.d.ts.map +1 -1
- package/dist-types/components/calendar/src/calendarStyle.d.ts.map +1 -1
- package/dist-types/components/calendar/src/utils/createDay.d.ts +2 -1
- package/dist-types/components/calendar/src/utils/createDay.d.ts.map +1 -1
- package/dist-types/components/calendar/src/utils/dayTemplate.d.ts.map +1 -1
- package/dist-types/components/calendar/src/utils/getDayMonthYear.d.ts +13 -0
- package/dist-types/components/calendar/src/utils/getDayMonthYear.d.ts.map +1 -0
- package/dist-types/components/calendar/types/day.d.ts +1 -0
- package/dist-types/components/calendar/types/day.d.ts.map +1 -1
- package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts +6 -0
- package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts.map +1 -1
- package/dist-types/components/input-file/src/LionInputFile.d.ts +6 -0
- package/dist-types/components/input-file/src/LionInputFile.d.ts.map +1 -1
- package/dist-types/components/overlays/src/ArrowMixin.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/calendar/use-cases.md +39 -0
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +1 -1
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-datepicker/use-cases.md +2 -0
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/tabs/examples.md +1 -1
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/validate.md +1 -1
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -6220,6 +6220,11 @@
|
|
|
6220
6220
|
],
|
|
6221
6221
|
"privacy": "private"
|
|
6222
6222
|
},
|
|
6223
|
+
{
|
|
6224
|
+
"kind": "method",
|
|
6225
|
+
"name": "__getSelectableDateRange",
|
|
6226
|
+
"privacy": "private"
|
|
6227
|
+
},
|
|
6223
6228
|
{
|
|
6224
6229
|
"kind": "method",
|
|
6225
6230
|
"name": "__coreDayPreprocessor",
|
|
@@ -6257,11 +6262,6 @@
|
|
|
6257
6262
|
],
|
|
6258
6263
|
"privacy": "private"
|
|
6259
6264
|
},
|
|
6260
|
-
{
|
|
6261
|
-
"kind": "method",
|
|
6262
|
-
"name": "__disableDatesChanged",
|
|
6263
|
-
"privacy": "private"
|
|
6264
|
-
},
|
|
6265
6265
|
{
|
|
6266
6266
|
"kind": "method",
|
|
6267
6267
|
"name": "__dateSelectedByUser",
|
|
@@ -6277,18 +6277,62 @@
|
|
|
6277
6277
|
},
|
|
6278
6278
|
{
|
|
6279
6279
|
"kind": "method",
|
|
6280
|
-
"name": "
|
|
6280
|
+
"name": "__focusedDateChanged",
|
|
6281
6281
|
"privacy": "private"
|
|
6282
6282
|
},
|
|
6283
6283
|
{
|
|
6284
6284
|
"kind": "method",
|
|
6285
|
-
"name": "
|
|
6286
|
-
"
|
|
6285
|
+
"name": "findNextEnabledDate",
|
|
6286
|
+
"parameters": [
|
|
6287
|
+
{
|
|
6288
|
+
"name": "date",
|
|
6289
|
+
"optional": true,
|
|
6290
|
+
"type": {
|
|
6291
|
+
"text": "Date"
|
|
6292
|
+
}
|
|
6293
|
+
}
|
|
6294
|
+
],
|
|
6295
|
+
"return": {
|
|
6296
|
+
"type": {
|
|
6297
|
+
"text": ""
|
|
6298
|
+
}
|
|
6299
|
+
}
|
|
6287
6300
|
},
|
|
6288
6301
|
{
|
|
6289
6302
|
"kind": "method",
|
|
6290
|
-
"name": "
|
|
6291
|
-
"
|
|
6303
|
+
"name": "findPreviousEnabledDate",
|
|
6304
|
+
"parameters": [
|
|
6305
|
+
{
|
|
6306
|
+
"name": "date",
|
|
6307
|
+
"optional": true,
|
|
6308
|
+
"type": {
|
|
6309
|
+
"text": "Date"
|
|
6310
|
+
}
|
|
6311
|
+
}
|
|
6312
|
+
],
|
|
6313
|
+
"return": {
|
|
6314
|
+
"type": {
|
|
6315
|
+
"text": ""
|
|
6316
|
+
}
|
|
6317
|
+
}
|
|
6318
|
+
},
|
|
6319
|
+
{
|
|
6320
|
+
"kind": "method",
|
|
6321
|
+
"name": "findNearestEnabledDate",
|
|
6322
|
+
"parameters": [
|
|
6323
|
+
{
|
|
6324
|
+
"name": "date",
|
|
6325
|
+
"optional": true,
|
|
6326
|
+
"type": {
|
|
6327
|
+
"text": "Date"
|
|
6328
|
+
}
|
|
6329
|
+
}
|
|
6330
|
+
],
|
|
6331
|
+
"return": {
|
|
6332
|
+
"type": {
|
|
6333
|
+
"text": ""
|
|
6334
|
+
}
|
|
6335
|
+
}
|
|
6292
6336
|
},
|
|
6293
6337
|
{
|
|
6294
6338
|
"kind": "method",
|
|
@@ -6349,6 +6393,19 @@
|
|
|
6349
6393
|
"name": "__blurDateDelegation",
|
|
6350
6394
|
"privacy": "private"
|
|
6351
6395
|
},
|
|
6396
|
+
{
|
|
6397
|
+
"kind": "method",
|
|
6398
|
+
"name": "__dayButtonSelection",
|
|
6399
|
+
"parameters": [
|
|
6400
|
+
{
|
|
6401
|
+
"name": "el",
|
|
6402
|
+
"type": {
|
|
6403
|
+
"text": "HTMLElement & { date: Date }"
|
|
6404
|
+
}
|
|
6405
|
+
}
|
|
6406
|
+
],
|
|
6407
|
+
"privacy": "private"
|
|
6408
|
+
},
|
|
6352
6409
|
{
|
|
6353
6410
|
"kind": "method",
|
|
6354
6411
|
"name": "__keyboardNavigationEvent",
|
|
@@ -6373,12 +6430,12 @@
|
|
|
6373
6430
|
}
|
|
6374
6431
|
},
|
|
6375
6432
|
{
|
|
6376
|
-
"name": "{ dateType, type
|
|
6433
|
+
"name": "{ dateType, type }"
|
|
6377
6434
|
},
|
|
6378
6435
|
{
|
|
6379
6436
|
"name": "opts",
|
|
6380
6437
|
"type": {
|
|
6381
|
-
"text": "@param {string} opts.dateType\n * @param {string} opts.type\n *
|
|
6438
|
+
"text": "@param {string} opts.dateType\n * @param {string} opts.type\n * "
|
|
6382
6439
|
}
|
|
6383
6440
|
}
|
|
6384
6441
|
],
|
|
@@ -6578,7 +6635,7 @@
|
|
|
6578
6635
|
{
|
|
6579
6636
|
"kind": "variable",
|
|
6580
6637
|
"name": "calendarStyle",
|
|
6581
|
-
"default": "css`\n :host {\n display: block;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .calendar {\n display: block;\n }\n\n .calendar__navigation {\n padding: 0 8px;\n }\n\n .calendar__navigation__month,\n .calendar__navigation__year {\n display: flex;\n }\n\n .calendar__navigation-heading {\n margin: 0.5em 0;\n }\n\n .calendar__previous-button,\n .calendar__next-button {\n background-color: #fff;\n border: 0;\n padding: 0;\n min-width: 40px;\n min-height: 40px;\n }\n\n .calendar__grid {\n width: 100%;\n padding: 8px 8px;\n }\n\n .calendar__weekday-header {\n }\n\n .calendar__day-cell {\n text-align: center;\n }\n\n .calendar__day-button {\n background-color: #fff;\n border: 0;\n color: black;\n padding: 0;\n min-width: 40px;\n min-height: 40px;\n }\n\n .calendar__day-button__text {\n pointer-events: none;\n }\n\n .calendar__day-button[today] {\n text-decoration: underline;\n }\n\n .calendar__day-button[selected] {\n background: #ccc;\n }\n\n .calendar__day-button[previous-month],\n .calendar__day-button[next-month] {\n color: rgb(115, 115, 115);\n }\n\n .calendar__day-button:hover {\n border: 1px solid green;\n }\n\n .calendar__day-button[disabled] {\n background-color: #fff;\n color: #eee;\n outline: none;\n }\n`"
|
|
6638
|
+
"default": "css`\n :host {\n display: block;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n .calendar {\n display: block;\n }\n\n .calendar__navigation {\n padding: 0 8px;\n }\n\n .calendar__navigation__month,\n .calendar__navigation__year {\n display: flex;\n }\n\n .calendar__navigation-heading {\n margin: 0.5em 0;\n }\n\n .calendar__previous-button,\n .calendar__next-button {\n background-color: #fff;\n border: 0;\n padding: 0;\n min-width: 40px;\n min-height: 40px;\n }\n\n .calendar__grid {\n width: 100%;\n padding: 8px 8px;\n }\n\n .calendar__weekday-header {\n }\n\n .calendar__day-cell {\n text-align: center;\n }\n\n .calendar__day-button {\n background-color: #fff;\n border: 0;\n color: black;\n padding: 0;\n min-width: 40px;\n min-height: 40px;\n /** give div[role=button][aria-disabled] same display type as native btn */\n display: inline-flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n }\n\n .calendar__day-button:focus {\n border: 1px solid blue;\n outline: none;\n }\n\n .calendar__day-button__text {\n pointer-events: none;\n }\n\n .calendar__day-button[today] {\n text-decoration: underline;\n }\n\n .calendar__day-button[selected] {\n background: #ccc;\n }\n\n .calendar__day-button[previous-month],\n .calendar__day-button[next-month] {\n color: rgb(115, 115, 115);\n }\n\n .calendar__day-button:hover {\n border: 1px solid green;\n }\n\n .calendar__day-button[aria-disabled='true'] {\n background-color: #fff;\n color: #eee;\n outline: none;\n }\n\n .u-sr-only {\n position: absolute;\n top: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(100%);\n clip: rect(1px, 1px, 1px, 1px);\n white-space: nowrap;\n border: 0;\n margin: 0;\n padding: 0;\n }\n`"
|
|
6582
6639
|
}
|
|
6583
6640
|
],
|
|
6584
6641
|
"exports": [
|
|
@@ -20780,6 +20837,22 @@
|
|
|
20780
20837
|
"name": "scopedElements",
|
|
20781
20838
|
"static": true
|
|
20782
20839
|
},
|
|
20840
|
+
{
|
|
20841
|
+
"kind": "field",
|
|
20842
|
+
"name": "_inputFormatter"
|
|
20843
|
+
},
|
|
20844
|
+
{
|
|
20845
|
+
"kind": "method",
|
|
20846
|
+
"name": "_formatDate",
|
|
20847
|
+
"parameters": [
|
|
20848
|
+
{
|
|
20849
|
+
"name": "date",
|
|
20850
|
+
"type": {
|
|
20851
|
+
"text": "Date"
|
|
20852
|
+
}
|
|
20853
|
+
}
|
|
20854
|
+
]
|
|
20855
|
+
},
|
|
20783
20856
|
{
|
|
20784
20857
|
"kind": "field",
|
|
20785
20858
|
"name": "slots"
|
|
@@ -20872,7 +20945,8 @@
|
|
|
20872
20945
|
"text": "{ target: { selectedDate: Date }}"
|
|
20873
20946
|
}
|
|
20874
20947
|
}
|
|
20875
|
-
]
|
|
20948
|
+
],
|
|
20949
|
+
"description": "Triggered when a user selects a date from the calendar overlay"
|
|
20876
20950
|
},
|
|
20877
20951
|
{
|
|
20878
20952
|
"kind": "method",
|
|
@@ -22253,6 +22327,13 @@
|
|
|
22253
22327
|
"name": "__duplicateFileNamesValidator",
|
|
22254
22328
|
"privacy": "private",
|
|
22255
22329
|
"default": "new DuplicateFileNames({ show: false })"
|
|
22330
|
+
},
|
|
22331
|
+
{
|
|
22332
|
+
"kind": "field",
|
|
22333
|
+
"name": "isDragging",
|
|
22334
|
+
"privacy": "public",
|
|
22335
|
+
"attribute": "is-dragging",
|
|
22336
|
+
"reflects": true
|
|
22256
22337
|
}
|
|
22257
22338
|
],
|
|
22258
22339
|
"events": [
|
|
@@ -22294,6 +22375,10 @@
|
|
|
22294
22375
|
"name": "upload-on-select",
|
|
22295
22376
|
"fieldName": "uploadOnSelect"
|
|
22296
22377
|
},
|
|
22378
|
+
{
|
|
22379
|
+
"name": "is-dragging",
|
|
22380
|
+
"fieldName": "isDragging"
|
|
22381
|
+
},
|
|
22297
22382
|
{
|
|
22298
22383
|
"name": "uploadResponse",
|
|
22299
22384
|
"fieldName": "uploadResponse"
|
|
@@ -37727,7 +37812,7 @@
|
|
|
37727
37812
|
}
|
|
37728
37813
|
},
|
|
37729
37814
|
{
|
|
37730
|
-
"name": "{\n weekOrder = 0,\n central = false,\n startOfWeek = false,\n selected = false,\n previousMonth = false,\n currentMonth = false,\n nextMonth = false,\n past = false,\n today = false,\n future = false,\n disabled = false,\n }",
|
|
37815
|
+
"name": "{\n weekOrder = 0,\n central = false,\n startOfWeek = false,\n selected = false,\n previousMonth = false,\n currentMonth = false,\n nextMonth = false,\n past = false,\n today = false,\n future = false,\n disabled = false,\n disabledInfo = '',\n }",
|
|
37731
37816
|
"default": "{}"
|
|
37732
37817
|
}
|
|
37733
37818
|
],
|
|
@@ -37946,6 +38031,63 @@
|
|
|
37946
38031
|
}
|
|
37947
38032
|
]
|
|
37948
38033
|
},
|
|
38034
|
+
{
|
|
38035
|
+
"kind": "javascript-module",
|
|
38036
|
+
"path": "components/calendar/src/utils/getDayMonthYear.js",
|
|
38037
|
+
"declarations": [
|
|
38038
|
+
{
|
|
38039
|
+
"kind": "variable",
|
|
38040
|
+
"name": "defaultMonthLabels",
|
|
38041
|
+
"type": {
|
|
38042
|
+
"text": "array"
|
|
38043
|
+
},
|
|
38044
|
+
"default": "[\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n]"
|
|
38045
|
+
},
|
|
38046
|
+
{
|
|
38047
|
+
"kind": "function",
|
|
38048
|
+
"name": "getDayMonthYear",
|
|
38049
|
+
"parameters": [
|
|
38050
|
+
{
|
|
38051
|
+
"name": "day",
|
|
38052
|
+
"type": {
|
|
38053
|
+
"text": "Day"
|
|
38054
|
+
}
|
|
38055
|
+
},
|
|
38056
|
+
{
|
|
38057
|
+
"name": "weekdays",
|
|
38058
|
+
"type": {
|
|
38059
|
+
"text": "string[]"
|
|
38060
|
+
}
|
|
38061
|
+
},
|
|
38062
|
+
{
|
|
38063
|
+
"name": "monthsLabels",
|
|
38064
|
+
"default": "defaultMonthLabels",
|
|
38065
|
+
"type": {
|
|
38066
|
+
"text": "string[]"
|
|
38067
|
+
}
|
|
38068
|
+
}
|
|
38069
|
+
]
|
|
38070
|
+
}
|
|
38071
|
+
],
|
|
38072
|
+
"exports": [
|
|
38073
|
+
{
|
|
38074
|
+
"kind": "js",
|
|
38075
|
+
"name": "defaultMonthLabels",
|
|
38076
|
+
"declaration": {
|
|
38077
|
+
"name": "defaultMonthLabels",
|
|
38078
|
+
"module": "components/calendar/src/utils/getDayMonthYear.js"
|
|
38079
|
+
}
|
|
38080
|
+
},
|
|
38081
|
+
{
|
|
38082
|
+
"kind": "js",
|
|
38083
|
+
"name": "getDayMonthYear",
|
|
38084
|
+
"declaration": {
|
|
38085
|
+
"name": "getDayMonthYear",
|
|
38086
|
+
"module": "components/calendar/src/utils/getDayMonthYear.js"
|
|
38087
|
+
}
|
|
38088
|
+
}
|
|
38089
|
+
]
|
|
38090
|
+
},
|
|
37949
38091
|
{
|
|
37950
38092
|
"kind": "javascript-module",
|
|
37951
38093
|
"path": "components/calendar/src/utils/getFirstDayNextMonth.js",
|
|
@@ -52473,6 +52615,11 @@
|
|
|
52473
52615
|
}
|
|
52474
52616
|
]
|
|
52475
52617
|
},
|
|
52618
|
+
{
|
|
52619
|
+
"kind": "field",
|
|
52620
|
+
"name": "__getSelectableDateRange",
|
|
52621
|
+
"privacy": "private"
|
|
52622
|
+
},
|
|
52476
52623
|
{
|
|
52477
52624
|
"kind": "field",
|
|
52478
52625
|
"name": "__coreDayPreprocessor",
|
|
@@ -52506,11 +52653,6 @@
|
|
|
52506
52653
|
}
|
|
52507
52654
|
]
|
|
52508
52655
|
},
|
|
52509
|
-
{
|
|
52510
|
-
"kind": "field",
|
|
52511
|
-
"name": "__disableDatesChanged",
|
|
52512
|
-
"privacy": "private"
|
|
52513
|
-
},
|
|
52514
52656
|
{
|
|
52515
52657
|
"kind": "field",
|
|
52516
52658
|
"name": "__dateSelectedByUser",
|
|
@@ -52533,18 +52675,62 @@
|
|
|
52533
52675
|
},
|
|
52534
52676
|
{
|
|
52535
52677
|
"kind": "field",
|
|
52536
|
-
"name": "
|
|
52678
|
+
"name": "__focusedDateChanged",
|
|
52537
52679
|
"privacy": "private"
|
|
52538
52680
|
},
|
|
52539
52681
|
{
|
|
52540
|
-
"kind": "
|
|
52541
|
-
"name": "
|
|
52542
|
-
"
|
|
52682
|
+
"kind": "method",
|
|
52683
|
+
"name": "findNextEnabledDate",
|
|
52684
|
+
"return": {
|
|
52685
|
+
"type": {
|
|
52686
|
+
"text": ""
|
|
52687
|
+
}
|
|
52688
|
+
},
|
|
52689
|
+
"parameters": [
|
|
52690
|
+
{
|
|
52691
|
+
"name": "date",
|
|
52692
|
+
"optional": true,
|
|
52693
|
+
"type": {
|
|
52694
|
+
"text": "Date"
|
|
52695
|
+
}
|
|
52696
|
+
}
|
|
52697
|
+
]
|
|
52543
52698
|
},
|
|
52544
52699
|
{
|
|
52545
|
-
"kind": "
|
|
52546
|
-
"name": "
|
|
52547
|
-
"
|
|
52700
|
+
"kind": "method",
|
|
52701
|
+
"name": "findPreviousEnabledDate",
|
|
52702
|
+
"return": {
|
|
52703
|
+
"type": {
|
|
52704
|
+
"text": ""
|
|
52705
|
+
}
|
|
52706
|
+
},
|
|
52707
|
+
"parameters": [
|
|
52708
|
+
{
|
|
52709
|
+
"name": "date",
|
|
52710
|
+
"optional": true,
|
|
52711
|
+
"type": {
|
|
52712
|
+
"text": "Date"
|
|
52713
|
+
}
|
|
52714
|
+
}
|
|
52715
|
+
]
|
|
52716
|
+
},
|
|
52717
|
+
{
|
|
52718
|
+
"kind": "method",
|
|
52719
|
+
"name": "findNearestEnabledDate",
|
|
52720
|
+
"return": {
|
|
52721
|
+
"type": {
|
|
52722
|
+
"text": ""
|
|
52723
|
+
}
|
|
52724
|
+
},
|
|
52725
|
+
"parameters": [
|
|
52726
|
+
{
|
|
52727
|
+
"name": "date",
|
|
52728
|
+
"optional": true,
|
|
52729
|
+
"type": {
|
|
52730
|
+
"text": "Date"
|
|
52731
|
+
}
|
|
52732
|
+
}
|
|
52733
|
+
]
|
|
52548
52734
|
},
|
|
52549
52735
|
{
|
|
52550
52736
|
"kind": "field",
|
|
@@ -52601,6 +52787,19 @@
|
|
|
52601
52787
|
"name": "__blurDateDelegation",
|
|
52602
52788
|
"privacy": "private"
|
|
52603
52789
|
},
|
|
52790
|
+
{
|
|
52791
|
+
"kind": "field",
|
|
52792
|
+
"name": "__dayButtonSelection",
|
|
52793
|
+
"privacy": "private",
|
|
52794
|
+
"parameters": [
|
|
52795
|
+
{
|
|
52796
|
+
"name": "el",
|
|
52797
|
+
"type": {
|
|
52798
|
+
"text": "HTMLElement & { date: Date }"
|
|
52799
|
+
}
|
|
52800
|
+
}
|
|
52801
|
+
]
|
|
52802
|
+
},
|
|
52604
52803
|
{
|
|
52605
52804
|
"kind": "field",
|
|
52606
52805
|
"name": "__keyboardNavigationEvent",
|
|
@@ -52628,7 +52827,7 @@
|
|
|
52628
52827
|
{
|
|
52629
52828
|
"name": "opts",
|
|
52630
52829
|
"type": {
|
|
52631
|
-
"text": "@param {string} opts.dateType\n * @param {string} opts.type\n *
|
|
52830
|
+
"text": "@param {string} opts.dateType\n * @param {string} opts.type\n * "
|
|
52632
52831
|
}
|
|
52633
52832
|
}
|
|
52634
52833
|
]
|
|
@@ -60158,6 +60357,30 @@
|
|
|
60158
60357
|
],
|
|
60159
60358
|
"description": "The LionCalendar shouldn't know anything about the modelValue;\nit can't handle Unparseable dates, but does handle 'undefined'"
|
|
60160
60359
|
},
|
|
60360
|
+
{
|
|
60361
|
+
"kind": "field",
|
|
60362
|
+
"name": "_inputFormatter",
|
|
60363
|
+
"type": {
|
|
60364
|
+
"text": "(date?: number | Date | undefined) => Intl.DateTimeFormatPart[]"
|
|
60365
|
+
}
|
|
60366
|
+
},
|
|
60367
|
+
{
|
|
60368
|
+
"kind": "method",
|
|
60369
|
+
"name": "_formatDate",
|
|
60370
|
+
"return": {
|
|
60371
|
+
"type": {
|
|
60372
|
+
"text": "string"
|
|
60373
|
+
}
|
|
60374
|
+
},
|
|
60375
|
+
"parameters": [
|
|
60376
|
+
{
|
|
60377
|
+
"name": "date",
|
|
60378
|
+
"type": {
|
|
60379
|
+
"text": "Date"
|
|
60380
|
+
}
|
|
60381
|
+
}
|
|
60382
|
+
]
|
|
60383
|
+
},
|
|
60161
60384
|
{
|
|
60162
60385
|
"kind": "field",
|
|
60163
60386
|
"name": "_invokerNode",
|
|
@@ -60249,7 +60472,8 @@
|
|
|
60249
60472
|
"text": "{ target: { selectedDate: Date }}"
|
|
60250
60473
|
}
|
|
60251
60474
|
}
|
|
60252
|
-
]
|
|
60475
|
+
],
|
|
60476
|
+
"description": "Triggered when a user selects a date from the calendar overlay"
|
|
60253
60477
|
},
|
|
60254
60478
|
{
|
|
60255
60479
|
"kind": "field",
|
|
@@ -61669,6 +61893,13 @@
|
|
|
61669
61893
|
"name": "__setupDragDropEventListeners",
|
|
61670
61894
|
"privacy": "private"
|
|
61671
61895
|
},
|
|
61896
|
+
{
|
|
61897
|
+
"kind": "field",
|
|
61898
|
+
"name": "isDragging",
|
|
61899
|
+
"type": {
|
|
61900
|
+
"text": "boolean | undefined"
|
|
61901
|
+
}
|
|
61902
|
+
},
|
|
61672
61903
|
{
|
|
61673
61904
|
"kind": "field",
|
|
61674
61905
|
"name": "__computeNewAddedFiles",
|
|
@@ -85343,10 +85574,10 @@
|
|
|
85343
85574
|
"description": ","
|
|
85344
85575
|
},
|
|
85345
85576
|
{
|
|
85346
|
-
"name": "{ weekOrder, central, startOfWeek, selected, previousMonth, currentMonth, nextMonth, past, today, future, disabled, }",
|
|
85577
|
+
"name": "{ weekOrder, central, startOfWeek, selected, previousMonth, currentMonth, nextMonth, past, today, future, disabled, disabledInfo, }",
|
|
85347
85578
|
"optional": true,
|
|
85348
85579
|
"type": {
|
|
85349
|
-
"text": "{\n weekOrder?: number | undefined;\n central?: boolean | undefined;\n startOfWeek?: boolean | undefined;\n selected?: boolean | undefined;\n previousMonth?: boolean | undefined;\n currentMonth?: boolean | undefined;\n nextMonth?: boolean | undefined;\n past?: boolean | undefined;\n today?: boolean | undefined;\n future?: boolean | undefined;\n disabled?: boolean | undefined;\n}"
|
|
85580
|
+
"text": "{\n weekOrder?: number | undefined;\n central?: boolean | undefined;\n startOfWeek?: boolean | undefined;\n selected?: boolean | undefined;\n previousMonth?: boolean | undefined;\n currentMonth?: boolean | undefined;\n nextMonth?: boolean | undefined;\n past?: boolean | undefined;\n today?: boolean | undefined;\n future?: boolean | undefined;\n disabled?: boolean | undefined;\n disabledInfo?: string | undefined;\n}"
|
|
85350
85581
|
}
|
|
85351
85582
|
}
|
|
85352
85583
|
]
|
|
@@ -85585,6 +85816,67 @@
|
|
|
85585
85816
|
}
|
|
85586
85817
|
]
|
|
85587
85818
|
},
|
|
85819
|
+
{
|
|
85820
|
+
"kind": "javascript-module",
|
|
85821
|
+
"path": "dist-types/components/calendar/src/utils/getDayMonthYear.d.ts",
|
|
85822
|
+
"declarations": [
|
|
85823
|
+
{
|
|
85824
|
+
"kind": "function",
|
|
85825
|
+
"name": "getDayMonthYear",
|
|
85826
|
+
"return": {
|
|
85827
|
+
"type": {
|
|
85828
|
+
"text": "{\n dayNumber: number;\n monthName: string;\n year: number;\n weekdayName: string;\n}"
|
|
85829
|
+
}
|
|
85830
|
+
},
|
|
85831
|
+
"parameters": [
|
|
85832
|
+
{
|
|
85833
|
+
"name": "day",
|
|
85834
|
+
"type": {
|
|
85835
|
+
"text": "Day"
|
|
85836
|
+
}
|
|
85837
|
+
},
|
|
85838
|
+
{
|
|
85839
|
+
"name": "weekdays",
|
|
85840
|
+
"type": {
|
|
85841
|
+
"text": "string[]"
|
|
85842
|
+
}
|
|
85843
|
+
},
|
|
85844
|
+
{
|
|
85845
|
+
"name": "monthsLabels",
|
|
85846
|
+
"optional": true,
|
|
85847
|
+
"type": {
|
|
85848
|
+
"text": "string[]"
|
|
85849
|
+
}
|
|
85850
|
+
}
|
|
85851
|
+
]
|
|
85852
|
+
},
|
|
85853
|
+
{
|
|
85854
|
+
"kind": "variable",
|
|
85855
|
+
"name": "defaultMonthLabels",
|
|
85856
|
+
"type": {
|
|
85857
|
+
"text": "string[]"
|
|
85858
|
+
}
|
|
85859
|
+
}
|
|
85860
|
+
],
|
|
85861
|
+
"exports": [
|
|
85862
|
+
{
|
|
85863
|
+
"kind": "js",
|
|
85864
|
+
"name": "getDayMonthYear",
|
|
85865
|
+
"declaration": {
|
|
85866
|
+
"name": "getDayMonthYear",
|
|
85867
|
+
"module": "dist-types/components/calendar/src/utils/getDayMonthYear.d.ts"
|
|
85868
|
+
}
|
|
85869
|
+
},
|
|
85870
|
+
{
|
|
85871
|
+
"kind": "js",
|
|
85872
|
+
"name": "defaultMonthLabels",
|
|
85873
|
+
"declaration": {
|
|
85874
|
+
"name": "defaultMonthLabels",
|
|
85875
|
+
"module": "dist-types/components/calendar/src/utils/getDayMonthYear.d.ts"
|
|
85876
|
+
}
|
|
85877
|
+
}
|
|
85878
|
+
]
|
|
85879
|
+
},
|
|
85588
85880
|
{
|
|
85589
85881
|
"kind": "javascript-module",
|
|
85590
85882
|
"path": "dist-types/components/calendar/src/utils/getFirstDayNextMonth.d.ts",
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
declare const LionCalendar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost> & Pick<typeof import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost, "prototype" | "localizeNamespaces" | "waitForLocalizeNamespaces"> & Pick<typeof LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions">;
|
|
2
|
-
/**
|
|
3
|
-
* @typedef {import('../types/day.js').Day} Day
|
|
4
|
-
* @typedef {import('../types/day.js').Week} Week
|
|
5
|
-
* @typedef {import('../types/day.js').Month} Month
|
|
6
|
-
*/
|
|
7
2
|
/**
|
|
8
3
|
* @customElement lion-calendar
|
|
9
4
|
*/
|
|
@@ -206,6 +201,11 @@ export class LionCalendar extends LionCalendar_base {
|
|
|
206
201
|
* @private
|
|
207
202
|
*/
|
|
208
203
|
private __getNavigationLabel;
|
|
204
|
+
/**
|
|
205
|
+
*
|
|
206
|
+
* @private
|
|
207
|
+
*/
|
|
208
|
+
private __getSelectableDateRange;
|
|
209
209
|
/**
|
|
210
210
|
*
|
|
211
211
|
* @param {Day} _day
|
|
@@ -218,10 +218,6 @@ export class LionCalendar extends LionCalendar_base {
|
|
|
218
218
|
* @private
|
|
219
219
|
*/
|
|
220
220
|
private __createData;
|
|
221
|
-
/**
|
|
222
|
-
* @private
|
|
223
|
-
*/
|
|
224
|
-
private __disableDatesChanged;
|
|
225
221
|
/**
|
|
226
222
|
* @param {Date} selectedDate
|
|
227
223
|
* @private
|
|
@@ -231,15 +227,22 @@ export class LionCalendar extends LionCalendar_base {
|
|
|
231
227
|
/**
|
|
232
228
|
* @private
|
|
233
229
|
*/
|
|
234
|
-
private
|
|
230
|
+
private __focusedDateChanged;
|
|
235
231
|
/**
|
|
236
|
-
* @
|
|
232
|
+
* @param {Date} [date]
|
|
233
|
+
* @returns
|
|
237
234
|
*/
|
|
238
|
-
|
|
235
|
+
findNextEnabledDate(date?: Date | undefined): Date;
|
|
239
236
|
/**
|
|
240
|
-
* @
|
|
237
|
+
* @param {Date} [date]
|
|
238
|
+
* @returns
|
|
241
239
|
*/
|
|
242
|
-
|
|
240
|
+
findPreviousEnabledDate(date?: Date | undefined): Date;
|
|
241
|
+
/**
|
|
242
|
+
* @param {Date} [date]
|
|
243
|
+
* @returns
|
|
244
|
+
*/
|
|
245
|
+
findNearestEnabledDate(date?: Date | undefined): Date;
|
|
243
246
|
/**
|
|
244
247
|
* @param {Date} date
|
|
245
248
|
* @private
|
|
@@ -265,6 +268,11 @@ export class LionCalendar extends LionCalendar_base {
|
|
|
265
268
|
* @private
|
|
266
269
|
*/
|
|
267
270
|
private __blurDateDelegation;
|
|
271
|
+
/**
|
|
272
|
+
* @param {HTMLElement & { date: Date }} el
|
|
273
|
+
* @private
|
|
274
|
+
*/
|
|
275
|
+
private __dayButtonSelection;
|
|
268
276
|
/**
|
|
269
277
|
* @param {KeyboardEvent} ev
|
|
270
278
|
* @private
|
|
@@ -276,7 +284,6 @@ export class LionCalendar extends LionCalendar_base {
|
|
|
276
284
|
* @param {Object} opts
|
|
277
285
|
* @param {string} opts.dateType
|
|
278
286
|
* @param {string} opts.type
|
|
279
|
-
* @param {string} opts.mode
|
|
280
287
|
* @private
|
|
281
288
|
*/
|
|
282
289
|
private __modifyDate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionCalendar.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/LionCalendar.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"LionCalendar.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/LionCalendar.js"],"names":[],"mappings":";AAoCA;;GAEG;AACH;IAkEE;QAEI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;;WAGG;;;;QAGH;;;;WAIG;;;;QAGH;;;;WAIG;;;;QAGH;;;;;;WAMG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IA4CD,+CAEC;IA1CC;;OAEG;IACH,eAA4B;IAC5B,cAA0B;IAE1B,cAAyC;IACzC,uBAAuB;IACvB,uBADY,GAAG,mCACkB;IAEjC,wBAAwB;IAExB,oBAFY,IAAI,aAEgB;IAEhC,uBAAuB;IACvB,8BAAoC;IACpC,eAAe;IACf,gBAA4C;IAC5C,mBAAmB;IACnB,aADW,IAAI,CACgB;IAC/B;;;OAGG;IACH,sBAAyB;IACzB,eAAe;IACf,gCAAoC;IACpC,eAAe;IACf,sBAA0B;IAC1B,eAAgB;IAChB,eAAe;IACf,uCAA+E;IAC/E,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,mCAAuE;IACvE,eAAe;IACf,kCAAsE;IAOxE,+CAMC;IAED,+BAEC;IAED,sBAEC;IAED,0BAEC;IAED,qBAEC;IAED,yBAEC;IAED;;OAEG;IACH,gBAFW,IAAI,iBAMd;IAED,yBAIC;IAED,mCAIC;IAED,mCAuCC;IATG,uDAEC;IASL,6BAaC;IAUD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAkBhB;IAED;;;OAGG;IACH,wBAOC;IAED;;OAEG;IACH,sCAOC;IAFC,mBAAmB;IACnB,uCAA4C;IAG9C;;;;OAIG;IACH,gCAkBC;IAED;;;;OAIG;IACH,+BAWC;IAED;;OAEG;IACH,2BAQC;IAED;;OAEG;IACH,qBAeC;IAED;;;;;OAKG;IACH,8BAiBC;IAED;;;;;OAKG;IACH,0BAiBC;IAED;;;;;OAKG;IAEH,uCANW,MAAM,iBACN,MAAM,gBACN,MAAM,wCA0BhB;IAGD,8DAEC;IAED;;;;;OAKG;IAEH,mCANW,MAAM,aACN,MAAM,YACN,MAAM,wCA0BhB;IAGD,0DAEC;IAED;;;;;;;OAOG;IACH,6BAEC;IAED;;;OAGG;IACH,iCAuBC;IAED;;;;;OAKG;IACH,8BA0CC;IAED;;;OAGG;IACH,qBAkBC;IAED;;;OAGG;IACH,6BAUC;IATC,+BAAgC;IAWlC;;OAEG;IACH,6BAIC;IAED;;;OAGG;IACH,mDAGC;IAED;;;OAGG;IACH,uDAGC;IAED;;;OAGG;IACH,sDAGC;IAED;;;OAGG;IACH,wBAGC;IAED;;;;;OAKG;IACH,iCAmCC;IAED;;;OAGG;IACH,8BAKC;IAED;;OAEG;IACH,8BASC;IAED;;OAEG;IACH,6BASC;IAED;;;OAGG;IACH,6BAIC;IAED;;;OAGG;IACH,kCAoDC;IAED;;;;;;;OAOG;IACH,qBAeC;IAED;;OAEG;IACH,oBAEC;CACF;kBA/4BY,OAAO,iBAAiB,EAAE,GAAG;mBAC7B,OAAO,iBAAiB,EAAE,IAAI;oBAC9B,OAAO,iBAAiB,EAAE,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendarStyle.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/calendarStyle.js"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"calendarStyle.d.ts","sourceRoot":"","sources":["../../../../components/calendar/src/calendarStyle.js"],"names":[],"mappings":"AAEA,oDA0GE"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @param {Date} date,
|
|
3
3
|
* @returns {import('../../types/day.js').Day} day
|
|
4
4
|
*/
|
|
5
|
-
export function createDay(date?: Date, { weekOrder, central, startOfWeek, selected, previousMonth, currentMonth, nextMonth, past, today, future, disabled, }?: {
|
|
5
|
+
export function createDay(date?: Date, { weekOrder, central, startOfWeek, selected, previousMonth, currentMonth, nextMonth, past, today, future, disabled, disabledInfo, }?: {
|
|
6
6
|
weekOrder?: number | undefined;
|
|
7
7
|
central?: boolean | undefined;
|
|
8
8
|
startOfWeek?: boolean | undefined;
|
|
@@ -14,5 +14,6 @@ export function createDay(date?: Date, { weekOrder, central, startOfWeek, select
|
|
|
14
14
|
today?: boolean | undefined;
|
|
15
15
|
future?: boolean | undefined;
|
|
16
16
|
disabled?: boolean | undefined;
|
|
17
|
+
disabledInfo?: string | undefined;
|
|
17
18
|
}): import('../../types/day.js').Day;
|
|
18
19
|
//# sourceMappingURL=createDay.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDay.d.ts","sourceRoot":"","sources":["../../../../../components/calendar/src/utils/createDay.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,iCAHW,IAAI
|
|
1
|
+
{"version":3,"file":"createDay.d.ts","sourceRoot":"","sources":["../../../../../components/calendar/src/utils/createDay.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,iCAHW,IAAI;;;;;;;;;;;;;IACF,OAAO,oBAAoB,EAAE,GAAG,CAqC5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dayTemplate.d.ts","sourceRoot":"","sources":["../../../../../components/calendar/src/utils/dayTemplate.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dayTemplate.d.ts","sourceRoot":"","sources":["../../../../../components/calendar/src/utils/dayTemplate.js"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,iCAHW,OAAO,oBAAoB,EAAE,GAAG,8BAChC;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,wCA8DzD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @param {import('../../types/day.js').Day} day
|
|
3
|
+
* @param {string[]} weekdays
|
|
4
|
+
* @param {string[] } monthsLabels
|
|
5
|
+
*/
|
|
6
|
+
export function getDayMonthYear(day: import('../../types/day.js').Day, weekdays: string[], monthsLabels?: string[]): {
|
|
7
|
+
dayNumber: number;
|
|
8
|
+
monthName: string;
|
|
9
|
+
year: number;
|
|
10
|
+
weekdayName: string;
|
|
11
|
+
};
|
|
12
|
+
export const defaultMonthLabels: string[];
|
|
13
|
+
//# sourceMappingURL=getDayMonthYear.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDayMonthYear.d.ts","sourceRoot":"","sources":["../../../../../components/calendar/src/utils/getDayMonthYear.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH,qCAJW,OAAO,oBAAoB,EAAE,GAAG,YAChC,MAAM,EAAE,iBACR,MAAM,EAAE;;;;;EASlB;AA3BD,0CAaE"}
|