@itfin/components 1.2.31 → 1.2.34

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.
Files changed (100) hide show
  1. package/dist/ITFComponents.common.js +0 -2
  2. package/dist/ITFComponents.common.js.map +1 -1
  3. package/dist/ITFComponents.umd.js +0 -2
  4. package/dist/ITFComponents.umd.js.map +1 -1
  5. package/package.json +16 -20
  6. package/src/assets/images/pdf-viewer/loading-icon.svg +26 -0
  7. package/src/assets/images/pdf-viewer/shadow.png +0 -0
  8. package/src/assets/images/pdf-viewer/treeitem-collapsed.png +0 -0
  9. package/src/assets/images/pdf-viewer/treeitem-collapsed@2x.png +0 -0
  10. package/src/assets/images/pdf-viewer/treeitem-expanded.png +0 -0
  11. package/src/assets/images/pdf-viewer/treeitem-expanded@2x.png +0 -0
  12. package/src/assets/scss/_css_variables.scss +17 -0
  13. package/src/assets/scss/_input-addon.scss +1 -1
  14. package/src/assets/scss/components/_air-select.scss +111 -0
  15. package/src/assets/scss/components/_avatar.scss +36 -0
  16. package/src/assets/scss/components/_button.scss +110 -0
  17. package/src/assets/scss/components/_card.scss +7 -0
  18. package/src/assets/scss/components/_checkbox.scss +83 -0
  19. package/src/{components/datepicker/datepicker.scss → assets/scss/components/_datepicker.scss} +314 -1
  20. package/src/assets/scss/components/_dropdown.scss +78 -0
  21. package/src/assets/scss/components/_form.scss +22 -0
  22. package/src/assets/scss/components/_icon.scss +5 -0
  23. package/src/assets/scss/components/_modal.scss +9 -0
  24. package/src/assets/scss/components/_pagination.scss +12 -0
  25. package/src/assets/scss/components/_pdf-viewer.scss +4 -0
  26. package/src/assets/scss/components/_popover.scss +37 -0
  27. package/src/assets/scss/components/_segmeneted-control.scss +138 -0
  28. package/src/assets/scss/components/_select.scss +76 -0
  29. package/src/assets/scss/components/_table.scss +278 -0
  30. package/src/{components/tabs/tabs.scss → assets/scss/components/_tabs.scss} +1 -1
  31. package/src/assets/scss/components/_text-field.scss +36 -0
  32. package/src/assets/scss/components/_toaster.scss +97 -0
  33. package/src/assets/scss/components/_tree-view.scss +17 -0
  34. package/src/{components/wizard/wizard.scss → assets/scss/components/_wizard.scss} +1 -1
  35. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_annotation_layer_builder.scss +0 -0
  36. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_colors.scss +1 -1
  37. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_pdf_viewer.scss +2 -2
  38. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_text_layer_builder.scss +0 -0
  39. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_variables.scss +0 -0
  40. package/src/{components/pdf-viewer/styles → assets/scss/components/pdf-viewer}/_viewer.scss +7 -6
  41. package/src/assets/scss/components/{_animations.scss → select/_animations.scss} +0 -0
  42. package/src/assets/scss/components/{_clear.scss → select/_clear.scss} +0 -0
  43. package/src/assets/scss/components/{_component.scss → select/_component.scss} +0 -0
  44. package/src/assets/scss/components/{_dropdown-menu.scss → select/_dropdown-menu.scss} +0 -0
  45. package/src/assets/scss/components/{_dropdown-option.scss → select/_dropdown-option.scss} +0 -0
  46. package/src/assets/scss/components/{_dropdown-toggle.scss → select/_dropdown-toggle.scss} +0 -0
  47. package/src/assets/scss/components/{_open-indicator.scss → select/_open-indicator.scss} +0 -0
  48. package/src/assets/scss/components/{_search-input.scss → select/_search-input.scss} +0 -0
  49. package/src/assets/scss/components/{_selected.scss → select/_selected.scss} +1 -1
  50. package/src/assets/scss/components/{_spinner.scss → select/_spinner.scss} +0 -0
  51. package/src/assets/scss/components/{_states.scss → select/_states.scss} +0 -0
  52. package/src/assets/scss/components/{_variables.scss → select/_variables.scss} +0 -0
  53. package/src/assets/scss/main.scss +24 -2
  54. package/src/components/alert/Alert.vue +0 -4
  55. package/src/components/app/App.vue +0 -66
  56. package/src/components/app/ToastContainer.vue +0 -35
  57. package/src/components/app/ToastMessage.vue +0 -7
  58. package/src/components/avatar/Avatar.vue +0 -38
  59. package/src/components/button/Button.vue +0 -142
  60. package/src/components/card/Card.vue +0 -10
  61. package/src/components/card/CardBody.vue +0 -3
  62. package/src/components/checkbox/Checkbox.vue +0 -54
  63. package/src/components/checkbox/CheckboxGroup.vue +0 -3
  64. package/src/components/checkbox/Radio.vue +0 -36
  65. package/src/components/checkbox/RadioGroup.vue +0 -3
  66. package/src/components/datepicker/DatePicker.vue +0 -39
  67. package/src/components/datepicker/DatePickerInline.vue +11 -43
  68. package/src/components/datepicker/DateRangePicker.vue +0 -58
  69. package/src/components/datepicker/DateRangePickerInline.vue +10 -39
  70. package/src/components/datepicker/MonthPicker.vue +0 -34
  71. package/src/components/datepicker/PeriodPicker.vue +0 -97
  72. package/src/components/datepicker/index.stories.js +6 -6
  73. package/src/components/dropdown/Dropdown.vue +0 -14
  74. package/src/components/form/Form.vue +0 -4
  75. package/src/components/form/Label.vue +0 -24
  76. package/src/components/icon/Icon.vue +0 -8
  77. package/src/components/modal/Modal.vue +0 -13
  78. package/src/components/pagination/Pagination.vue +0 -14
  79. package/src/components/pdf-viewer/PdfViewerSpa.vue +0 -3
  80. package/src/components/popover/ConfirmPopover.vue +0 -5
  81. package/src/components/popover/Popover.vue +0 -35
  82. package/src/components/segmented-control/SegmentedControl.vue +0 -140
  83. package/src/components/select/AirSelect.vue +0 -113
  84. package/src/components/select/Dropdown.vue +0 -70
  85. package/src/components/select/Select.vue +0 -78
  86. package/src/components/table/Table.vue +0 -279
  87. package/src/components/tabs/Tab.vue +0 -5
  88. package/src/components/tabs/TabContent.vue +0 -5
  89. package/src/components/tabs/Tabs.vue +0 -1
  90. package/src/components/text-field/TextField.vue +0 -15
  91. package/src/components/text-field/Textarea.vue +0 -30
  92. package/src/components/tooltip/Tooltip.vue +0 -1
  93. package/src/components/tree/TreeView.vue +0 -19
  94. package/src/components/wizard/Sidebar.vue +0 -4
  95. package/src/components/wizard/Step.vue +0 -5
  96. package/src/components/wizard/Wizard.vue +0 -1
  97. package/src/directives/visible.js +1 -1
  98. package/src/index.stories.js +1 -0
  99. package/src/components/pdf-viewer/styles/index.css +0 -0
  100. package/src/components/pdf-viewer/styles/index.scss +0 -4
