@progress/kendo-react-common 15.2.0-develop.1 → 15.2.0-develop.2
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/codemods/utils.js +4 -0
- package/dist/cdn/js/kendo-react-common.js +1 -1
- package/fileExtensionIcon.js +1 -1
- package/fileExtensionIcon.mjs +17 -15
- package/package.json +5 -1
- package/unstyled/dateinputs.js +1 -1
- package/unstyled/dateinputs.mjs +104 -108
- package/unstyled/inputs.d.ts +2 -0
- package/unstyled/inputs.js +1 -1
- package/unstyled/inputs.mjs +78 -76
- package/unstyled/labels.js +1 -1
- package/unstyled/labels.mjs +44 -43
package/fileExtensionIcon.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-svg-icons");function n(c){if(!c)return{name:"file",icon:e.fileIcon};switch(c){case".png":case".jpg":case".jpeg":case".tiff":case".bmp":case".gif":return{name:"file-image",icon:e.fileImageIcon};case".mp3":case".
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-svg-icons");function n(c){if(!c)return{name:"file",icon:e.fileIcon};switch(c){case".png":case".jpg":case".jpeg":case".tiff":case".bmp":case".gif":return{name:"file-image",icon:e.fileImageIcon};case".mp3":case".wav":return{name:"file-audio",icon:e.fileAudioIcon};case".mp4":case".mkv":case".webm":case".flv":case".gifv":case".avi":case".wmv":return{name:"file-video",icon:e.fileVideoIcon};case".txt":return{name:"file-txt",icon:e.fileTxtIcon};case".pdf":return{name:"file-pdf",icon:e.filePdfIcon};case".ppt":case".pptx":return{name:"file-presentation",icon:e.filePresentationIcon};case".csv":case".xls":case".xlsx":return{name:"file-data",icon:e.fileDataIcon};case".html":case".css":case".js":case".ts":return{name:"file-programming",icon:e.fileProgrammingIcon};case".exe":return{name:"file-config",icon:e.fileConfigIcon};case".zip":case".rar":return{name:"file-zip",icon:e.fileZipIcon};case".doc":case".docm":case".docx":return{name:"file-doc",icon:e.fileWordIcon};case".psd":return{name:"file-psd",icon:e.filePsdIcon};default:return{name:"file",icon:e.fileIcon}}}exports.getFileExtensionIcon=n;
|
package/fileExtensionIcon.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { fileIcon as c,
|
|
9
|
-
function
|
|
8
|
+
import { fileIcon as c, filePsdIcon as n, fileWordIcon as i, fileZipIcon as a, fileConfigIcon as o, fileProgrammingIcon as s, fileDataIcon as f, filePresentationIcon as r, filePdfIcon as t, fileTxtIcon as l, fileVideoIcon as m, fileAudioIcon as p, fileImageIcon as u } from "@progress/kendo-svg-icons";
|
|
9
|
+
function I(e) {
|
|
10
10
|
if (!e)
|
|
11
11
|
return { name: "file", icon: c };
|
|
12
12
|
switch (e) {
|
|
@@ -16,47 +16,49 @@ function g(e) {
|
|
|
16
16
|
case ".tiff":
|
|
17
17
|
case ".bmp":
|
|
18
18
|
case ".gif":
|
|
19
|
-
return { name: "file-image", icon:
|
|
19
|
+
return { name: "file-image", icon: u };
|
|
20
20
|
case ".mp3":
|
|
21
|
-
case ".mp4":
|
|
22
21
|
case ".wav":
|
|
23
|
-
return { name: "file-audio", icon:
|
|
22
|
+
return { name: "file-audio", icon: p };
|
|
23
|
+
case ".mp4":
|
|
24
24
|
case ".mkv":
|
|
25
25
|
case ".webm":
|
|
26
26
|
case ".flv":
|
|
27
27
|
case ".gifv":
|
|
28
28
|
case ".avi":
|
|
29
29
|
case ".wmv":
|
|
30
|
-
return { name: "file-video", icon:
|
|
30
|
+
return { name: "file-video", icon: m };
|
|
31
31
|
case ".txt":
|
|
32
|
-
return { name: "file-txt", icon:
|
|
32
|
+
return { name: "file-txt", icon: l };
|
|
33
33
|
case ".pdf":
|
|
34
|
-
return { name: "file-pdf", icon:
|
|
34
|
+
return { name: "file-pdf", icon: t };
|
|
35
35
|
case ".ppt":
|
|
36
36
|
case ".pptx":
|
|
37
|
-
return { name: "file-presentation", icon:
|
|
37
|
+
return { name: "file-presentation", icon: r };
|
|
38
38
|
case ".csv":
|
|
39
39
|
case ".xls":
|
|
40
40
|
case ".xlsx":
|
|
41
|
-
return { name: "file-data", icon:
|
|
41
|
+
return { name: "file-data", icon: f };
|
|
42
42
|
case ".html":
|
|
43
43
|
case ".css":
|
|
44
44
|
case ".js":
|
|
45
45
|
case ".ts":
|
|
46
|
-
return { name: "file-programming", icon:
|
|
46
|
+
return { name: "file-programming", icon: s };
|
|
47
47
|
case ".exe":
|
|
48
|
-
return { name: "file-config", icon:
|
|
48
|
+
return { name: "file-config", icon: o };
|
|
49
49
|
case ".zip":
|
|
50
50
|
case ".rar":
|
|
51
|
-
return { name: "file-zip", icon:
|
|
51
|
+
return { name: "file-zip", icon: a };
|
|
52
52
|
case ".doc":
|
|
53
53
|
case ".docm":
|
|
54
54
|
case ".docx":
|
|
55
|
-
return { name: "file-
|
|
55
|
+
return { name: "file-doc", icon: i };
|
|
56
|
+
case ".psd":
|
|
57
|
+
return { name: "file-psd", icon: n };
|
|
56
58
|
default:
|
|
57
59
|
return { name: "file", icon: c };
|
|
58
60
|
}
|
|
59
61
|
}
|
|
60
62
|
export {
|
|
61
|
-
|
|
63
|
+
I as getFileExtensionIcon
|
|
62
64
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-common",
|
|
3
|
-
"version": "15.2.0-develop.
|
|
3
|
+
"version": "15.2.0-develop.2",
|
|
4
4
|
"description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
"default": "./index.js"
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
+
"./codemods": {
|
|
23
|
+
"types": "./codemods/utils.d.ts",
|
|
24
|
+
"default": "./codemods/utils.js"
|
|
25
|
+
},
|
|
22
26
|
"./package.json": {
|
|
23
27
|
"default": "./package.json"
|
|
24
28
|
}
|
package/unstyled/dateinputs.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./interfaces/common.js"),e=require("./json-classes.js"),$={footer:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.elements.footer}`,actions:`${e.base.prefix}-${e.containers.actions}`,stretched:`${e.base.prefix}-${e.containers.actions}-${e.states.stretched}`,horizontal:`${e.base.prefix}-${e.containers.actions}-${e.orientationMap.horizontal}`},cancel:`${e.base.prefix}-${e.dateInputs.time}-${e.actions.cancel}`,accept:`${e.base.prefix}-${e.dateInputs.time}-${e.actions.accept}`,part:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.part}`,disabled:`${e.base.prefix}-${e.states.disabled}`},header:`${e.base.prefix}-${e.dateInputs.time}-${e.elements.header}`,now:`${e.base.prefix}-${e.dateInputs.time}-${e.dateInputs.now}`,listContainer:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}-${e.containers.container}`,highlight:`${e.base.prefix}-${e.dateInputs.time}-${e.states.highlight}`,listWrapper:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}-${e.containers.wrapper}`,focused:`${e.base.prefix}-${e.states.focus}`},list:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}`,container:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.container}`,scrollable:`${e.base.prefix}-${e.states.scrollable}`,content:`${e.base.prefix}-${e.containers.content}`},containerSelector:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.container}`,separator:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.separator}`,ul:`${e.base.prefix}-${e.base.reset}`,li:`${e.base.prefix}-${e.containers.item}`,title:`${e.base.prefix}-${e.elements.title}`,scrollablePlaceholder:`${e.base.prefix}-${e.states.scrollable}-${e.containers.placeholder}`},v={footer:i=>{const{c:r=$}=i,t=r.footer;return{[t.main]:!0,[t.actions]:!0,[t.stretched]:!0,[t.horizontal]:!0}},cancel:l.getClassByName($,"cancel"),accept:l.getClassByName($,"accept"),part:i=>{const{c:r=$,mobileMode:t,disabled:a}=i,n=r.part;return{[n.main]:t,[n.disabled]:a}},header:l.getClassByName($,"header"),now:l.getClassByName($,"now"),listContainer:l.getClassByName($,"listContainer"),highlight:l.getClassByName($,"highlight"),listWrapper:i=>{const{c:r=$,focused:t}=i,a=r.listWrapper;return{[a.main]:!0,[a.focused]:t}},list:l.getClassByName($,"list"),container:i=>{const{c:r=$,content:t,scrollable:a}=i,n=r.container;return{[n.main]:!0,[n.content]:t,[n.scrollable]:a}},containerSelector:l.getClassByName($,"containerSelector"),separator:l.getClassByName($,"separator"),ul:l.getClassByName($,"ul"),li:l.getClassByName($,"li"),title:l.getClassByName($,"title"),scrollablePlaceholder:l.getClassByName($,"scrollablePlaceholder")},f={wrapper:{main:`${e.base.prefix}-${e.components.timepicker}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputButton:`${e.inputPrefix}-${e.elements.button}`,popup:{main:`${e.base.prefix}-${e.components.timepicker}-${e.containers.popup}`,container:`${e.base.prefix}-${e.containers.list}-${e.containers.container}`},timeSelector:{main:`${e.base.prefix}-${e.dateInputs.timeselector}`,size:{medium:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,reset:`${e.base.prefix}-${e.base.reset}`}},w={wrapper:i=>{const{c:r=f,size:t,fillMode:a,rounded:n,disabled:d,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[t]]:s.size[t],[`${e.inputPrefix}-${t}`]:t&&!s.size[t],[s.fillMode[a]]:s.fillMode[a],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:d,[s.invalid]:m,[s.required]:c}},inputButton:l.getClassByName(f,"inputButton"),popup:i=>{const{c:r=f}=i,t=r.popup;return{[t.main]:!0,[t.container]:!0}},timeSelector:i=>{const{c:r=f,disabled:t,mobileMode:a}=i,n=r.timeSelector;return{[n.main]:!0,[n.size.large]:a,[n.reset]:a,[n.size.medium]:!a,[n.disabled]:t}}},o={wrapper:{main:`${e.calendarPrefix}`,infinite:`${e.calendarPrefix}-${e.base.infinite}`,disabled:`${e.base.prefix}-${e.states.disabled}`,weekNumber:`${e.base.prefix}-${e.dateInputs.week}-${e.dateInputs.number}`,size:{medium:`${e.calendarPrefix}-${e.sizeMap.medium}`,large:`${e.calendarPrefix}-${e.sizeMap.large}`}},view:{main:`${e.calendarPrefix}-${e.containers.view}`,vertical:`${e.base.prefix}-${e.cssUtils.vstack}`,month:`${e.calendarPrefix}-${e.dateInputs.month}${e.containers.view}`,year:`${e.calendarPrefix}-${e.dateInputs.year}${e.containers.view}`,decade:`${e.calendarPrefix}-${e.dateInputs.decade}${e.containers.view}`,century:`${e.calendarPrefix}-${e.dateInputs.century}${e.containers.view}`},navigation:`${e.calendarPrefix}-${e.dateInputs.navigation}`,navigationHighlight:`${e.calendarPrefix}-${e.dateInputs.navigation}-${e.states.highlight}`,table:{main:`${e.calendarPrefix}-${e.elements.table}`,weekdays:`${e.calendarPrefix}-${e.dateInputs.weekdays}`},thead:`${e.calendarPrefix}-${e.elements.thead}`,tr:`${e.calendarPrefix}-${e.elements.tr}`,th:`${e.calendarPrefix}-${e.elements.th}`,caption:`${e.calendarPrefix}-${e.elements.caption}`,tbody:`${e.calendarPrefix}-${e.elements.tbody}`,ul:`${e.base.prefix}-${e.base.reset}`,li:"",td:{main:`${e.calendarPrefix}-${e.elements.td}`,rangeStart:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.start}`,rangeEnd:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.end}`,rangeMid:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.mid}`,rangeSplitEnd:`${e.base.prefix}-${e.dateInputs.range}-${e.actions.split}-${e.directionMap.end}`,rangeSplitStart:`${e.base.prefix}-${e.dateInputs.range}-${e.actions.split}-${e.directionMap.start}`,active:`${e.base.prefix}-${e.states.active}`,focused:`${e.base.prefix}-${e.base.state}-${e.states.pending}-${e.states.focus}`,selected:`${e.base.prefix}-${e.states.selected}`,today:`${e.base.prefix}-${e.dateInputs.today}`,weekend:`${e.base.prefix}-${e.dateInputs.weekend}`,disabled:`${e.base.prefix}-${e.states.disabled}`,isOtherMonth:`${e.base.prefix}-${e.dateInputs.other}-${e.dateInputs.month}`,isEmpty:`${e.base.prefix}-${e.states.empty}`,isWeek:`${e.base.prefix}-${e.states.alt}`},title:`${e.calendarPrefix}-${e.elements.title}`,header:{main:`${e.calendarPrefix}-${e.elements.header}`,vertical:`${e.base.prefix}-${e.cssUtils.hstack}`},spacer:`${e.base.prefix}-${e.containers.spacer}`,nav:`${e.calendarPrefix}-${e.containers.nav}`,today:{main:`${e.calendarPrefix}-${e.containers.nav}-${e.dateInputs.today}`,disabled:`${e.base.prefix}-${e.states.disabled}`},scrollable:{main:`${e.base.prefix}-${e.states.scrollable}`,content:`${e.base.prefix}-${e.containers.content}`,horizontal:`${e.base.prefix}-${e.states.scrollable}-${e.orientationMap.horizontal}`},scrollableSelector:`${e.base.prefix}-${e.states.scrollable}`,scrollablePlaceholder:{main:`${e.base.prefix}-${e.states.scrollable}-${e.containers.placeholder}`,horizontal:`${e.base.prefix}-${e.states.scrollable}-${e.orientationMap.horizontal}-${e.containers.placeholder}`},link:`${e.base.prefix}-${e.elements.link}`,navigationMarker:`${e.calendarPrefix}-${e.dateInputs.navigation}-${e.dateInputs.marker}`},z={wrapper:i=>{const{c:r=o,disabled:t,weekNumber:a,mobileMode:n}=i,d=r.wrapper;return{[d.main]:!0,[d.infinite]:!0,[d.disabled]:t,[d.weekNumber]:a,[d.size.large]:n,[d.size.medium]:!n}},view:i=>{const{c:r=o,month:t,year:a,decade:n,century:d}=i,c=r.view;return{[c.main]:!0,[c.vertical]:!0,[c.month]:t,[c.year]:a,[c.decade]:n,[c.century]:d}},navigation:l.getClassByName(o,"navigation"),navigationHighlight:l.getClassByName(o,"navigationHighlight"),table:i=>{const{c:r=o,weekdays:t}=i,a=r.table;return{[a.main]:!0,[a.weekdays]:t}},thead:l.getClassByName(o,"thead"),tr:l.getClassByName(o,"tr"),th:l.getClassByName(o,"th"),tbody:l.getClassByName(o,"tbody"),title:l.getClassByName(o,"title"),header:i=>{const{c:r=o,vertical:t}=i,a=r.header;return{[a.main]:!0,[a.vertical]:t}},today:i=>{const{c:r=o,disabled:t}=i,a=r.today;return{[a.main]:!0,[a.disabled]:t}},spacer:l.getClassByName(o,"spacer"),nav:l.getClassByName(o,"nav"),caption:l.getClassByName(o,"caption"),ul:l.getClassByName(o,"ul"),li:l.getClassByName(o,"li"),td:i=>{const{c:r=o,rangeStart:t,rangeEnd:a,rangeMid:n,rangeSplitEnd:d,rangeSplitStart:c,active:m,focused:s,selected:h,today:M,weekend:y,disabled:P,isOtherMonth:I,isEmpty:x,isWeek:g}=i,p=r.td;return g?{[p.main]:!0,[p.isWeek]:g}:x?{[p.main]:!0,[p.isEmpty]:x}:{[p.main]:!0,[p.rangeStart]:t,[p.rangeEnd]:a,[p.rangeMid]:n,[p.rangeSplitEnd]:d,[p.rangeSplitStart]:c,[p.active]:m,[p.focused]:s,[p.selected]:h,[p.today]:M,[p.weekend]:y,[p.disabled]:P,[p.isOtherMonth]:I}},scrollable:i=>{const{c:r=o,horizontal:t}=i,a=r.scrollable;return{[a.main]:!0,[a.content]:!0,[a.horizontal]:t}},scrollableSelector:l.getClassByName(o,"scrollableSelector"),scrollablePlaceholder:i=>{const{c:r=o,horizontal:t}=i,a=r.scrollablePlaceholder;return{[a.main]:!0,[a.horizontal]:t}},link:l.getClassByName(o,"link"),navigationMarker:i=>{const{c:r=o,isRangeStart:t}=i;return{[r.navigationMarker]:t}}},b={wrapper:{main:`${e.base.prefix}-${e.components.dateinput}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputInner:`${e.inputPrefix}-${e.inputs.inner}`,inputSpinner:{main:`${e.inputPrefix}-${e.inputs.spinner}`,button:`${e.base.prefix}-${e.inputs.spin}-${e.elements.button}`},spinnerIncrease:`${e.base.prefix}-${e.inputs.spinner}-${e.actions.increase}`,spinnerDecrease:`${e.base.prefix}-${e.inputs.spinner}-${e.actions.decrease}`,clearButton:`${e.base.prefix}-${e.base.clear}-${e.base.value}`},C={wrapper:i=>{const{c:r=b,size:t,fillMode:a,rounded:n,disabled:d,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[t]]:s.size[t],[`${e.inputPrefix}-${t}`]:t&&!s.size[t],[s.fillMode[a]]:s.fillMode[a],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:d,[s.invalid]:m,[s.required]:c}},inputInner:l.getClassByName(b,"inputInner"),inputSpinner:i=>{const{c:r=b}=i,t=r.inputSpinner;return{[t.main]:!0,[t.button]:!0}},spinnerIncrease:l.getClassByName(b,"spinnerIncrease"),spinnerDecrease:l.getClassByName(b,"spinnerDecrease"),clearButton:l.getClassByName(b,"clearButton")},u={wrapper:{main:`${e.base.prefix}-${e.components.datetimepicker}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputButton:`${e.inputPrefix}-${e.elements.button}`,popup:{main:`${e.base.prefix}-${e.components.datetime}-${e.containers.container}`,reset:`${e.base.prefix}-${e.base.reset}`},wrap:{main:`${e.base.prefix}-${e.components.datetime}-${e.containers.wrap}`,date:`${e.base.prefix}-${e.dateInputs.date}-${e.containers.tab}`,time:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.tab}`,disabled:`${e.base.prefix}-${e.states.disabled}`},timeFooter:{main:`${e.base.prefix}-${e.components.datetime}-${e.elements.footer}`,actions:`${e.base.prefix}-${e.containers.actions}`,stretched:`${e.base.prefix}-${e.containers.actions}-${e.states.stretched}`},buttonGroup:`${e.base.prefix}-${e.components.datetime}-${e.components.buttongroup}`,selector:`${e.base.prefix}-${e.components.datetime}-${e.dateInputs.selector}`,calendarWrap:`${e.base.prefix}-${e.components.datetime}-${e.calendarPrefix}-${e.containers.wrap}`,timeWrap:`${e.base.prefix}-${e.components.datetime}-${e.dateInputs.time}-${e.containers.wrap}`,timeSelector:{main:`${e.base.prefix}-${e.dateInputs.timeselector}`,size:{medium:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,reset:`${e.base.prefix}-${e.base.reset}`}},B={wrapper:i=>{const{c:r=u,size:t,fillMode:a,rounded:n,disabled:d,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[t]]:s.size[t],[`${e.inputPrefix}-${t}`]:t&&!s.size[t],[s.fillMode[a]]:s.fillMode[a],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:d,[s.invalid]:m,[s.required]:c}},inputButton:l.getClassByName(u,"inputButton"),popup:i=>{const{c:r=u}=i,t=r.popup;return{[t.main]:!0,[t.reset]:!0}},wrap:i=>{const{c:r=u,disabled:t,date:a,time:n}=i,d=r.wrap;return{[d.main]:!0,[d.time]:n,[d.date]:a,[d.disabled]:t}},timeFooter:i=>{const{c:r=u}=i,t=r.timeFooter;return{[t.main]:!0,[t.actions]:!0,[t.stretched]:!0}},buttonGroup:l.getClassByName(u,"buttonGroup"),selector:l.getClassByName(u,"selector"),calendarWrap:l.getClassByName(u,"calendarWrap"),timeWrap:l.getClassByName(u,"timeWrap"),timeSelector:i=>{const{c:r=u,mobileMode:t}=i,a=r.timeSelector;return{[a.main]:t,[a.size.large]:t,[a.reset]:t}}};exports.uCalendar=z;exports.uDateInput=C;exports.uDateTimePicker=B;exports.uTime=v;exports.uTimePicker=w;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./interfaces/common.js"),e=require("./json-classes.js"),p={footer:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.elements.footer}`,actions:`${e.base.prefix}-${e.containers.actions}`,stretched:`${e.base.prefix}-${e.containers.actions}-${e.states.stretched}`,horizontal:`${e.base.prefix}-${e.containers.actions}-${e.orientationMap.horizontal}`},cancel:`${e.base.prefix}-${e.dateInputs.time}-${e.actions.cancel}`,accept:`${e.base.prefix}-${e.dateInputs.time}-${e.actions.accept}`,part:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.part}`,disabled:`${e.base.prefix}-${e.states.disabled}`},header:`${e.base.prefix}-${e.dateInputs.time}-${e.elements.header}`,now:`${e.base.prefix}-${e.dateInputs.time}-${e.dateInputs.now}`,listContainer:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}-${e.containers.container}`,highlight:`${e.base.prefix}-${e.dateInputs.time}-${e.states.highlight}`,listWrapper:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}-${e.containers.wrapper}`,focused:`${e.base.prefix}-${e.states.focus}`},list:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.list}`,container:{main:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.container}`,scrollable:`${e.base.prefix}-${e.states.scrollable}`,content:`${e.base.prefix}-${e.containers.content}`},containerSelector:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.container}`,separator:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.separator}`,ul:`${e.base.prefix}-${e.base.reset}`,li:`${e.base.prefix}-${e.containers.item}`,title:`${e.base.prefix}-${e.elements.title}`,scrollablePlaceholder:`${e.base.prefix}-${e.states.scrollable}-${e.containers.placeholder}`},v={footer:i=>{const{c:r=p}=i,a=r.footer;return{[a.main]:!0,[a.actions]:!0,[a.stretched]:!0,[a.horizontal]:!0}},cancel:l.getClassByName(p,"cancel"),accept:l.getClassByName(p,"accept"),part:i=>{const{c:r=p,mobileMode:a,disabled:t}=i,n=r.part;return{[n.main]:a,[n.disabled]:t}},header:l.getClassByName(p,"header"),now:l.getClassByName(p,"now"),listContainer:l.getClassByName(p,"listContainer"),highlight:l.getClassByName(p,"highlight"),listWrapper:i=>{const{c:r=p,focused:a}=i,t=r.listWrapper;return{[t.main]:!0,[t.focused]:a}},list:l.getClassByName(p,"list"),container:i=>{const{c:r=p,content:a,scrollable:t}=i,n=r.container;return{[n.main]:!0,[n.content]:a,[n.scrollable]:t}},containerSelector:l.getClassByName(p,"containerSelector"),separator:l.getClassByName(p,"separator"),ul:l.getClassByName(p,"ul"),li:l.getClassByName(p,"li"),title:l.getClassByName(p,"title"),scrollablePlaceholder:l.getClassByName(p,"scrollablePlaceholder")},f={wrapper:{main:`${e.base.prefix}-${e.components.timepicker}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputButton:`${e.inputPrefix}-${e.elements.button}`,popup:{main:`${e.base.prefix}-${e.components.timepicker}-${e.containers.popup}`,container:`${e.base.prefix}-${e.containers.list}-${e.containers.container}`},timeSelector:{main:`${e.base.prefix}-${e.dateInputs.timeselector}`,size:{medium:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,reset:`${e.base.prefix}-${e.base.reset}`}},C={wrapper:i=>{const{c:r=f,size:a,fillMode:t,rounded:n,disabled:$,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[a]]:s.size[a],[`${e.inputPrefix}-${a}`]:a&&!s.size[a],[s.fillMode[t]]:s.fillMode[t],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:$,[s.invalid]:m,[s.required]:c}},inputButton:l.getClassByName(f,"inputButton"),popup:i=>{const{c:r=f}=i,a=r.popup;return{[a.main]:!0,[a.container]:!0}},timeSelector:i=>{const{c:r=f,disabled:a,mobileMode:t}=i,n=r.timeSelector;return{[n.main]:!0,[n.size.large]:t,[n.disabled]:a}}},o={wrapper:{main:`${e.calendarPrefix}`,infinite:`${e.calendarPrefix}-${e.base.infinite}`,disabled:`${e.base.prefix}-${e.states.disabled}`,weekNumber:`${e.base.prefix}-${e.dateInputs.week}-${e.dateInputs.number}`,size:{medium:`${e.calendarPrefix}-${e.sizeMap.medium}`,large:`${e.calendarPrefix}-${e.sizeMap.large}`}},view:{main:`${e.calendarPrefix}-${e.containers.view}`,vertical:`${e.base.prefix}-${e.cssUtils.vstack}`,month:`${e.calendarPrefix}-${e.dateInputs.month}${e.containers.view}`,year:`${e.calendarPrefix}-${e.dateInputs.year}${e.containers.view}`,decade:`${e.calendarPrefix}-${e.dateInputs.decade}${e.containers.view}`,century:`${e.calendarPrefix}-${e.dateInputs.century}${e.containers.view}`},navigation:`${e.calendarPrefix}-${e.dateInputs.navigation}`,navigationHighlight:`${e.calendarPrefix}-${e.dateInputs.navigation}-${e.states.highlight}`,table:{main:`${e.calendarPrefix}-${e.elements.table}`,weekdays:`${e.calendarPrefix}-${e.dateInputs.weekdays}`},thead:`${e.calendarPrefix}-${e.elements.thead}`,tr:`${e.calendarPrefix}-${e.elements.tr}`,th:`${e.calendarPrefix}-${e.elements.th}`,caption:`${e.calendarPrefix}-${e.elements.caption}`,tbody:`${e.calendarPrefix}-${e.elements.tbody}`,ul:`${e.base.prefix}-${e.base.reset}`,li:"",td:{main:`${e.calendarPrefix}-${e.elements.td}`,rangeStart:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.start}`,rangeEnd:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.end}`,rangeMid:`${e.base.prefix}-${e.dateInputs.range}-${e.directionMap.mid}`,rangeSplitEnd:`${e.base.prefix}-${e.dateInputs.range}-${e.actions.split}-${e.directionMap.end}`,rangeSplitStart:`${e.base.prefix}-${e.dateInputs.range}-${e.actions.split}-${e.directionMap.start}`,active:`${e.base.prefix}-${e.states.active}`,focused:`${e.base.prefix}-${e.base.state}-${e.states.pending}-${e.states.focus}`,selected:`${e.base.prefix}-${e.states.selected}`,today:`${e.base.prefix}-${e.dateInputs.today}`,weekend:`${e.base.prefix}-${e.dateInputs.weekend}`,disabled:`${e.base.prefix}-${e.states.disabled}`,isOtherMonth:`${e.base.prefix}-${e.dateInputs.other}-${e.dateInputs.month}`,isEmpty:`${e.base.prefix}-${e.states.empty}`,isWeek:`${e.base.prefix}-${e.states.alt}`},title:`${e.calendarPrefix}-${e.elements.title}`,header:{main:`${e.calendarPrefix}-${e.elements.header}`,vertical:`${e.base.prefix}-${e.cssUtils.hstack}`},spacer:`${e.base.prefix}-${e.containers.spacer}`,nav:`${e.calendarPrefix}-${e.containers.nav}`,today:{main:`${e.calendarPrefix}-${e.containers.nav}-${e.dateInputs.today}`,disabled:`${e.base.prefix}-${e.states.disabled}`},scrollable:{main:`${e.base.prefix}-${e.states.scrollable}`,content:`${e.base.prefix}-${e.containers.content}`,horizontal:`${e.base.prefix}-${e.states.scrollable}-${e.orientationMap.horizontal}`},scrollableSelector:`${e.base.prefix}-${e.states.scrollable}`,scrollablePlaceholder:{main:`${e.base.prefix}-${e.states.scrollable}-${e.containers.placeholder}`,horizontal:`${e.base.prefix}-${e.states.scrollable}-${e.orientationMap.horizontal}-${e.containers.placeholder}`},link:`${e.base.prefix}-${e.elements.link}`,navigationMarker:`${e.calendarPrefix}-${e.dateInputs.navigation}-${e.dateInputs.marker}`},w={wrapper:i=>{const{c:r=o,disabled:a,mobileMode:t}=i,n=r.wrapper;return{[n.main]:!0,[n.infinite]:!0,[n.disabled]:a,[n.size.large]:t}},view:i=>{const{c:r=o,month:a,year:t,decade:n,century:$}=i,c=r.view;return{[c.main]:!0,[c.vertical]:!0,[c.month]:a,[c.year]:t,[c.decade]:n,[c.century]:$}},navigation:l.getClassByName(o,"navigation"),navigationHighlight:l.getClassByName(o,"navigationHighlight"),table:i=>{const{c:r=o,weekdays:a}=i,t=r.table;return{[t.main]:!0,[t.weekdays]:a}},thead:l.getClassByName(o,"thead"),tr:l.getClassByName(o,"tr"),th:l.getClassByName(o,"th"),tbody:l.getClassByName(o,"tbody"),title:l.getClassByName(o,"title"),header:i=>{const{c:r=o,vertical:a}=i,t=r.header;return{[t.main]:!0,[t.vertical]:a}},today:i=>{const{c:r=o,disabled:a}=i,t=r.today;return{[t.main]:!0,[t.disabled]:a}},spacer:l.getClassByName(o,"spacer"),nav:l.getClassByName(o,"nav"),caption:l.getClassByName(o,"caption"),ul:l.getClassByName(o,"ul"),li:l.getClassByName(o,"li"),td:i=>{const{c:r=o,rangeStart:a,rangeEnd:t,rangeMid:n,rangeSplitEnd:$,rangeSplitStart:c,active:m,focused:s,selected:h,today:M,weekend:y,disabled:P,isOtherMonth:I,isEmpty:x,isWeek:g}=i,d=r.td;return g?{[d.main]:!0,[d.isWeek]:g}:x?{[d.main]:!0,[d.isEmpty]:x}:{[d.main]:!0,[d.rangeStart]:a,[d.rangeEnd]:t,[d.rangeMid]:n,[d.rangeSplitEnd]:$,[d.rangeSplitStart]:c,[d.active]:m,[d.focused]:s,[d.selected]:h,[d.today]:M,[d.weekend]:y,[d.disabled]:P,[d.isOtherMonth]:I}},scrollable:i=>{const{c:r=o,horizontal:a}=i,t=r.scrollable;return{[t.main]:!0,[t.content]:!0,[t.horizontal]:a}},scrollableSelector:l.getClassByName(o,"scrollableSelector"),scrollablePlaceholder:i=>{const{c:r=o,horizontal:a}=i,t=r.scrollablePlaceholder;return{[t.main]:!0,[t.horizontal]:a}},link:l.getClassByName(o,"link"),navigationMarker:i=>{const{c:r=o,isRangeStart:a}=i;return{[r.navigationMarker]:a}}},b={wrapper:{main:`${e.base.prefix}-${e.components.dateinput}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputInner:`${e.inputPrefix}-${e.inputs.inner}`,inputSpinner:{main:`${e.inputPrefix}-${e.inputs.spinner}`,button:`${e.base.prefix}-${e.inputs.spin}-${e.elements.button}`},spinnerIncrease:`${e.base.prefix}-${e.inputs.spinner}-${e.actions.increase}`,spinnerDecrease:`${e.base.prefix}-${e.inputs.spinner}-${e.actions.decrease}`,clearButton:`${e.base.prefix}-${e.base.clear}-${e.base.value}`},z={wrapper:i=>{const{c:r=b,size:a,fillMode:t,rounded:n,disabled:$,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[a]]:s.size[a],[`${e.inputPrefix}-${a}`]:a&&!s.size[a],[s.fillMode[t]]:s.fillMode[t],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:$,[s.invalid]:m,[s.required]:c}},inputInner:l.getClassByName(b,"inputInner"),inputSpinner:i=>{const{c:r=b}=i,a=r.inputSpinner;return{[a.main]:!0,[a.button]:!0}},spinnerIncrease:l.getClassByName(b,"spinnerIncrease"),spinnerDecrease:l.getClassByName(b,"spinnerDecrease"),clearButton:l.getClassByName(b,"clearButton")},u={wrapper:{main:`${e.base.prefix}-${e.components.datetimepicker}`,input:`${e.inputPrefix}`,size:{small:`${e.inputPrefix}-${e.sizeMap.small}`,medium:`${e.inputPrefix}-${e.sizeMap.medium}`,large:`${e.inputPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.inputPrefix}-${e.fillModeMap.solid}`,outline:`${e.inputPrefix}-${e.fillModeMap.outline}`,flat:`${e.inputPrefix}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`},inputButton:`${e.inputPrefix}-${e.elements.button}`,popup:{main:`${e.base.prefix}-${e.components.datetime}-${e.containers.container}`,reset:`${e.base.prefix}-${e.base.reset}`},wrap:{main:`${e.base.prefix}-${e.components.datetime}-${e.containers.wrap}`,date:`${e.base.prefix}-${e.dateInputs.date}-${e.containers.tab}`,time:`${e.base.prefix}-${e.dateInputs.time}-${e.containers.tab}`,disabled:`${e.base.prefix}-${e.states.disabled}`},timeFooter:{main:`${e.base.prefix}-${e.components.datetime}-${e.elements.footer}`,actions:`${e.base.prefix}-${e.containers.actions}`,stretched:`${e.base.prefix}-${e.containers.actions}-${e.states.stretched}`},buttonGroup:`${e.base.prefix}-${e.components.datetime}-${e.components.buttongroup}`,selector:`${e.base.prefix}-${e.components.datetime}-${e.dateInputs.selector}`,calendarWrap:`${e.base.prefix}-${e.components.datetime}-${e.calendarPrefix}-${e.containers.wrap}`,timeWrap:`${e.base.prefix}-${e.components.datetime}-${e.dateInputs.time}-${e.containers.wrap}`,timeSelector:{main:`${e.base.prefix}-${e.dateInputs.timeselector}`,size:{medium:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.dateInputs.timeselector}-${e.sizeMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,reset:`${e.base.prefix}-${e.base.reset}`}},B={wrapper:i=>{const{c:r=u,size:a,fillMode:t,rounded:n,disabled:$,required:c,invalid:m}=i,s=r.wrapper;return{[s.main]:!0,[s.input]:!0,[s.size[a]]:s.size[a],[`${e.inputPrefix}-${a}`]:a&&!s.size[a],[s.fillMode[t]]:s.fillMode[t],[s.rounded[n]]:s.rounded[n],[`${e.base.prefix}-${e.base.rounded}-${n}`]:n&&!s.rounded[n],[s.disabled]:$,[s.invalid]:m,[s.required]:c}},inputButton:l.getClassByName(u,"inputButton"),popup:i=>{const{c:r=u}=i,a=r.popup;return{[a.main]:!0,[a.reset]:!0}},wrap:i=>{const{c:r=u,disabled:a,date:t,time:n}=i,$=r.wrap;return{[$.main]:!0,[$.time]:n,[$.date]:t,[$.disabled]:a}},timeFooter:i=>{const{c:r=u}=i,a=r.timeFooter;return{[a.main]:!0,[a.actions]:!0,[a.stretched]:!0}},buttonGroup:l.getClassByName(u,"buttonGroup"),selector:l.getClassByName(u,"selector"),calendarWrap:l.getClassByName(u,"calendarWrap"),timeWrap:l.getClassByName(u,"timeWrap"),timeSelector:i=>{const{c:r=u,mobileMode:a}=i,t=r.timeSelector;return{[t.main]:a,[t.size.large]:a,[t.reset]:a}}};exports.uCalendar=w;exports.uDateInput=z;exports.uDateTimePicker=B;exports.uTime=v;exports.uTimePicker=C;
|
package/unstyled/dateinputs.mjs
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { getClassByName as d } from "./interfaces/common.mjs";
|
|
9
|
-
import { calendarPrefix as c, dateInputs as n, base as e, elements as
|
|
10
|
-
const
|
|
9
|
+
import { calendarPrefix as c, dateInputs as n, base as e, elements as x, states as s, orientationMap as B, containers as o, cssUtils as I, actions as y, directionMap as P, sizeMap as b, inputs as W, inputPrefix as p, roundedMap as z, fillModeMap as M, components as v } from "./json-classes.mjs";
|
|
10
|
+
const f = {
|
|
11
11
|
footer: {
|
|
12
|
-
main: `${e.prefix}-${n.time}-${
|
|
12
|
+
main: `${e.prefix}-${n.time}-${x.footer}`,
|
|
13
13
|
actions: `${e.prefix}-${o.actions}`,
|
|
14
14
|
stretched: `${e.prefix}-${o.actions}-${s.stretched}`,
|
|
15
15
|
horizontal: `${e.prefix}-${o.actions}-${B.horizontal}`
|
|
@@ -20,7 +20,7 @@ const x = {
|
|
|
20
20
|
main: `${e.prefix}-${n.time}-${o.part}`,
|
|
21
21
|
disabled: `${e.prefix}-${s.disabled}`
|
|
22
22
|
},
|
|
23
|
-
header: `${e.prefix}-${n.time}-${
|
|
23
|
+
header: `${e.prefix}-${n.time}-${x.header}`,
|
|
24
24
|
now: `${e.prefix}-${n.time}-${n.now}`,
|
|
25
25
|
listContainer: `${e.prefix}-${n.time}-${o.list}-${o.container}`,
|
|
26
26
|
highlight: `${e.prefix}-${n.time}-${s.highlight}`,
|
|
@@ -38,11 +38,11 @@ const x = {
|
|
|
38
38
|
separator: `${e.prefix}-${n.time}-${o.separator}`,
|
|
39
39
|
ul: `${e.prefix}-${e.reset}`,
|
|
40
40
|
li: `${e.prefix}-${o.item}`,
|
|
41
|
-
title: `${e.prefix}-${
|
|
41
|
+
title: `${e.prefix}-${x.title}`,
|
|
42
42
|
scrollablePlaceholder: `${e.prefix}-${s.scrollable}-${o.placeholder}`
|
|
43
43
|
}, R = {
|
|
44
44
|
footer: (t) => {
|
|
45
|
-
const { c: a =
|
|
45
|
+
const { c: a = f } = t, r = a.footer;
|
|
46
46
|
return {
|
|
47
47
|
[r.main]: !0,
|
|
48
48
|
[r.actions]: !0,
|
|
@@ -50,54 +50,54 @@ const x = {
|
|
|
50
50
|
[r.horizontal]: !0
|
|
51
51
|
};
|
|
52
52
|
},
|
|
53
|
-
cancel: d(
|
|
54
|
-
accept: d(
|
|
53
|
+
cancel: d(f, "cancel"),
|
|
54
|
+
accept: d(f, "accept"),
|
|
55
55
|
part: (t) => {
|
|
56
|
-
const { c: a =
|
|
56
|
+
const { c: a = f, mobileMode: r, disabled: i } = t, l = a.part;
|
|
57
57
|
return {
|
|
58
58
|
[l.main]: r,
|
|
59
59
|
[l.disabled]: i
|
|
60
60
|
};
|
|
61
61
|
},
|
|
62
|
-
header: d(
|
|
63
|
-
now: d(
|
|
64
|
-
listContainer: d(
|
|
65
|
-
highlight: d(
|
|
62
|
+
header: d(f, "header"),
|
|
63
|
+
now: d(f, "now"),
|
|
64
|
+
listContainer: d(f, "listContainer"),
|
|
65
|
+
highlight: d(f, "highlight"),
|
|
66
66
|
listWrapper: (t) => {
|
|
67
|
-
const { c: a =
|
|
67
|
+
const { c: a = f, focused: r } = t, i = a.listWrapper;
|
|
68
68
|
return {
|
|
69
69
|
[i.main]: !0,
|
|
70
70
|
[i.focused]: r
|
|
71
71
|
};
|
|
72
72
|
},
|
|
73
|
-
list: d(
|
|
73
|
+
list: d(f, "list"),
|
|
74
74
|
container: (t) => {
|
|
75
|
-
const { c: a =
|
|
75
|
+
const { c: a = f, content: r, scrollable: i } = t, l = a.container;
|
|
76
76
|
return {
|
|
77
77
|
[l.main]: !0,
|
|
78
78
|
[l.content]: r,
|
|
79
79
|
[l.scrollable]: i
|
|
80
80
|
};
|
|
81
81
|
},
|
|
82
|
-
containerSelector: d(
|
|
83
|
-
separator: d(
|
|
84
|
-
ul: d(
|
|
85
|
-
li: d(
|
|
86
|
-
title: d(
|
|
87
|
-
scrollablePlaceholder: d(
|
|
82
|
+
containerSelector: d(f, "containerSelector"),
|
|
83
|
+
separator: d(f, "separator"),
|
|
84
|
+
ul: d(f, "ul"),
|
|
85
|
+
li: d(f, "li"),
|
|
86
|
+
title: d(f, "title"),
|
|
87
|
+
scrollablePlaceholder: d(f, "scrollablePlaceholder")
|
|
88
88
|
}, q = {
|
|
89
89
|
wrapper: {
|
|
90
90
|
main: `${e.prefix}-${v.timepicker}`,
|
|
91
91
|
input: `${p}`,
|
|
92
92
|
size: {
|
|
93
|
-
small: `${p}-${
|
|
94
|
-
medium: `${p}-${
|
|
95
|
-
large: `${p}-${
|
|
93
|
+
small: `${p}-${b.small}`,
|
|
94
|
+
medium: `${p}-${b.medium}`,
|
|
95
|
+
large: `${p}-${b.large}`
|
|
96
96
|
},
|
|
97
97
|
fillMode: {
|
|
98
|
-
solid: `${p}-${
|
|
99
|
-
outline: `${p}-${
|
|
100
|
-
flat: `${p}-${
|
|
98
|
+
solid: `${p}-${M.solid}`,
|
|
99
|
+
outline: `${p}-${M.outline}`,
|
|
100
|
+
flat: `${p}-${M.flat}`
|
|
101
101
|
},
|
|
102
102
|
rounded: {
|
|
103
103
|
small: `${e.prefix}-${e.rounded}-${z.small}`,
|
|
@@ -108,7 +108,7 @@ const x = {
|
|
|
108
108
|
required: `${e.prefix}-${s.required}`,
|
|
109
109
|
invalid: `${e.prefix}-${s.invalid}`
|
|
110
110
|
},
|
|
111
|
-
inputButton: `${p}-${
|
|
111
|
+
inputButton: `${p}-${x.button}`,
|
|
112
112
|
popup: {
|
|
113
113
|
main: `${e.prefix}-${v.timepicker}-${o.popup}`,
|
|
114
114
|
container: `${e.prefix}-${o.list}-${o.container}`
|
|
@@ -116,15 +116,15 @@ const x = {
|
|
|
116
116
|
timeSelector: {
|
|
117
117
|
main: `${e.prefix}-${n.timeselector}`,
|
|
118
118
|
size: {
|
|
119
|
-
medium: `${e.prefix}-${n.timeselector}-${
|
|
120
|
-
large: `${e.prefix}-${n.timeselector}-${
|
|
119
|
+
medium: `${e.prefix}-${n.timeselector}-${b.medium}`,
|
|
120
|
+
large: `${e.prefix}-${n.timeselector}-${b.large}`
|
|
121
121
|
},
|
|
122
122
|
disabled: `${e.prefix}-${s.disabled}`,
|
|
123
123
|
reset: `${e.prefix}-${e.reset}`
|
|
124
124
|
}
|
|
125
125
|
}, U = {
|
|
126
126
|
wrapper: (t) => {
|
|
127
|
-
const { c: a = q, size: r, fillMode: i, rounded: l, disabled:
|
|
127
|
+
const { c: a = q, size: r, fillMode: i, rounded: l, disabled: h, required: g, invalid: k } = t, $ = a.wrapper;
|
|
128
128
|
return {
|
|
129
129
|
[$.main]: !0,
|
|
130
130
|
[$.input]: !0,
|
|
@@ -133,8 +133,8 @@ const x = {
|
|
|
133
133
|
[$.fillMode[i]]: $.fillMode[i],
|
|
134
134
|
[$.rounded[l]]: $.rounded[l],
|
|
135
135
|
[`${e.prefix}-${e.rounded}-${l}`]: l && !$.rounded[l],
|
|
136
|
-
[$.disabled]:
|
|
137
|
-
[$.invalid]:
|
|
136
|
+
[$.disabled]: h,
|
|
137
|
+
[$.invalid]: k,
|
|
138
138
|
[$.required]: g
|
|
139
139
|
};
|
|
140
140
|
},
|
|
@@ -151,8 +151,6 @@ const x = {
|
|
|
151
151
|
return {
|
|
152
152
|
[l.main]: !0,
|
|
153
153
|
[l.size.large]: i,
|
|
154
|
-
[l.reset]: i,
|
|
155
|
-
[l.size.medium]: !i,
|
|
156
154
|
[l.disabled]: r
|
|
157
155
|
};
|
|
158
156
|
}
|
|
@@ -163,8 +161,8 @@ const x = {
|
|
|
163
161
|
disabled: `${e.prefix}-${s.disabled}`,
|
|
164
162
|
weekNumber: `${e.prefix}-${n.week}-${n.number}`,
|
|
165
163
|
size: {
|
|
166
|
-
medium: `${c}-${
|
|
167
|
-
large: `${c}-${
|
|
164
|
+
medium: `${c}-${b.medium}`,
|
|
165
|
+
large: `${c}-${b.large}`
|
|
168
166
|
}
|
|
169
167
|
},
|
|
170
168
|
view: {
|
|
@@ -178,18 +176,18 @@ const x = {
|
|
|
178
176
|
navigation: `${c}-${n.navigation}`,
|
|
179
177
|
navigationHighlight: `${c}-${n.navigation}-${s.highlight}`,
|
|
180
178
|
table: {
|
|
181
|
-
main: `${c}-${
|
|
179
|
+
main: `${c}-${x.table}`,
|
|
182
180
|
weekdays: `${c}-${n.weekdays}`
|
|
183
181
|
},
|
|
184
|
-
thead: `${c}-${
|
|
185
|
-
tr: `${c}-${
|
|
186
|
-
th: `${c}-${
|
|
187
|
-
caption: `${c}-${
|
|
188
|
-
tbody: `${c}-${
|
|
182
|
+
thead: `${c}-${x.thead}`,
|
|
183
|
+
tr: `${c}-${x.tr}`,
|
|
184
|
+
th: `${c}-${x.th}`,
|
|
185
|
+
caption: `${c}-${x.caption}`,
|
|
186
|
+
tbody: `${c}-${x.tbody}`,
|
|
189
187
|
ul: `${e.prefix}-${e.reset}`,
|
|
190
188
|
li: "",
|
|
191
189
|
td: {
|
|
192
|
-
main: `${c}-${
|
|
190
|
+
main: `${c}-${x.td}`,
|
|
193
191
|
rangeStart: `${e.prefix}-${n.range}-${P.start}`,
|
|
194
192
|
rangeEnd: `${e.prefix}-${n.range}-${P.end}`,
|
|
195
193
|
rangeMid: `${e.prefix}-${n.range}-${P.mid}`,
|
|
@@ -205,9 +203,9 @@ const x = {
|
|
|
205
203
|
isEmpty: `${e.prefix}-${s.empty}`,
|
|
206
204
|
isWeek: `${e.prefix}-${s.alt}`
|
|
207
205
|
},
|
|
208
|
-
title: `${c}-${
|
|
206
|
+
title: `${c}-${x.title}`,
|
|
209
207
|
header: {
|
|
210
|
-
main: `${c}-${
|
|
208
|
+
main: `${c}-${x.header}`,
|
|
211
209
|
vertical: `${e.prefix}-${I.hstack}`
|
|
212
210
|
},
|
|
213
211
|
spacer: `${e.prefix}-${o.spacer}`,
|
|
@@ -226,29 +224,27 @@ const x = {
|
|
|
226
224
|
main: `${e.prefix}-${s.scrollable}-${o.placeholder}`,
|
|
227
225
|
horizontal: `${e.prefix}-${s.scrollable}-${B.horizontal}-${o.placeholder}`
|
|
228
226
|
},
|
|
229
|
-
link: `${e.prefix}-${
|
|
227
|
+
link: `${e.prefix}-${x.link}`,
|
|
230
228
|
navigationMarker: `${c}-${n.navigation}-${n.marker}`
|
|
231
229
|
}, j = {
|
|
232
230
|
wrapper: (t) => {
|
|
233
|
-
const { c: a = u, disabled: r,
|
|
231
|
+
const { c: a = u, disabled: r, mobileMode: i } = t, l = a.wrapper;
|
|
234
232
|
return {
|
|
235
|
-
[
|
|
236
|
-
[
|
|
237
|
-
[
|
|
238
|
-
[
|
|
239
|
-
[m.size.large]: l,
|
|
240
|
-
[m.size.medium]: !l
|
|
233
|
+
[l.main]: !0,
|
|
234
|
+
[l.infinite]: !0,
|
|
235
|
+
[l.disabled]: r,
|
|
236
|
+
[l.size.large]: i
|
|
241
237
|
};
|
|
242
238
|
},
|
|
243
239
|
view: (t) => {
|
|
244
|
-
const { c: a = u, month: r, year: i, decade: l, century:
|
|
240
|
+
const { c: a = u, month: r, year: i, decade: l, century: h } = t, g = a.view;
|
|
245
241
|
return {
|
|
246
242
|
[g.main]: !0,
|
|
247
243
|
[g.vertical]: !0,
|
|
248
244
|
[g.month]: r,
|
|
249
245
|
[g.year]: i,
|
|
250
246
|
[g.decade]: l,
|
|
251
|
-
[g.century]:
|
|
247
|
+
[g.century]: h
|
|
252
248
|
};
|
|
253
249
|
},
|
|
254
250
|
navigation: d(u, "navigation"),
|
|
@@ -290,38 +286,38 @@ const x = {
|
|
|
290
286
|
rangeStart: r,
|
|
291
287
|
rangeEnd: i,
|
|
292
288
|
rangeMid: l,
|
|
293
|
-
rangeSplitEnd:
|
|
289
|
+
rangeSplitEnd: h,
|
|
294
290
|
rangeSplitStart: g,
|
|
295
|
-
active:
|
|
291
|
+
active: k,
|
|
296
292
|
focused: $,
|
|
297
293
|
selected: D,
|
|
298
294
|
today: F,
|
|
299
|
-
weekend:
|
|
300
|
-
disabled:
|
|
301
|
-
isOtherMonth:
|
|
295
|
+
weekend: T,
|
|
296
|
+
disabled: G,
|
|
297
|
+
isOtherMonth: H,
|
|
302
298
|
isEmpty: C,
|
|
303
299
|
isWeek: E
|
|
304
|
-
} = t,
|
|
300
|
+
} = t, m = a.td;
|
|
305
301
|
return E ? {
|
|
306
|
-
[
|
|
307
|
-
[
|
|
302
|
+
[m.main]: !0,
|
|
303
|
+
[m.isWeek]: E
|
|
308
304
|
} : C ? {
|
|
309
|
-
[
|
|
310
|
-
[
|
|
305
|
+
[m.main]: !0,
|
|
306
|
+
[m.isEmpty]: C
|
|
311
307
|
} : {
|
|
312
|
-
[
|
|
313
|
-
[
|
|
314
|
-
[
|
|
315
|
-
[
|
|
316
|
-
[
|
|
317
|
-
[
|
|
318
|
-
[
|
|
319
|
-
[
|
|
320
|
-
[
|
|
321
|
-
[
|
|
322
|
-
[
|
|
323
|
-
[
|
|
324
|
-
[
|
|
308
|
+
[m.main]: !0,
|
|
309
|
+
[m.rangeStart]: r,
|
|
310
|
+
[m.rangeEnd]: i,
|
|
311
|
+
[m.rangeMid]: l,
|
|
312
|
+
[m.rangeSplitEnd]: h,
|
|
313
|
+
[m.rangeSplitStart]: g,
|
|
314
|
+
[m.active]: k,
|
|
315
|
+
[m.focused]: $,
|
|
316
|
+
[m.selected]: D,
|
|
317
|
+
[m.today]: F,
|
|
318
|
+
[m.weekend]: T,
|
|
319
|
+
[m.disabled]: G,
|
|
320
|
+
[m.isOtherMonth]: H
|
|
325
321
|
};
|
|
326
322
|
},
|
|
327
323
|
scrollable: (t) => {
|
|
@@ -352,14 +348,14 @@ const x = {
|
|
|
352
348
|
main: `${e.prefix}-${v.dateinput}`,
|
|
353
349
|
input: `${p}`,
|
|
354
350
|
size: {
|
|
355
|
-
small: `${p}-${
|
|
356
|
-
medium: `${p}-${
|
|
357
|
-
large: `${p}-${
|
|
351
|
+
small: `${p}-${b.small}`,
|
|
352
|
+
medium: `${p}-${b.medium}`,
|
|
353
|
+
large: `${p}-${b.large}`
|
|
358
354
|
},
|
|
359
355
|
fillMode: {
|
|
360
|
-
solid: `${p}-${
|
|
361
|
-
outline: `${p}-${
|
|
362
|
-
flat: `${p}-${
|
|
356
|
+
solid: `${p}-${M.solid}`,
|
|
357
|
+
outline: `${p}-${M.outline}`,
|
|
358
|
+
flat: `${p}-${M.flat}`
|
|
363
359
|
},
|
|
364
360
|
rounded: {
|
|
365
361
|
small: `${e.prefix}-${e.rounded}-${z.small}`,
|
|
@@ -373,14 +369,14 @@ const x = {
|
|
|
373
369
|
inputInner: `${p}-${W.inner}`,
|
|
374
370
|
inputSpinner: {
|
|
375
371
|
main: `${p}-${W.spinner}`,
|
|
376
|
-
button: `${e.prefix}-${W.spin}-${
|
|
372
|
+
button: `${e.prefix}-${W.spin}-${x.button}`
|
|
377
373
|
},
|
|
378
374
|
spinnerIncrease: `${e.prefix}-${W.spinner}-${y.increase}`,
|
|
379
375
|
spinnerDecrease: `${e.prefix}-${W.spinner}-${y.decrease}`,
|
|
380
376
|
clearButton: `${e.prefix}-${e.clear}-${e.value}`
|
|
381
377
|
}, A = {
|
|
382
378
|
wrapper: (t) => {
|
|
383
|
-
const { c: a = S, size: r, fillMode: i, rounded: l, disabled:
|
|
379
|
+
const { c: a = S, size: r, fillMode: i, rounded: l, disabled: h, required: g, invalid: k } = t, $ = a.wrapper;
|
|
384
380
|
return {
|
|
385
381
|
[$.main]: !0,
|
|
386
382
|
[$.input]: !0,
|
|
@@ -389,8 +385,8 @@ const x = {
|
|
|
389
385
|
[$.fillMode[i]]: $.fillMode[i],
|
|
390
386
|
[$.rounded[l]]: $.rounded[l],
|
|
391
387
|
[`${e.prefix}-${e.rounded}-${l}`]: l && !$.rounded[l],
|
|
392
|
-
[$.disabled]:
|
|
393
|
-
[$.invalid]:
|
|
388
|
+
[$.disabled]: h,
|
|
389
|
+
[$.invalid]: k,
|
|
394
390
|
[$.required]: g
|
|
395
391
|
};
|
|
396
392
|
},
|
|
@@ -410,14 +406,14 @@ const x = {
|
|
|
410
406
|
main: `${e.prefix}-${v.datetimepicker}`,
|
|
411
407
|
input: `${p}`,
|
|
412
408
|
size: {
|
|
413
|
-
small: `${p}-${
|
|
414
|
-
medium: `${p}-${
|
|
415
|
-
large: `${p}-${
|
|
409
|
+
small: `${p}-${b.small}`,
|
|
410
|
+
medium: `${p}-${b.medium}`,
|
|
411
|
+
large: `${p}-${b.large}`
|
|
416
412
|
},
|
|
417
413
|
fillMode: {
|
|
418
|
-
solid: `${p}-${
|
|
419
|
-
outline: `${p}-${
|
|
420
|
-
flat: `${p}-${
|
|
414
|
+
solid: `${p}-${M.solid}`,
|
|
415
|
+
outline: `${p}-${M.outline}`,
|
|
416
|
+
flat: `${p}-${M.flat}`
|
|
421
417
|
},
|
|
422
418
|
rounded: {
|
|
423
419
|
small: `${e.prefix}-${e.rounded}-${z.small}`,
|
|
@@ -428,7 +424,7 @@ const x = {
|
|
|
428
424
|
required: `${e.prefix}-${s.required}`,
|
|
429
425
|
invalid: `${e.prefix}-${s.invalid}`
|
|
430
426
|
},
|
|
431
|
-
inputButton: `${p}-${
|
|
427
|
+
inputButton: `${p}-${x.button}`,
|
|
432
428
|
popup: {
|
|
433
429
|
main: `${e.prefix}-${v.datetime}-${o.container}`,
|
|
434
430
|
reset: `${e.prefix}-${e.reset}`
|
|
@@ -440,7 +436,7 @@ const x = {
|
|
|
440
436
|
disabled: `${e.prefix}-${s.disabled}`
|
|
441
437
|
},
|
|
442
438
|
timeFooter: {
|
|
443
|
-
main: `${e.prefix}-${v.datetime}-${
|
|
439
|
+
main: `${e.prefix}-${v.datetime}-${x.footer}`,
|
|
444
440
|
actions: `${e.prefix}-${o.actions}`,
|
|
445
441
|
stretched: `${e.prefix}-${o.actions}-${s.stretched}`
|
|
446
442
|
},
|
|
@@ -451,15 +447,15 @@ const x = {
|
|
|
451
447
|
timeSelector: {
|
|
452
448
|
main: `${e.prefix}-${n.timeselector}`,
|
|
453
449
|
size: {
|
|
454
|
-
medium: `${e.prefix}-${n.timeselector}-${
|
|
455
|
-
large: `${e.prefix}-${n.timeselector}-${
|
|
450
|
+
medium: `${e.prefix}-${n.timeselector}-${b.medium}`,
|
|
451
|
+
large: `${e.prefix}-${n.timeselector}-${b.large}`
|
|
456
452
|
},
|
|
457
453
|
disabled: `${e.prefix}-${s.disabled}`,
|
|
458
454
|
reset: `${e.prefix}-${e.reset}`
|
|
459
455
|
}
|
|
460
456
|
}, J = {
|
|
461
457
|
wrapper: (t) => {
|
|
462
|
-
const { c: a = w, size: r, fillMode: i, rounded: l, disabled:
|
|
458
|
+
const { c: a = w, size: r, fillMode: i, rounded: l, disabled: h, required: g, invalid: k } = t, $ = a.wrapper;
|
|
463
459
|
return {
|
|
464
460
|
[$.main]: !0,
|
|
465
461
|
[$.input]: !0,
|
|
@@ -468,8 +464,8 @@ const x = {
|
|
|
468
464
|
[$.fillMode[i]]: $.fillMode[i],
|
|
469
465
|
[$.rounded[l]]: $.rounded[l],
|
|
470
466
|
[`${e.prefix}-${e.rounded}-${l}`]: l && !$.rounded[l],
|
|
471
|
-
[$.disabled]:
|
|
472
|
-
[$.invalid]:
|
|
467
|
+
[$.disabled]: h,
|
|
468
|
+
[$.invalid]: k,
|
|
473
469
|
[$.required]: g
|
|
474
470
|
};
|
|
475
471
|
},
|
|
@@ -482,12 +478,12 @@ const x = {
|
|
|
482
478
|
};
|
|
483
479
|
},
|
|
484
480
|
wrap: (t) => {
|
|
485
|
-
const { c: a = w, disabled: r, date: i, time: l } = t,
|
|
481
|
+
const { c: a = w, disabled: r, date: i, time: l } = t, h = a.wrap;
|
|
486
482
|
return {
|
|
487
|
-
[
|
|
488
|
-
[
|
|
489
|
-
[
|
|
490
|
-
[
|
|
483
|
+
[h.main]: !0,
|
|
484
|
+
[h.time]: l,
|
|
485
|
+
[h.date]: i,
|
|
486
|
+
[h.disabled]: r
|
|
491
487
|
};
|
|
492
488
|
},
|
|
493
489
|
timeFooter: (t) => {
|
package/unstyled/inputs.d.ts
CHANGED