@itfin/components 1.5.1 → 1.5.3

package/dist/ITFComponents.common.js

@@ -0,0 +1,87 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) // removed by dead control flow
+{ var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// ./src/main.js
+function install(Vue) {}
+install.version = '__VERSION__';
+if (typeof window !== 'undefined') {
+  window.Vue && window.Vue.use(install);
+  window['ITFComponents'] = install;
+  if (install.installed) {
+    install.installed = false;
+  }
+}
+;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (install);
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=ITFComponents.common.js.map

package/dist/ITFComponents.common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.common.js","mappings":";;UAAA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,8CAA8C,yD;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;WCNA,2B;;;;;;;;;;;;;;ACAA;AACA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE;AAAA,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACA,kDAAe,IAAI;;;ACtBJ,SAASA,OAAOA,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;AACxB,8CAAe,OAAG;AACI","sources":["webpack://@itfin/components/webpack/bootstrap","webpack://@itfin/components/webpack/runtime/define property getters","webpack://@itfin/components/webpack/runtime/hasOwnProperty shorthand","webpack://@itfin/components/webpack/runtime/make namespace object","webpack://@itfin/components/webpack/runtime/publicPath","webpack://@itfin/components/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://@itfin/components/./src/main.js","webpack://@itfin/components/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\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"],"names":["install","Vue","version","window","use","installed"],"sourceRoot":""}

package/dist/ITFComponents.umd.js

@@ -0,0 +1,98 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["ITFComponents"] = factory();
+	else
+		root["ITFComponents"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) // removed by dead control flow
+{ var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// ./src/main.js
+function install(Vue) {}
+install.version = '__VERSION__';
+if (typeof window !== 'undefined') {
+  window.Vue && window.Vue.use(install);
+  window['ITFComponents'] = install;
+  if (install.installed) {
+    install.installed = false;
+  }
+}
+;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (install);
+
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=ITFComponents.umd.js.map

package/dist/ITFComponents.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.umd.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;UCVA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,8CAA8C,yD;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;WCNA,2B;;;;;;;;;;;;;;ACAA;AACA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE;AAAA,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACA,kDAAe,IAAI;;;ACtBJ,SAASA,OAAOA,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;AACxB,8CAAe,OAAG;AACI","sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/webpack/runtime/define property getters","webpack://ITFComponents/webpack/runtime/hasOwnProperty shorthand","webpack://ITFComponents/webpack/runtime/make namespace object","webpack://ITFComponents/webpack/runtime/publicPath","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"],"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 ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\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"],"names":["install","Vue","version","window","use","installed"],"sourceRoot":""}

package/dist/ITFComponents.umd.min.js

@@ -0,0 +1,2 @@
+(function(e,n){"object"===typeof exports&&"object"===typeof module?module.exports=n():"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["ITFComponents"]=n():e["ITFComponents"]=n()})("undefined"!==typeof self?self:this,function(){return function(){"use strict";var e={};!function(){e.d=function(n,o){for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})}}(),function(){e.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)}}(),function(){e.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){e.p=""}();var n={};if(e.r(n),e.d(n,{default:function(){return r}}),"undefined"!==typeof window){var o=window.document.currentScript,t=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);t&&(e.p=t[1])}function i(e){}i.version="__VERSION__","undefined"!==typeof window&&(window.Vue&&window.Vue.use(i),window["ITFComponents"]=i,i.installed&&(i.installed=!1));var r=i;return n}()});
+//# sourceMappingURL=ITFComponents.umd.min.js.map

package/dist/ITFComponents.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.umd.min.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,kBAAZC,SAA0C,kBAAXC,OACxCA,OAAOD,QAAUD,IACQ,oBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,kBAAZC,QACdA,QAAQ,iBAAmBD,IAE3BD,EAAK,iBAAmBC,GACzB,EATD,CASoB,qBAATK,KAAuBA,KAAOC,KAAO,WAChD,O,wBCTA,IAAIC,EAAsB,CAAC,G,WCA3BA,EAAoBC,EAAI,SAASP,EAASQ,GACzC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEV,EAASS,IAC5EE,OAAOC,eAAeZ,EAASS,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAG3E,C,eCPAH,EAAoBI,EAAI,SAASK,EAAKC,GAAQ,OAAOL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,EAAO,C,eCCtGV,EAAoBc,EAAI,SAASpB,GACX,qBAAXqB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAeZ,EAASqB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAeZ,EAAS,aAAc,CAAEuB,OAAO,GACvD,C,eCNAjB,EAAoBkB,EAAI,E,aCGxB,G,6CAAsB,qBAAXC,OAAwB,CACjC,IAAIC,EAAgBD,OAAOE,SAASD,cAWhCE,EAAMF,GAAiBA,EAAcE,IAAIC,MAAM,2BAC/CD,IACF,IAA0BA,EAAI,GAElC,CCnBe,SAASE,EAAQC,GAChC,CACAD,EAAQE,QAAU,cAEI,qBAAXP,SACTA,OAAOM,KAAON,OAAOM,IAAIE,IAAIH,GAC7BL,OAAO,iBAAmBK,EAEtBA,EAAQI,YACVJ,EAAQI,WAAY,ICPxB,Q","sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/webpack/runtime/define property getters","webpack://ITFComponents/webpack/runtime/hasOwnProperty shorthand","webpack://ITFComponents/webpack/runtime/make namespace object","webpack://ITFComponents/webpack/runtime/publicPath","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"],"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 ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\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"],"names":["root","factory","exports","module","define","amd","self","this","__webpack_require__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","p","window","currentScript","document","src","match","install","Vue","version","use","installed"],"sourceRoot":""}

package/dist/demo.html

@@ -0,0 +1 @@
+<!doctype html><meta charset="utf-8"><title>ITFComponents demo</title><script src="./ITFComponents.umd.js"></script><link rel="stylesheet" href="./ITFComponents.css"><script>console.log(ITFComponents)</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -59,7 +59,11 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.29.0",
     "@babel/plugin-proposal-numeric-separator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-syntax-numeric-separator": "^7.10.4",
     "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -81,6 +85,7 @@
     "vue-class-component": "^7.2.6",
     "vue-eslint-parser": "^9.1.0",
     "vue-jest": "^3.0.7",
+    "vue-loader": "^15.11.1",
     "vue-template-compiler": "=2.6.14"
   },
   "eslintConfig": {
@@ -130,5 +135,11 @@
       "lcov"
     ]
   },
+  "overrides": {
+    "@vue/vue-loader-v15": {
+      ".": "npm:vue-loader@^15.11.1",
+      "webpack": "^5.88.0"
+    }
+  },
   "license": "ISC"
 }

package/src/ITFSettings.js

@@ -1,9 +1,3 @@
-if (typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {
-  CSS.paintWorklet.addModule(
-    "https://www.unpkg.com/css-houdini-squircle@0.1.3/squircle.min.js"
-  );
-}
-
 class ITFSettings {
   options = {
     firstDayOfWeek: 'Monday',

package/src/components/alert/AlertBanner.vue

@@ -1,16 +1,19 @@
 <template>
-  <div class="itf-alert-banner">
+  <div class="itf-alert-banner" :class="styleVariant">
     <div v-if="count" class="itf-alert-banner__counter px-2 bg-danger text-white fw-bold text-smaller text-decoration-none d-block rounded-pill">
       {{ count > 99 ? '99+' : count }}
     </div>
-    <div v-if="multiple" class="itf-alert-banner__panel itf-alert-banner__multiple rounded-3 border bg-muted-2"></div>
-    <div class="itf-alert-banner__panel px-3 rounded-3 border bg-muted-2 d-flex gap-3 align-items-start align-items-sm-center flex-sm-row flex-column">
+    <div v-if="$listeners.close" class="itf-alert-banner__close position-absolute text-muted cursor-pointer" @click="$emit('close')">
+      <itf-icon new name="close-alt" :size="20" />
+    </div>
+    <div v-if="multiple" class="itf-alert-banner__panel itf-alert-banner__multiple h-100 position-absolute rounded-3 border bg-muted-2"></div>
+    <div class="itf-alert-banner__panel h-100 rounded-3 border bg-muted-2 d-flex gap-2 gap-md-3 align-items-start align-items-md-center">
       <slot name="icon">
         <div v-if="icon" class="itf-alert-banner__icon rounded-2 bg-danger flex-shrink-0 d-flex align-items-center justify-content-center">
           <itf-icon new :name="icon" :size="24" class="text-white" />
         </div>
       </slot>
-      <div class="flex-grow-1">
+      <div class="itf-alert-banner__content flex-grow-1 d-flex flex-column">
         <div class="fw-bold"><slot name="title">{{title}}</slot></div>
         <div class="small text-muted"><slot></slot></div>
       </div>
@@ -24,33 +27,85 @@
   max-width: 420px;
 
   &__counter {
-    top: 0;
-    right: -4px;
+    top: -12px;
+    right: -12px;
     position: absolute;
-    z-index: 3;
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-    min-width: 1.75rem;
+    z-index: 4;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    min-width: 24px;
     text-align: center;
+    @media (max-width: 768px) {
+      right: 0;
+    }
+  }
+  &__close {
+    top: 8px;
+    right: 8px;
+    z-index: 3;
+    @media (max-width: 768px) {
+      top: 12px;
+      right: 12px;
+    }
   }
   &__panel {
     position: relative;
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
-    top: 4px;
+    padding-left: 1rem;
+    padding-right: 1rem;
     z-index: 2;
+    @media (max-width: 768px) {
+      flex-direction: column;
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
+    }
   }
   &__icon {
     width: 48px;
     height: 48px;
+    @media (max-width: 768px) {
+      width: 32px;
+      height: 32px;
+    }
+
+    ::v-deep .itf-icon {
+
+      svg {
+        @media (max-width: 768px) {
+          width: 16px!important;
+          height: 16px!important;
+        }
+      }
+    }
+  }
+  &__content {
+    @media (max-width: 768px) {
+      gap: 0.25rem;
+    }
   }
   &__multiple {
-    position: absolute;
-    top: 0;
+    top: -4px;
     right: -4px;
     z-index: 1;
-    height: 100%;
     width: 100%;
+    @media (max-width: 768px) {
+      width: calc(100% - 8px);
+      right: 4px;
+    }
+  }
+
+  &.mobile-content-row {
+
+    @media (max-width: 768px) {
+      .itf-alert-banner__panel {
+        flex-direction: row;
+        padding-right: 2.5rem;
+      }
+      .itf-alert-banner__content {
+        gap: 0;
+      }
+    }
   }
 }
 </style>
@@ -71,5 +126,6 @@ class AlertBanner extends Vue {
   @Prop(String) icon;
   @Prop() count;
   @Prop(Boolean) multiple;
+  @Prop({ type: String, default: '' }) styleVariant;
 }
 </script>

package/src/components/button/Button.vue

@@ -17,7 +17,6 @@ class itfButton extends Vue {
   @Prop(Boolean) large;
   @Prop(Boolean) icon;
   @Prop(Boolean) block;
-  @Prop(Boolean) squircle;
   @Prop(String) loadingText;
   @Prop(String) color;
   @Prop(Boolean) disabled;
@@ -28,7 +27,7 @@ class itfButton extends Vue {
 
   render (createElement, { data, slots, children, props }) {
     const {
-      to, href, target, disabled, color, block, loading, labeled, secondary, primary, small, large, icon, loadingText, squircle, default: defaultStyle,
+      to, href, target, disabled, color, block, loading, labeled, secondary, primary, small, large, icon, loadingText, default: defaultStyle,
       class: classNames
     } = props;
     const component = to ? 'nuxt-link' : (props.href ? 'a' : 'button');
@@ -48,7 +47,6 @@ class itfButton extends Vue {
         'btn-default': defaultStyle,
         'btn-basic': !primary && !secondary && !color && !defaultStyle,
         'btn-secondary': secondary,
-        // 'btn-squircle': squircle,
         'btn-sm': small,
         'btn-lg': large,
         // 'px-3': small && !icon,

package/src/components/button/NativeButton.js

@@ -7,7 +7,6 @@ const CSS_CLASSES = {
   small: ['btn-sm'],
   block: ['itf-button__block'],
   labeled: ['labeled'],
-  squircle: ['btn-squircle'],
   icon: ['btn-icon'],
   loading: ['loading'],
   spinner: ['itf-spinner'],
@@ -36,9 +35,6 @@ class Button extends HTMLElement {
     if (this.hasAttribute('labeled')) {
       styles.push(CSS_CLASSES.labeled);
     }
-    if (this.hasAttribute('squircle')) {
-      styles.push(CSS_CLASSES.squircle);
-    }
     if (this.hasAttribute('icon')) {
       styles.push(CSS_CLASSES.icon);
     }

package/src/components/button/index.stories.js

@@ -66,7 +66,7 @@ storiesOf('Common', module)
 
         <h3>Standart button</h3>
 
-        <itf-button squircle primary>Primary button</itf-button>
+        <itf-button primary>Primary button</itf-button>
         <itf-button secondary>Secondary button</itf-button>
         <itf-button>Basic button</itf-button>
         <itf-button icon>
@@ -92,7 +92,7 @@ storiesOf('Common', module)
 
         <h3>Large button</h3>
 
-        <itf-button squircle large primary>Primary button</itf-button>
+        <itf-button large primary>Primary button</itf-button>
         <itf-button large secondary>Secondary button</itf-button>
         <itf-button large>Basic button</itf-button>
         <itf-button large icon>

package/src/components/checkbox/NestedCheckboxGroup.vue

@@ -0,0 +1,109 @@
+<template>
+
+  <div>
+    <div v-for="(item, n) in items" :key="n">
+      <slot name="item" :item="item" :isChecked="isChecked(item)" :onToggle="(isChecked) => onToggleOption(item, isChecked)" :isDisabled="disabled || isDisabled(item)">
+        <itf-checkbox
+          :value="isChecked(item)"
+          :label="item.name"
+          :disabled="disabled || isDisabled(item)"
+          @input="onToggleOption(item, $event)"
+        >
+          {{ item[itemKey] || item }}
+        </itf-checkbox>
+      </slot>
+
+      <div v-if="item[childrenKey] && item[childrenKey].length" class="ps-4 mb-2">
+        <itf-nested-checkbox-group
+          :value="value"
+          @input="$emit('input', $event)"
+          :items="item[childrenKey]"
+          :disabled="disabled || isDisabled(item)"
+          :item-key="itemKey"
+          :children-key="childrenKey"
+          :max="max"
+          :disabled-ids="disabledIds"
+        >
+          <template v-for="(_, name) in $slots" #[name]="slotData">
+            <slot :name="name" v-bind="slotData || {}"/>
+          </template>
+          <template v-for="(_, name) in $scopedSlots" #[name]="slotData">
+            <slot :name="name" v-bind="slotData || {}"/>
+          </template>
+        </itf-nested-checkbox-group>
+      </div>
+    </div>
+
+    <slot />
+  </div>
+
+</template>
+<script>
+  import { Vue, Component, Prop, Model } from 'vue-property-decorator';
+  import itfCheckbox from './Checkbox';
+  import itfTableRows from '@itfin/components/src/components/table/TableRows.vue';
+
+  export default @Component({
+    name: 'itfNestedCheckboxGroup',
+    components: {
+      itfTableRows,
+      itfCheckbox
+    },
+  })
+  class itfNestedCheckboxGroup extends Vue {
+    @Model('input', { type: Array, default: () => [] }) value;
+
+    @Prop(Array) items;
+    @Prop(Boolean) disabled;
+    @Prop({ type: Array, default: () => [] }) disabledIds;
+
+    @Prop({ type: String }) itemKey;
+    @Prop({ type: String, default: 'children' }) childrenKey;
+
+    @Prop(Number) max;
+
+    onToggleOption(value, isChecked) {
+      const arr = this.value ? [ ...this.value ] : [];
+      if (value[this.childrenKey] && value[this.childrenKey].length) {
+        for (const child of value[this.childrenKey]) {
+          const index = arr.findIndex(item => this.itemKey ? item[this.itemKey] === child[this.itemKey] : item === child);
+          if (index !== -1 && isChecked === false) {
+            arr.splice(index, 1);
+          } else if (isChecked === true) {
+            arr.push(child);
+          }
+        }
+        this.$emit('input', arr);
+        return;
+      }
+      const index = this.getCheckedIndex(value);
+      if (index !== -1 && isChecked === false) {
+        arr.splice(index, 1);
+      } else if (isChecked === true) {
+        arr.push(value);
+      }
+      this.$emit('input', arr);
+    }
+
+    getCheckedIndex(value) {
+      if (this.itemKey) {
+        return this.value && this.value.findIndex(item => item[this.itemKey] === value[this.itemKey]);
+      }
+      return this.value.indexOf(value);
+    }
+
+    isChecked(value) {
+      if (value[this.childrenKey] && value[this.childrenKey].length) {
+        return value[this.childrenKey].every(child => this.isChecked(child)) || this.getCheckedIndex(value) !== -1;
+      }
+      return this.getCheckedIndex(value) !== -1;
+    }
+
+    isDisabled(value) {
+      if (this.disabledIds.includes(value)) {
+        return true;
+      }
+      return this.getCheckedIndex(value) === -1 && (this.max !== 'undefined' && this.value.length >= this.max);
+    }
+  }
+</script>

package/src/components/customize/PropertiesList.vue

@@ -15,6 +15,7 @@
           :field="field"
           :editable="editable"
           :lock-fields="lockFields"
+          :full-name="fullName"
           :value="value[field.Id]"
           @input="$emit('input', { ...value, [field.Id]: $event })"
           @delete="onDelete(field)"
@@ -104,6 +105,7 @@ class itfPropertiesList extends Vue {
   @Prop({ type: Boolean, default: false }) loading;
   @Prop({ type: Boolean, default: false }) editable;
   @Prop({ type: Boolean, default: false }) lockFields;
+  @Prop({ type: Boolean, default: false }) fullName;
 
   isShowAll = false;
 

package/src/components/customize/PropertiesPopupMenu.vue

@@ -27,7 +27,7 @@
   </div>
 </template>
 <script>
-import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
+import { Vue, Component, Prop } from 'vue-property-decorator';
 import itfTextField from '../text-field/TextField.vue';
 import itfIcon from '../icon/Icon';
 import itfButton from '../button/Button';