@@ -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,OAAT,CAAiBC,GAAjB,EAAsB,CACpC;AACDD,OAAO,CAACE,OAAR,GAAkB,aAAlB;;AAEA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;EACjCA,MAAM,CAACF,GAAP,IAAcE,MAAM,CAACF,GAAP,CAAWG,GAAX,CAAeJ,OAAf,CAAd;EACAG,MAAM,CAAC,eAAD,CAAN,GAA0BH,OAA1B;;EAEA,IAAIA,OAAO,CAACK,SAAZ,EAAuB;IACrBL,OAAO,CAACK,SAAR,GAAoB,KAApB;EACD;AACF,C;;ACXuB;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":""}
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,OAAT,CAAiBC,GAAjB,EAAsB,CACpC;AACDD,OAAO,CAACE,OAAR,GAAkB,aAAlB;;AAEA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;EACjCA,MAAM,CAACF,GAAP,IAAcE,MAAM,CAACF,GAAP,CAAWG,GAAX,CAAeJ,OAAf,CAAd;EACAG,MAAM,CAAC,eAAD,CAAN,GAA0BH,OAA1B;;EAEA,IAAIA,OAAO,CAACK,SAAZ,EAAuB;IACrBL,OAAO,CAACK,SAAR,GAAoB,KAApB;EACD;AACF,C;;ACXuB;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":""}
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.31",
3
+ "version": "1.2.34",
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.0",
23
- "@popperjs/core": "^2.10.2",
22
+ "@egjs/vue-flicking": "^4.10.4",
23
+ "@popperjs/core": "^2.11.6",
24
24
  "@vue/cli-service": "^4.5.8",
