@itfin/components 1.2.31 → 1.2.33
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/dist/ITFComponents.common.js +0 -2
- package/dist/ITFComponents.common.js.map +1 -1
- package/dist/ITFComponents.umd.js +0 -2
- package/dist/ITFComponents.umd.js.map +1 -1
- package/package.json +16 -20
- package/src/assets/scss/_css_variables.scss +17 -0
- package/src/assets/scss/_input-addon.scss +1 -1
- package/src/assets/scss/main.scss +3 -2
- package/src/components/alert/Alert.vue +0 -4
- package/src/components/button/Button.vue +1 -1
- package/src/components/datepicker/DatePickerInline.vue +11 -43
- package/src/components/datepicker/DateRangePickerInline.vue +10 -39
- package/src/components/datepicker/datepicker.scss +97 -0
- package/src/components/datepicker/index.stories.js +6 -6
- package/src/components/pdf-viewer/styles/_viewer.scss +1 -0
- package/src/directives/visible.js +1 -1
|
@@ -113,11 +113,9 @@ if (typeof window !== 'undefined') {
|
|
|
113
113
|
// CONCATENATED MODULE: ./src/main.js
|
|
114
114
|
function install(Vue) {}
|
|
115
115
|
install.version = '__VERSION__';
|
|
116
|
-
|
|
117
116
|
if (typeof window !== 'undefined') {
|
|
118
117
|
window.Vue && window.Vue.use(install);
|
|
119
118
|
window['ITFComponents'] = install;
|
|
120
|
-
|
|
121
119
|
if (install.installed) {
|
|
122
120
|
install.installed = false;
|
|
123
121
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["install","Vue","version","window","use","installed"],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBJ,SAASA,
|
|
1
|
+
{"version":3,"sources":["webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["install","Vue","version","window","use","installed"],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBJ,SAASA,OAAO,CAACC,GAAG,EAAE,CACrC;AACAD,OAAO,CAACE,OAAO,GAAG,aAAa;AAE/B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCA,MAAM,CAACF,GAAG,IAAIE,MAAM,CAACF,GAAG,CAACG,GAAG,CAACJ,OAAO,CAAC;EACrCG,MAAM,CAAC,eAAe,CAAC,GAAGH,OAAO;EAEjC,IAAIA,OAAO,CAACK,SAAS,EAAE;IACrBL,OAAO,CAACK,SAAS,GAAG,KAAK;EAC3B;AACF,C;;ACXwB;AACA;AACT,sFAAG;AACI","file":"ITFComponents.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n var currentScript = window.document.currentScript\n if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n var getCurrentScript = require('@soda/get-current-script')\n currentScript = getCurrentScript()\n\n // for backward compatibility, because previously we directly included the polyfill\n if (!('currentScript' in document)) {\n Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n }\n }\n\n var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n if (src) {\n __webpack_public_path__ = src[1] // eslint-disable-line\n }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","export default function install(Vue) {\n}\ninstall.version = '__VERSION__';\n\nif (typeof window !== 'undefined') {\n window.Vue && window.Vue.use(install);\n window['ITFComponents'] = install;\n\n if (install.installed) {\n install.installed = false;\n }\n}\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
|
|
@@ -122,11 +122,9 @@ if (typeof window !== 'undefined') {
|
|
|
122
122
|
// CONCATENATED MODULE: ./src/main.js
|
|
123
123
|
function install(Vue) {}
|
|
124
124
|
install.version = '__VERSION__';
|
|
125
|
-
|
|
126
125
|
if (typeof window !== 'undefined') {
|
|
127
126
|
window.Vue && window.Vue.use(install);
|
|
128
127
|
window['ITFComponents'] = install;
|
|
129
|
-
|
|
130
128
|
if (install.installed) {
|
|
131
129
|
install.installed = false;
|
|
132
130
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["install","Vue","version","window","use","installed"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBJ,SAASA,
|
|
1
|
+
{"version":3,"sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["install","Vue","version","window","use","installed"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBJ,SAASA,OAAO,CAACC,GAAG,EAAE,CACrC;AACAD,OAAO,CAACE,OAAO,GAAG,aAAa;AAE/B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCA,MAAM,CAACF,GAAG,IAAIE,MAAM,CAACF,GAAG,CAACG,GAAG,CAACJ,OAAO,CAAC;EACrCG,MAAM,CAAC,eAAe,CAAC,GAAGH,OAAO;EAEjC,IAAIA,OAAO,CAACK,SAAS,EAAE;IACrBL,OAAO,CAACK,SAAS,GAAG,KAAK;EAC3B;AACF,C;;ACXwB;AACA;AACT,sFAAG;AACI","file":"ITFComponents.umd.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ITFComponents\"] = factory();\n\telse\n\t\troot[\"ITFComponents\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n var currentScript = window.document.currentScript\n if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n var getCurrentScript = require('@soda/get-current-script')\n currentScript = getCurrentScript()\n\n // for backward compatibility, because previously we directly included the polyfill\n if (!('currentScript' in document)) {\n Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n }\n }\n\n var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n if (src) {\n __webpack_public_path__ = src[1] // eslint-disable-line\n }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","export default function install(Vue) {\n}\ninstall.version = '__VERSION__';\n\nif (typeof window !== 'undefined') {\n window.Vue && window.Vue.use(install);\n window['ITFComponents'] = install;\n\n if (install.installed) {\n install.installed = false;\n }\n}\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itfin/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.33",
|
|
4
4
|
"author": "Vitalii Savchuk <esvit666@gmail.com>",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"serve": "vue-cli-service serve",
|
|
@@ -19,25 +19,21 @@
|
|
|
19
19
|
"src/"
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@egjs/vue-flicking": "^4.4
|
|
23
|
-
"@popperjs/core": "^2.
|
|
22
|
+
"@egjs/vue-flicking": "^4.10.4",
|
|
23
|
+
"@popperjs/core": "^2.11.6",
|
|
24
24
|
"@vue/cli-service": "^4.5.8",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"bootstrap": "^5.1.3",
|
|
25
|
+
"air-datepicker": "^3.3.3",
|
|
26
|
+
"bootstrap": "^5.2.3",
|
|
28
27
|
"core-js": "^3.7.0",
|
|
29
28
|
"debug": "^4.2.0",
|
|
30
|
-
"intersection-observer": "^0.
|
|
29
|
+
"intersection-observer": "^0.12.2",
|
|
31
30
|
"lodash": "^4.17.20",
|
|
32
|
-
"luxon": "^
|
|
31
|
+
"luxon": "^3.1.1",
|
|
33
32
|
"pdfjs-dist": "^2.10.377",
|
|
34
33
|
"tippy.js": "^6.3.2",
|
|
35
34
|
"vue": "^2.6.12",
|
|
36
|
-
"vue-imask": "^6.
|
|
37
|
-
"vue-
|
|
38
|
-
"vue-property-decorator": "^9.1.2",
|
|
39
|
-
"vue-smooth-dnd": "^0.8.1",
|
|
40
|
-
"vue2-daterange-picker": "^0.6.1"
|
|
35
|
+
"vue-imask": "^6.4.3",
|
|
36
|
+
"vue-property-decorator": "^9.1.2"
|
|
41
37
|
},
|
|
42
38
|
"devDependencies": {
|
|
43
39
|
"@babel/plugin-proposal-numeric-separator": "^7.18.6",
|
|
@@ -45,17 +41,17 @@
|
|
|
45
41
|
"@storybook/addon-docs": "=6.3.8",
|
|
46
42
|
"@storybook/addon-viewport": "=6.3.8",
|
|
47
43
|
"@storybook/vue": "=6.3.8",
|
|
48
|
-
"@vue/cli-plugin-babel": "^
|
|
49
|
-
"@vue/cli-plugin-eslint": "^
|
|
50
|
-
"@vue/cli-plugin-unit-jest": "^
|
|
51
|
-
"@vue/eslint-config-airbnb": "^
|
|
44
|
+
"@vue/cli-plugin-babel": "^5.0.8",
|
|
45
|
+
"@vue/cli-plugin-eslint": "^5.0.8",
|
|
46
|
+
"@vue/cli-plugin-unit-jest": "^5.0.8",
|
|
47
|
+
"@vue/eslint-config-airbnb": "^7.0.0",
|
|
52
48
|
"@vue/test-utils": "^1.1.1",
|
|
53
49
|
"babel-eslint": "^10.1.0",
|
|
54
|
-
"eslint": "^
|
|
50
|
+
"eslint": "^8.30.0",
|
|
55
51
|
"eslint-plugin-import": "^2.22.1",
|
|
56
|
-
"eslint-plugin-vue": "^
|
|
52
|
+
"eslint-plugin-vue": "^9.8.0",
|
|
57
53
|
"fibers": "^5.0.0",
|
|
58
|
-
"marked": "^
|
|
54
|
+
"marked": "^4.2.5",
|
|
59
55
|
"sass": "^1.29.0",
|
|
60
56
|
"sass-loader": "^10.0.5",
|
|
61
57
|
"vue-class-component": "^7.2.6",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@import './variables.scss';
|
|
2
|
+
|
|
3
|
+
$color-income: #0d935b;
|
|
4
|
+
$color-outcome: #b91e1e;
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--color-income: #{$color-income};
|
|
8
|
+
--color-outcome: #{$color-outcome};
|
|
9
|
+
--color-primary: #{$primary};
|
|
10
|
+
--body-bg: #{$body-bg};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
[data-theme="dark"] {
|
|
14
|
+
--color-primary: #{$dark-primary};
|
|
15
|
+
--body-bg: #{$dark-body-bg};
|
|
16
|
+
--color-primary-hover: #{darken($dark-primary, 10%)};
|
|
17
|
+
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
@import './
|
|
1
|
+
@import './css_variables.scss';
|
|
2
2
|
@import './fonts.scss';
|
|
3
3
|
@import './dark-theme.scss';
|
|
4
4
|
@import './scrollbar';
|
|
5
|
+
@import '../../components/datepicker/datepicker.scss';
|
|
5
6
|
|
|
6
7
|
.form-control {
|
|
7
8
|
min-height: 2.5rem;
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.color-income {
|
|
21
|
-
color:
|
|
22
|
+
color: var(--color-income) !important;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.color-outcome {
|
|
@@ -9,10 +9,6 @@
|
|
|
9
9
|
</div>
|
|
10
10
|
|
|
11
11
|
</template>
|
|
12
|
-
<style lang="scss">
|
|
13
|
-
@import '../../assets/scss/variables';
|
|
14
|
-
//@import '~bootstrap/scss/alert';
|
|
15
|
-
</style>
|
|
16
12
|
<script>
|
|
17
13
|
import { Vue, Component, Prop } from 'vue-property-decorator';
|
|
18
14
|
import itfIcon from '../icon/Icon';
|
|
@@ -20,51 +20,9 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</template>
|
|
23
|
-
<style lang="scss">
|
|
24
|
-
@import '../../assets/scss/variables';
|
|
25
|
-
//@import '~bootstrap/scss/nav';
|
|
26
|
-
//@import '~bootstrap/scss/buttons';
|
|
27
|
-
@import './datepicker.scss';
|
|
28
|
-
|
|
29
|
-
.itf-datepicker-inline {
|
|
30
|
-
display: inline-flex;
|
|
31
|
-
|
|
32
|
-
@include media-breakpoint-down(sm) {
|
|
33
|
-
display: inline-block !important;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[data-theme="dark"] & {
|
|
37
|
-
.btn-outline-primary {
|
|
38
|
-
&.active {
|
|
39
|
-
color: $dark-body-bg;
|
|
40
|
-
background-color: $dark-primary;
|
|
41
|
-
border-color: $dark-primary;
|
|
42
|
-
}
|
|
43
|
-
&:hover {
|
|
44
|
-
color: $dark-body-bg;
|
|
45
|
-
background-color: darken($dark-primary, 10%);
|
|
46
|
-
border-color: darken($dark-primary, 10%);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.air-datepicker-title {
|
|
52
|
-
padding: 0 0.75rem;
|
|
53
|
-
height: 32px;
|
|
54
|
-
line-height: 32px;
|
|
55
|
-
color: var(--adp-nav-color-secondary);
|
|
56
|
-
}
|
|
57
|
-
.btn {
|
|
58
|
-
border-color: transparent;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
</style>
|
|
62
23
|
<script>
|
|
63
24
|
import { Vue, Component, Prop } from 'vue-property-decorator';
|
|
64
25
|
import { DateTime } from 'luxon';
|
|
65
|
-
import AirDatepicker from 'air-datepicker';
|
|
66
|
-
import localeEn from 'air-datepicker/locale/en';
|
|
67
|
-
import localeUk from 'air-datepicker/locale/uk';
|
|
68
26
|
import ITFSettings from '../../ITFSettings';
|
|
69
27
|
|
|
70
28
|
export default @Component({
|
|
@@ -104,11 +62,21 @@ class itfDatePickerInline extends Vue {
|
|
|
104
62
|
this.createCalendar();
|
|
105
63
|
}
|
|
106
64
|
|
|
107
|
-
createCalendar() {
|
|
65
|
+
async createCalendar() {
|
|
108
66
|
if (this.calendar) {
|
|
109
67
|
this.destroyCalendar();
|
|
110
68
|
}
|
|
111
69
|
|
|
70
|
+
const [
|
|
71
|
+
{ default: AirDatepicker },
|
|
72
|
+
{ default: localeEn },
|
|
73
|
+
{ default: localeUk }
|
|
74
|
+
] = await Promise.all([
|
|
75
|
+
import('babel-loader!air-datepicker/air-datepicker.js'),
|
|
76
|
+
import('babel-loader!air-datepicker/locale/en'),
|
|
77
|
+
import('babel-loader!air-datepicker/locale/uk')
|
|
78
|
+
]);
|
|
79
|
+
|
|
112
80
|
this.calendar = new AirDatepicker(this.$refs.calendar, {
|
|
113
81
|
locale: this.$i18n.locale === 'en' ? localeEn : localeUk,
|
|
114
82
|
firstDay: 1,
|
|
@@ -20,47 +20,9 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</template>
|
|
23
|
-
<style lang="scss">
|
|
24
|
-
@import '../../assets/scss/variables';
|
|
25
|
-
//@import '~bootstrap/scss/nav';
|
|
26
|
-
//@import '~bootstrap/scss/buttons';
|
|
27
|
-
@import './datepicker.scss';
|
|
28
|
-
|
|
29
|
-
.itf-datepicker-inline {
|
|
30
|
-
display: inline-flex;
|
|
31
|
-
|
|
32
|
-
[data-theme="dark"] & {
|
|
33
|
-
.btn-outline-primary {
|
|
34
|
-
&.active {
|
|
35
|
-
color: $dark-body-bg;
|
|
36
|
-
background-color: $dark-primary;
|
|
37
|
-
border-color: $dark-primary;
|
|
38
|
-
}
|
|
39
|
-
&:hover {
|
|
40
|
-
color: $dark-body-bg;
|
|
41
|
-
background-color: darken($dark-primary, 10%);
|
|
42
|
-
border-color: darken($dark-primary, 10%);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.air-datepicker-title {
|
|
48
|
-
padding: 0 0.75rem;
|
|
49
|
-
height: 32px;
|
|
50
|
-
line-height: 32px;
|
|
51
|
-
color: var(--adp-nav-color-secondary);
|
|
52
|
-
}
|
|
53
|
-
.btn {
|
|
54
|
-
border-color: transparent;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
</style>
|
|
58
23
|
<script>
|
|
59
24
|
import { Vue, Component, Prop } from 'vue-property-decorator';
|
|
60
25
|
import { DateTime } from 'luxon';
|
|
61
|
-
import AirDatepicker from 'air-datepicker/air-datepicker.js';
|
|
62
|
-
import localeEn from 'air-datepicker/locale/en';
|
|
63
|
-
import localeUk from 'air-datepicker/locale/uk';
|
|
64
26
|
import ITFSettings from '../../ITFSettings';
|
|
65
27
|
|
|
66
28
|
export default @Component({
|
|
@@ -98,10 +60,19 @@ class itfDatePickerInline extends Vue {
|
|
|
98
60
|
this.createCalendar();
|
|
99
61
|
}
|
|
100
62
|
|
|
101
|
-
createCalendar() {
|
|
63
|
+
async createCalendar() {
|
|
102
64
|
if (this.calendar) {
|
|
103
65
|
this.destroyCalendar();
|
|
104
66
|
}
|
|
67
|
+
const [
|
|
68
|
+
{ default: AirDatepicker },
|
|
69
|
+
{ default: localeEn },
|
|
70
|
+
{ default: localeUk }
|
|
71
|
+
] = await Promise.all([
|
|
72
|
+
import('babel-loader!air-datepicker/air-datepicker.js'),
|
|
73
|
+
import('babel-loader!air-datepicker/locale/en'),
|
|
74
|
+
import('babel-loader!air-datepicker/locale/uk')
|
|
75
|
+
]);
|
|
105
76
|
|
|
106
77
|
this.calendar = new AirDatepicker(this.$refs.calendar, {
|
|
107
78
|
firstDay: 1,
|
|
@@ -1,6 +1,69 @@
|
|
|
1
1
|
@import '../../assets/scss/variables';
|
|
2
2
|
|
|
3
|
+
.air-datepicker-cell {
|
|
4
|
+
&.-range-from-:not(.-range-to-),
|
|
5
|
+
&.-range-to-:not(.-range-from-) {
|
|
6
|
+
position: relative;
|
|
7
|
+
border: 0 none !important;
|
|
8
|
+
color: #fff;
|
|
9
|
+
|
|
10
|
+
&.-selected-, &.-selected-.-current- {
|
|
11
|
+
background: var(--adp-cell-background-color-in-range);
|
|
3
12
|
|
|
13
|
+
&:hover {
|
|
14
|
+
background: var(--adp-cell-background-color-in-range-hover);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&.-range-from-:not(.-range-to-) {
|
|
20
|
+
&:before, &:after {
|
|
21
|
+
content: "";
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 0;
|
|
24
|
+
left: 0;
|
|
25
|
+
right: 0;
|
|
26
|
+
bottom: 0;
|
|
27
|
+
z-index: -1;
|
|
28
|
+
border-radius: var(--adp-cell-border-radius) var(--bs-border-radius-lg) var(--bs-border-radius-lg) var(--adp-cell-border-radius);
|
|
29
|
+
background: var(--adp-cell-background-color-selected);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:after {
|
|
33
|
+
left: 100%;
|
|
34
|
+
right: -2rem;
|
|
35
|
+
transform: translate(-1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:before {
|
|
39
|
+
right: 0.25rem;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.-range-to-:not(.-range-from-) {
|
|
44
|
+
&:before, &:after {
|
|
45
|
+
content: "";
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 0;
|
|
48
|
+
left: 0;
|
|
49
|
+
right: 0;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
z-index: -1;
|
|
52
|
+
border-radius: var(--bs-border-radius-lg) var(--adp-cell-border-radius) var(--adp-cell-border-radius) var(--bs-border-radius-lg);
|
|
53
|
+
background: var(--adp-cell-background-color-selected);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:after {
|
|
57
|
+
right: 100%;
|
|
58
|
+
left: -2rem;
|
|
59
|
+
transform: translate(1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&:before {
|
|
63
|
+
left: 0.25rem;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
4
67
|
|
|
5
68
|
[data-theme="dark"] {
|
|
6
69
|
.air-datepicker {
|
|
@@ -24,6 +87,40 @@
|
|
|
24
87
|
}
|
|
25
88
|
}
|
|
26
89
|
|
|
90
|
+
|
|
91
|
+
.itf-datepicker-inline {
|
|
92
|
+
display: inline-flex;
|
|
93
|
+
|
|
94
|
+
@include media-breakpoint-down(sm) {
|
|
95
|
+
display: inline-block !important;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
[data-theme="dark"] & {
|
|
99
|
+
.btn-outline-primary {
|
|
100
|
+
&.active {
|
|
101
|
+
color: var(--body-bg);
|
|
102
|
+
background-color: var(--color-primary);
|
|
103
|
+
border-color: var(--color-primary);
|
|
104
|
+
}
|
|
105
|
+
&:hover {
|
|
106
|
+
color: var(--body-bg);
|
|
107
|
+
background-color: var(--color-primary-hover);
|
|
108
|
+
border-color: var(--color-primary-hover);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.air-datepicker-title {
|
|
114
|
+
padding: 0 0.75rem;
|
|
115
|
+
height: 32px;
|
|
116
|
+
line-height: 32px;
|
|
117
|
+
color: var(--adp-nav-color-secondary);
|
|
118
|
+
}
|
|
119
|
+
.btn {
|
|
120
|
+
border-color: transparent;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
27
124
|
.air-datepicker {
|
|
28
125
|
--adp-width: 246px; // Day cell width will be equal to 34px
|
|
29
126
|
--adp-z-index: 100;
|
|
@@ -49,28 +49,28 @@ storiesOf('Common', module)
|
|
|
49
49
|
{{date}}
|
|
50
50
|
|
|
51
51
|
<br />
|
|
52
|
-
<itf-date-picker-inline :custom-days="customDays" :value="date" v-model.lazy="date"></itf-date-picker-inline>
|
|
52
|
+
<itf-date-picker-inline value-format="yyyy-MM-dd" :custom-days="customDays" :value="date" v-model.lazy="date"></itf-date-picker-inline>
|
|
53
53
|
|
|
54
54
|
<br />
|
|
55
55
|
<br />
|
|
56
56
|
|
|
57
|
-
<itf-date-picker-inline only-calendar :custom-days="customDays" :value="date" v-model.lazy="date"></itf-date-picker-inline>
|
|
57
|
+
<itf-date-picker-inline value-format="yyyy-MM-dd" only-calendar :custom-days="customDays" :value="date" v-model.lazy="date"></itf-date-picker-inline>
|
|
58
58
|
|
|
59
59
|
<br />
|
|
60
60
|
<br />
|
|
61
61
|
|
|
62
|
-
<itf-date-picker :value="date" v-model.lazy="date"></itf-date-picker>
|
|
62
|
+
<itf-date-picker value-format="yyyy-MM-dd" :value="date" v-model.lazy="date"></itf-date-picker>
|
|
63
63
|
|
|
64
64
|
<br />
|
|
65
65
|
<br />
|
|
66
|
-
<itf-date-picker start-view="years" only-calendar :value="date" v-model.lazy="date"></itf-date-picker>
|
|
66
|
+
<itf-date-picker value-format="yyyy-MM-dd" start-view="years" only-calendar :value="date" v-model.lazy="date"></itf-date-picker>
|
|
67
67
|
|
|
68
68
|
|
|
69
69
|
<h2>Range</h2>
|
|
70
70
|
|
|
71
|
-
<itf-date-range-picker v-model="dateRange"></itf-date-range-picker>
|
|
71
|
+
<itf-date-range-picker value-format="yyyy-MM-dd" v-model="dateRange"></itf-date-range-picker>
|
|
72
72
|
|
|
73
|
-
<itf-date-range-picker-inline v-model="dateRange"></itf-date-range-picker-inline>
|
|
73
|
+
<itf-date-range-picker-inline value-format="yyyy-MM-dd" v-model="dateRange"></itf-date-range-picker-inline>
|
|
74
74
|
|
|
75
75
|
<h2>Month</h2>
|
|
76
76
|
|