25
- "@vue/composition-api": "^1.2.4",
26
- "air-datepicker": "^3.0.1",
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.11.0",
29
+ "intersection-observer": "^0.12.2",
31
30
  "lodash": "^4.17.20",
32
- "luxon": "^2.0.2",
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.2.2",
37
- "vue-pdf-app": "^2.1.0",
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": "^4.5.8",
49
- "@vue/cli-plugin-eslint": "^4.5.8",
50
- "@vue/cli-plugin-unit-jest": "^4.5.19",
51
- "@vue/eslint-config-airbnb": "^5.1.0",
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": "^7.12.1",
50
+ "eslint": "^8.30.0",
55
51
  "eslint-plugin-import": "^2.22.1",
56
- "eslint-plugin-vue": "^7.1.0",
52
+ "eslint-plugin-vue": "^9.8.0",
57
53
  "fibers": "^5.0.0",
58
- "marked": "^1.2.3",
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,26 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?><svg
2
+ xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
3
+ xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="50px"
4
+ height="50px" viewBox="-3 -3 54 54" xml:space="preserve">
5
+ <g>
6
+ <path d="M25 0 A 26 26 0 0 0 0 25" stroke="#606c88" stroke-width="3"
7
+ fill="transparent">
8
+ <animateTransform attributeName="transform" type="rotate" from="0 25 25"
9
+ to="360 25 25" dur="1s" repeatCount="indefinite">
10
+ </animateTransform>
11
+ </path>
12
+ <path d="M25 8 A 18 18 0 0 0 8 25" stroke="#11ece5" stroke-width="3"
13
+ fill="transparent">
14
+ <animateTransform attributeName="transform" type="rotate" from="0 25 25"
15
+ to="360 25 25" dur="1.5s" repeatCount="indefinite">
16
+ </animateTransform>
17
+ </path>
18
+ <path d="M25 16 A 10 10 0 0 0 16 25" stroke="#606c88" stroke-width="3"
19
+ fill="transparent">
20
+ <animateTransform attributeName="transform" type="rotate" from="0 25 25"
21
+ to="360 25 25" dur="0.5s" repeatCount="indefinite">
22
+ </animateTransform>
23
+ </path>
24
+
25
+ </g>
26
+ </svg>
@@ -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
+ }
@@ -10,7 +10,7 @@
10
10
  padding: 0 $input-padding-x;
11
11
  pointer-events: none;
12
12
  height: 100%;
13
- z-index: 4;
13
+ z-index: 10;
14
14
  }
15
15
 
16
16
  /* align icon */
@@ -0,0 +1,111 @@
1
+ @import '../variables';
2
+
3
+ .select {
4
+ position: relative;
5
+ border-radius: 4px;
6
+ cursor: pointer;
7
+ font-size: 14px;
8
+ transition: background 0.1s;
9
+ &:focus {
10
+ outline: none;
11
+ }
12
+ }
13
+ .valueContainer {
14
+ display: flex;
15
+ align-items: center;
16
+ width: 100%;
17
+ min-height: 32px;
18
+ justify-content: space-between;
19
+ }
20
+ .valueMulti {
21
+ display: flex;
22
+ align-items: center;
23
+ flex-wrap: wrap;
24
+ // padding-top: 5px;
25
+ }
26
+ .valueMultiItem {
27
+ height: 22px;
28
+ overflow: hidden;
29
+ border-radius: 3px;
30
+ display: flex;
31
+ align-items: center;
32
+ user-select: none;
33
+ background: #f0f0f0;
34
+ font-size: 14px;
35
+ .valueMultiItemLabel {
36
+ flex: auto;
37
+ padding: 0 4px;
38
+ height: 100%;
39
+ display: flex;
40
+ align-items: center;
41
+ border-right: 1px solid #ddd;
42
+ }
43
+ .valueMultiItemClose {
44
+ border-left: none;
45
+ overflow: hidden;
46
+ padding: 0 2px;
47
+ height: 100%;
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: center;
51
+ &:hover {
52
+ background: #ff4757;
53
+ color: white;
54
+ }
55
+ .icon {
56
+ width: 18px;
57
+ height: 18px;
58
+ fill: currentColor;
59
+ }
60
+ }
61
+ }
62
+ .addMore {
63
+ font-size: 12.5px;
64
+ cursor: pointer;
65
+ display: flex;
66
+ align-items: center;
67
+ color: #0052cc;
68
+ &:hover,
69
+ &:visited,
70
+ &:active {
71
+ color: #0052cc;
72
+ }
73
+ &:hover {
74
+ text-decoration: underline;
75
+ }
76
+ .icon {
77
+ width: 16px;
78
+ height: 16px;
79
+ fill: currentColor;
80
+ margin-right: 2px;
81
+ }
82
+ }
83
+
84
+ [data-theme="dark"] .select.normal {
85
+ border-color: $dark-input-focus-border-color;
86
+ background: $dark-input-focus-border-color;
87
+ }
88
+ .select.normal {
89
+ width: 100%;
90
+ padding-left: 0.5rem;
91
+ padding-right: 0.5rem;
92
+ border-width: 1px;
93
+ border-color: #dfe1e6;
94
+ background-color: #f4f5f7;
95
+ position: relative;
96
+ border-radius: 4px;
97
+ cursor: pointer;
98
+ font-size: 14px;
99
+ -webkit-transition: background .1s;
100
+ transition: background .1s;
101
+ }
102
+ .select.normal:hover {
103
+ @apply bg-backgroundLight;
104
+ }
105
+ .select.normal:focus {
106
+ @apply border border-borderInputFocus bg-white text-borderInputFocus;
107
+ box-shadow: 0 0 0 1px currentColor;
108
+ }
109
+ .select.empty {
110
+ display: inline-block;
111
+ }
@@ -0,0 +1,36 @@
1
+ @import '../variables';
2
+
3
+ .itf-avatar {
4
+ --positive: #{$green};
5
+
6
+ position: relative;
7
+ display: inline-block;
8
+ font-size: 0;
9
+ line-height: 0;
10
+ vertical-align: middle;
11
+
12
+ .shadow {
13
+ stroke-width: 2;
14
+ stroke: rgba(0, 0, 0, 0.1);
15
+ fill: none;
16
+ }
17
+
18
+ .status-badge {
19
+ position: absolute;
20
+ pointer-events: none;
21
+ border-radius: 50%;
22
+ background-color: var(--positive);
23
+ }
24
+
25
+ .feature-icon {
26
+ width: 3rem;
27
+ height: 3rem;
28
+ border-radius: 0.5rem;
29
+ overflow: hidden;
30
+
31
+ img {
32
+ max-width: 100%;
33
+ max-height: 100%;
34
+ }
35
+ }
36
+ }
@@ -0,0 +1,110 @@
1
+ @import '../variables';
2
+
3
+ :root {
4
+ --itf-button-basic-bg-color: rgba(9, 30, 66, 0.08);
5
+ }
6
+
7
+ [data-theme="dark"] {
8
+ --itf-button-basic-bg-color: rgba(246, 225, 189, 0.08);
9
+
10
+ .itf-button.btn {
11
+ &.btn-secondary {
12
+ &, &.disabled {
13
+ background-color: $dark-btn-secondary-color;
14
+ border-color: $dark-btn-secondary-color;
15
+ }
16
+
17
+ &:active, &:focus {
18
+ background-color: lighten($dark-btn-secondary-color, 5%);
19
+ border-color: lighten($dark-btn-secondary-color, 5%);
20
+ }
21
+ &:hover {
22
+ background-color: lighten($dark-btn-secondary-color, 10%);
23
+ border-color: lighten($dark-btn-secondary-color, 10%);
24
+ }
25
+ }
26
+ &.btn-primary {
27
+ &, &.disabled {
28
+ background-color: $dark-btn-primary-color;
29
+ border-color: $dark-btn-primary-color;
30
+ color: $body-color;
31
+ }
32
+
33
+ &:active, &:focus {
34
+ color: $body-color;
35
+ background-color: darken($dark-btn-primary-color, 5%);
36
+ border-color: darken($dark-btn-primary-color, 5%);
37
+ box-shadow: 0 0 0 0.125rem mix($dark-btn-primary-color, $dark-body-bg, 50%);
38
+ }
39
+ &:hover {
40
+ color: $body-color;
41
+ background-color: darken($dark-btn-primary-color, 10%);
42
+ border-color: darken($dark-btn-primary-color, 10%);
43
+ }
44
+ }
45
+ }
46
+ }
47
+
48
+ .itf-button.btn {
49
+ display: inline-flex;
50
+ align-items: center;
51
+ position: relative;
52
+
53
+ &.btn-primary {
54
+ color: #fff; // @todo remove when remove vuetify
55
+ }
56
+ &.itf-button__block {
57
+ display: block;
58
+ width: 100%;
59
+ }
60
+ & > div {
61
+ pointer-events: none;
62
+ }
63
+ .itf-spinner {
64
+ position: absolute;
65
+ top: 50%;
66
+ left: 50%;
67
+ margin: -0.75rem;
68
+ }
69
+
70
+ &.loading {
71
+ cursor: progress;
72
+ pointer-events: none;
73
+ color: transparent;
74
+
75
+ &.btn-sm .itf-spinner {
76
+ width: 1rem;
77
+ height: 1rem;
78
+ margin: -0.5rem;
79
+ }
80
+ &.btn-lg .itf-spinner {
81
+ width: 1.75rem;
82
+ height: 1.75rem;
83
+ margin: -0.875rem;
84
+ }
85
+ }
86
+ &.btn-basic {
87
+ &:hover, &.active {
88
+ background-color: var(--itf-button-basic-bg-color);
89
+ }
90
+ }
91
+ &.btn-icon {
92
+ padding: 0.25rem;
93
+ svg {
94
+ width: 1.5rem;
95
+ height: 1.5rem;
96
+ }
97
+ &.btn-sm {
98
+ svg {
99
+ width: 1.3125rem;
100
+ height: 1.3125rem;
101
+ }
102
+ }
103
+ &.btn-lg {
104
+ svg {
105
+ width: 1.875rem;
106
+ height: 1.875rem;
107
+ }
108
+ }
109
+ }
110
+ }
@@ -0,0 +1,7 @@
1
+ @import '../variables';
2
+
3
+ .card {
4
+ & > .itf-loading {
5
+ border-radius: $card-border-radius;
6
+ }
7
+ }
@@ -0,0 +1,83 @@
1
+ @import '../variables';
2
+
3
+ .itf-checkbox {
4
+ .form-check-input, .form-check-label {
5
+ cursor: pointer;
6
+ }
7
+ &__large.form-check {
8
+ padding-left: $form-check-padding-start * 2;
9
+ min-height: 2.5rem;
10
+
11
+ .form-check-label {
12
+ padding-top: 0.25rem;
13
+ }
14
+ .form-check-input {
15
+ margin-top: 0;
16
+ width: $form-check-input-width * 2;
17
+ height: $form-check-input-width * 2;
18
+ margin-left: -$form-check-padding-start * 2;
19
+ border-radius: 0.75rem;
20
+ }
21
+ &.form-switch {
22
+ padding-left: $form-switch-padding-start * 2;
23
+
24
+ .form-check-input {
25
+ width: $form-switch-width * 2;
26
+ margin-left: -$form-switch-padding-start * 2;
27
+ border-radius: 100px;
28
+ }
29
+ }
30
+ }
31
+ &__medium.form-check {
32
+ padding-left: $form-check-padding-start * 1.5;
33
+ min-height: 2rem;
34
+
35
+ .form-check-input {
36
+ margin-top: 0;
37
+ width: $form-check-input-width * 1.5;
38
+ height: $form-check-input-width * 1.5;
39
+ margin-left: -$form-check-padding-start * 1.5;
40
+ border-radius: 0.5rem;
41
+ }
42
+ &.form-switch {
43
+ padding-left: $form-switch-padding-start * 1.5;
44
+
45
+ .form-check-input {
46
+ width: $form-switch-width * 1.5;
47
+ margin-left: -$form-switch-padding-start * 1.5;
48
+ border-radius: 100px;
49
+ }
50
+ }
51
+ }
52
+ }
53
+
54
+ .itf-radio {
55
+ .form-check-input, .form-check-label {
56
+ cursor: pointer;
57
+ }
58
+ &__large.form-check {
59
+ padding-left: $form-check-padding-start * 2;
60
+ min-height: 2.5rem;
61
+
62
+ .form-check-label {
63
+ padding-top: 0.25rem;
64
+ }
65
+ .form-check-input {
66
+ margin-top: 0;
67
+ width: $form-check-input-width * 2;
68
+ height: $form-check-input-width * 2;
69
+ margin-left: -$form-check-padding-start * 2;
70
+ }
71
+ }
72
+ &__medium.form-check {
73
+ padding-left: $form-check-padding-start * 1.5;
74
+ min-height: 2rem;
75
+
76
+ .form-check-input {
77
+ margin-top: 0;
78
+ width: $form-check-input-width * 1.5;
79
+ height: $form-check-input-width * 1.5;
80
+ margin-left: -$form-check-padding-start * 1.5;
81
+ }
82
+ }
83
+ }