@wavemaker-ai/custom-widgets-m3 1.0.0-rc.647469

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@wavemaker-ai/custom-widgets-m3",
+  "version": "1.0.0-rc.647469",
+  "description": "A collection of custom widgets",
+  "module": "index",
+  "main": "index",
+  "scripts": {
+    "generate:page-min": "node ./scripts/generate-pagemin.js",
+    "build:cjs": "webpack --config webpack.config.cjs.js --mode development",
+    "build:esm": "webpack --config webpack.config.js --mode development",
+    "build": "npm run generate:page-min && tsc && npm run build:cjs && npm run build:esm && node ./scripts/build.js post-build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "widgets",
+    "custom-widgets"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^7.1.2",
+    "execa": "^5.0.0",
+    "fs-extra": "^11.2.0",
+    "html-loader": "^5.1.0",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.5.4",
+    "webpack": "^5.94.0",
+    "webpack-cli": "^5.1.4",
+    "yargs": "^16.2.0",
+    "tar": "^6.1.0"
+  },
+  "exports": {
+    "import": "./index",
+    "require": "./dist/custom-widgets-bundle.cjs.js"
+  }
+}

package/scripts/build.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/build.js

@@ -0,0 +1,172 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var fs = require('fs-extra');
+var path = require('path');
+var projectDir = '.';
+var execa = require('execa');
+var yargs = require('yargs');
+var hideBin = require('yargs/helpers').hideBin;
+var tar = require('tar');
+var WM_NPM_SCOPE = require('../src/wm-namespace').WM_NPM_SCOPE;
+function updatePackageVersion(packagePath, key, version) {
+    return __awaiter(this, void 0, void 0, function () {
+        var content;
+        return __generator(this, function (_a) {
+            content = fs.readFileSync(packagePath, 'utf8');
+            content = content.replace(new RegExp("\"".concat(key, "\"\\s*:\\s*\"[^\"]*\"")), "\"".concat(key, "\": \"").concat(version, "\""));
+            fs.writeFileSync(packagePath, content);
+            return [2 /*return*/];
+        });
+    });
+}
+function postBuild(runtimeVersion) {
+    return __awaiter(this, void 0, void 0, function () {
+        var packageData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    fs.copySync("".concat(projectDir, "/package.json"), "".concat(projectDir, "/dist/es2015/package.json"));
+                    packageData = fs.readJSONSync("".concat(projectDir, "/package.json"), {
+                        encoding: "utf8"
+                    });
+                    packageData.main = 'index';
+                    packageData.module = 'index';
+                    packageData.exports = {
+                        "import": "./index",
+                        "require": "./dist/custom-widgets-bundle.cjs.js"
+                    };
+                    delete packageData['files'];
+                    fs.writeFileSync("".concat(projectDir, "/dist/es2015/package.json"), JSON.stringify(packageData, null, 2));
+                    return [4 /*yield*/, updatePackageVersion("".concat(projectDir, "/dist/es2015/package.json"), 'version', runtimeVersion)];
+                case 1:
+                    _a.sent();
+                    console.log('Post Build successful!!!');
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function createPackageLock(path) {
+    return __awaiter(this, void 0, void 0, function () {
+        var packageJSON;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, execa('npm', ['install', '--package-lock-only', '--ignore-scripts'], {
+                        'cwd': path
+                    })];
+                case 1:
+                    _a.sent();
+                    packageJSON = fs.readJSONSync("".concat(path, "/package-lock.json"));
+                    Object.values(packageJSON.packages || {}).map(function (v) {
+                        delete v.resolved;
+                    });
+                    fs.writeJSONSync("".concat(path, "/package-lock.json"), packageJSON, {
+                        spaces: 4
+                    });
+                    fs.writeJSONSync("".concat(path, "/npm-shrinkwrap.json"), packageJSON, {
+                        spaces: 4
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function prepareNpmPackages(runtimeVersion) {
+    return __awaiter(this, void 0, void 0, function () {
+        var wmNpmScopeSlug, tarballName, tarballPath, stdout;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    wmNpmScopeSlug = WM_NPM_SCOPE.replace(/^@/, '');
+                    tarballName = "".concat(wmNpmScopeSlug, "-custom-widgets-m3-").concat(runtimeVersion, ".tgz");
+                    fs.copySync("".concat(projectDir, "/dist/es2015"), "".concat(projectDir, "/dist/npm-packages/package"), {
+                        filter: function (p) { return !p.startsWith('/node_modules/'); }
+                    });
+                    return [4 /*yield*/, createPackageLock("".concat(projectDir, "/dist/npm-packages/package"))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, execa('tar', ['-czf', "dist/npm-packages/".concat(tarballName), '-C', 'dist/npm-packages', 'package'], {
+                            'cwd': "".concat(projectDir)
+                        })];
+                case 2:
+                    _a.sent();
+                    tarballPath = path.join(__dirname, "../dist/npm-packages/".concat(tarballName));
+                    return [4 /*yield*/, execa('node', ['../process-npm-package-stats.js', "--path=".concat(tarballPath), "--packageName=".concat(WM_NPM_SCOPE, "/custom-widgets-m3"), "--publishVersion=".concat(runtimeVersion)])];
+                case 3:
+                    stdout = (_a.sent()).stdout;
+                    console.log(stdout);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function pushToLocalRepo() {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    fs.writeFileSync("".concat(projectDir, "/dist/new-build"), '' + Date.now);
+                    return [4 /*yield*/, execa('yalc', ['publish', '--no-sig', '--push'], {
+                            'cwd': "".concat(projectDir, "/dist/es2015")
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+yargs(hideBin(process.argv)).command('post-build', 'to run post processing after project build', function (yargs) {
+    yargs.option('runtimeVersion', {
+        describe: 'version number',
+        type: 'string',
+        default: '1.0.0-dev'
+    }).option('production', {
+        describe: 'to perform a production build',
+        type: 'boolean',
+        default: false
+    });
+}, function (argv) {
+    postBuild(argv.runtimeVersion).then(function () {
+        if (argv.production) {
+            return prepareNpmPackages(argv.runtimeVersion);
+        }
+        else {
+            return pushToLocalRepo();
+        }
+    });
+}).showHelpOnFail().argv;

package/scripts/generate-pagemin.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/generate-pagemin.js

@@ -0,0 +1,111 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var fs = require("fs-extra");
+var path = require("path");
+var srcDir = path.join(__dirname, "..", "src");
+function createMinJs() {
+    return __awaiter(this, void 0, void 0, function () {
+        var folders, _i, folders_1, folder, folderPath, fileNames, minJs, _a, fileNames_1, fileName, filePath, content, key, encodedContent, minJsPath, outputContent;
+        return __generator(this, function (_b) {
+            try {
+                folders = fs
+                    .readdirSync(srcDir)
+                    .filter(function (file) { return fs.lstatSync(path.join(srcDir, file)).isDirectory(); });
+                for (_i = 0, folders_1 = folders; _i < folders_1.length; _i++) {
+                    folder = folders_1[_i];
+                    folderPath = path.join(srcDir, folder);
+                    fileNames = [
+                        "".concat(folder, ".html"),
+                        "".concat(folder, ".js"),
+                        "".concat(folder, ".css"),
+                        "".concat(folder, ".variables.json"),
+                        "config.json",
+                    ];
+                    minJs = {
+                        markup: "",
+                        script: "",
+                        styles: "",
+                        variables: "",
+                        config: "",
+                    };
+                    // Reading each file and storing its URL-encoded content in the corresponding minjs property
+                    for (_a = 0, fileNames_1 = fileNames; _a < fileNames_1.length; _a++) {
+                        fileName = fileNames_1[_a];
+                        filePath = path.join(folderPath, fileName);
+                        // Check if the file exists before reading
+                        if (fs.existsSync(filePath)) {
+                            content = fs.readFileSync(filePath, "utf8");
+                            key = fileName.split(".")[1];
+                            encodedContent = encodeURIComponent(content);
+                            switch (key) {
+                                case "html":
+                                    minJs.markup = encodedContent;
+                                    break;
+                                case "js":
+                                    minJs.script = encodedContent;
+                                    break;
+                                case "css":
+                                    minJs.styles = encodedContent;
+                                    break;
+                                case "variables":
+                                    minJs.variables = encodedContent;
+                                    break;
+                                case "json":
+                                    minJs.config = encodedContent;
+                                    break;
+                                default:
+                                    console.warn("Unexpected file type: ".concat(fileName));
+                            }
+                        }
+                        else {
+                            console.warn("File not found: ".concat(filePath));
+                        }
+                    }
+                    minJsPath = path.join(folderPath, "page.min.js");
+                    outputContent = "export const ".concat(folder, " = ").concat(JSON.stringify(minJs, null, 2), ";");
+                    fs.writeFileSync(minJsPath, outputContent);
+                    console.log("Created page.min.js for ".concat(folder));
+                }
+            }
+            catch (error) {
+                console.error("Error creating page.min.js:", error);
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+createMinJs();

package/scripts/update-version.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/update-version.js

@@ -0,0 +1,20 @@
+'use strict';
+var fs = require('fs');
+var yargs = require('yargs');
+var argv = yargs(process.argv).argv;
+var WM_NPM_SCOPE = require('../src/wm-namespace').WM_NPM_SCOPE;
+var updateCustomeWidgetsPackage = function (path) {
+    if (fs.existsSync(path)) {
+        var packageJSON = require('../' + path);
+        packageJSON['dependencies']["".concat(WM_NPM_SCOPE, "/custom-widgets-m3")] = argv["publish-version"];
+        fs.writeFileSync(path, JSON.stringify(packageJSON, null, 4));
+    }
+    else {
+        console.log('package.json not found at ' + path);
+    }
+};
+var init = function () {
+    updateCustomeWidgetsPackage('../wavemaker-ng-runtime/package.json');
+    updateCustomeWidgetsPackage('../wavemaker-ng-studio/package.json');
+};
+init();

package/src/checkbox_set/checkbox_set.d.ts

@@ -0,0 +1,10 @@
+declare function handleLabelPlacementChange(widgetMap: any, label_placement: any): void;
+declare function handleLabelPlacementChange(widgetMap: any, label_placement: any): void;
+declare function updateClasses(element: any, classMap: any): void;
+declare function updateClasses(element: any, classMap: any): void;
+declare function handleIntermediateChange(widgetMap: any, show_intermediate: any): void;
+declare function handleLayoutChange(widgetMap: any, layout: any): void;
+declare function handleLayoutChange(widgetMap: any, layout: any): void;
+declare function handleRequiredChange(widgetMap: any, required: any): void;
+declare function handleRequiredChange(widgetMap: any, required: any): void;
+declare function handleRequiredChange(required: any, widgetMap: any): void;

package/src/checkbox_set/checkbox_set.js

@@ -0,0 +1,53 @@
+/*
+ * Use App.getDependency for Dependency Injection
+ * eg: var DialogService = App.getDependency('DialogService');
+ */
+Widget.onPropertyChange = function (propName, newValue, oldValue) {
+    var _a = Widget.props, show_intermediate = _a.show_intermediate, required = _a.required, layout = _a.layout, label_placement = _a.label_placement;
+    var widgetMap = Widget.Widgets;
+    var propertyHandlers = {
+        'prop-required': function () { return handleRequiredChange(widgetMap, required); },
+        'prop-layout': function () { return handleLayoutChange(widgetMap, layout); },
+        'prop-show_intermediate': function () { return handleIntermediateChange(widgetMap, show_intermediate); },
+        'prop-label_placement': function () { return handleLabelPlacementChange(widgetMap, label_placement); }
+    };
+    if (propertyHandlers[propName]) {
+        propertyHandlers[propName]();
+    }
+};
+Widget.onReady = function () {
+    var _a = Widget.props, show_intermediate = _a.show_intermediate, required = _a.required, layout = _a.layout, label_placement = _a.label_placement;
+    var widgetMap = Widget.Widgets;
+    handleLayoutChange(widgetMap, layout);
+    handleLabelPlacementChange(widgetMap, label_placement);
+    handleIntermediateChange(widgetMap, show_intermediate);
+    handleRequiredChange(widgetMap, required);
+    Widget.getDatavalue = function () { return Widget.props.default_value; };
+};
+function handleLabelPlacementChange(widgetMap, label_placement) {
+    updateClasses(widgetMap.checkboxset.nativeElement, {
+        'top-placement': label_placement === "top",
+        'bottom-placement': label_placement === "bottom",
+        'start-placement': label_placement === "start"
+    });
+}
+// Utility function to manage class additions and removals
+function updateClasses(element, classMap) {
+    Object.keys(classMap).forEach(function (className) {
+        element.classList.toggle(className, classMap[className]);
+    });
+}
+function handleIntermediateChange(widgetMap, show_intermediate) {
+    updateClasses(widgetMap.checkboxset.nativeElement, {
+        'intermediate-checkbox': show_intermediate.toString().toLowerCase() === 'true'
+    });
+}
+function handleLayoutChange(widgetMap, layout) {
+    updateClasses(widgetMap.checkboxset.nativeElement, {
+        'horizontal': layout === "horizontal",
+        'vertical': layout === "vertical"
+    });
+}
+function handleRequiredChange(widgetMap, required) {
+    widgetMap.composite1.required = required;
+}

package/src/checkbox_set/page.min.d.ts

@@ -0,0 +1,7 @@
+export namespace checkbox_set {
+    let markup: string;
+    let script: string;
+    let styles: string;
+    let variables: string;
+    let config: string;
+}

package/src/checkbox_set/page.min.js

@@ -0,0 +1,7 @@
+export var checkbox_set = {
+    "markup": "%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite1%22%20captionposition%3D%22top%22%20required%3D%22false%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20class%3D%22%20control-label%22%20notag%3D%22true%22%20name%3D%22label1%22%20caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22container1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-checkboxset%20height%3D%22auto%22%20name%3D%22checkboxset%22%20dataset%3D%22bind%3Aprops.data_set%22%20datafield%3D%22All%20Fields%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%20required%3D%22bind%3Aprops.required%22%20datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-checkboxset%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",
+    "script": "%2F*%0A%20*%20Use%20App.getDependency%20for%20Dependency%20Injection%0A%20*%20eg%3A%20var%20DialogService%20%3D%20App.getDependency('DialogService')%3B%0A%20*%2F%0A%0AWidget.onPropertyChange%20%3D%20function(propName%2C%20newValue%2C%20oldValue)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20show_intermediate%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20layout%2C%0A%20%20%20%20%20%20%20%20label_placement%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%0A%20%20%20%20const%20propertyHandlers%20%3D%20%7B%0A%20%20%20%20%20%20%20%20'prop-required'%3A%20()%20%3D%3E%20handleRequiredChange(widgetMap%2C%20required)%2C%0A%20%20%20%20%20%20%20%20'prop-layout'%3A%20()%20%3D%3E%20handleLayoutChange(widgetMap%2C%20layout)%2C%0A%20%20%20%20%20%20%20%20'prop-show_intermediate'%3A%20()%20%3D%3E%20handleIntermediateChange(widgetMap%2C%20show_intermediate)%2C%0A%20%20%20%20%20%20%20%20'prop-label_placement'%3A%20()%20%3D%3E%20handleLabelPlacementChange(widgetMap%2C%20label_placement)%0A%20%20%20%20%7D%3B%0A%0A%20%20%20%20if%20(propertyHandlers%5BpropName%5D)%20%7B%0A%20%20%20%20%20%20%20%20propertyHandlers%5BpropName%5D()%3B%0A%20%20%20%20%7D%0A%7D%3B%0A%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20show_intermediate%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20layout%2C%0A%20%20%20%20%20%20%20%20label_placement%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%0A%20%20%20%20handleLayoutChange(widgetMap%2C%20layout)%3B%0A%20%20%20%20handleLabelPlacementChange(widgetMap%2C%20label_placement)%0A%20%20%20%20handleIntermediateChange(widgetMap%2C%20show_intermediate)%3B%0A%20%20%20%20handleRequiredChange(widgetMap%2C%20required)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.default_value%3B%0A%0A%7D%3B%0A%0Afunction%20handleLabelPlacementChange(widgetMap%2C%20label_placement)%20%7B%0A%20%20%20%20updateClasses(widgetMap.checkboxset.nativeElement%2C%20%7B%0A%20%20%20%20%20%20%20%20'top-placement'%3A%20label_placement%20%3D%3D%3D%20%22top%22%2C%0A%20%20%20%20%20%20%20%20'bottom-placement'%3A%20label_placement%20%3D%3D%3D%20%22bottom%22%2C%0A%20%20%20%20%20%20%20%20'start-placement'%3A%20label_placement%20%3D%3D%3D%20%22start%22%0A%20%20%20%20%7D)%3B%0A%7D%0A%0A%2F%2F%20Utility%20function%20to%20manage%20class%20additions%20and%20removals%0Afunction%20updateClasses(element%2C%20classMap)%20%7B%0A%20%20%20%20Object.keys(classMap).forEach((className)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20element.classList.toggle(className%2C%20classMap%5BclassName%5D)%3B%0A%20%20%20%20%7D)%3B%0A%7D%0A%0Afunction%20handleIntermediateChange(widgetMap%2C%20show_intermediate)%20%7B%0A%20%20%20%20updateClasses(widgetMap.checkboxset.nativeElement%2C%20%7B%0A%20%20%20%20%20%20%20%20'intermediate-checkbox'%3A%20show_intermediate.toString().toLowerCase()%20%3D%3D%3D%20'true'%0A%20%20%20%20%7D)%3B%0A%7D%0A%0A%0Afunction%20handleLayoutChange(widgetMap%2C%20layout)%20%7B%0A%20%20%20%20updateClasses(widgetMap.checkboxset.nativeElement%2C%20%7B%0A%20%20%20%20%20%20%20%20'horizontal'%3A%20layout%20%3D%3D%3D%20%22horizontal%22%2C%0A%20%20%20%20%20%20%20%20'vertical'%3A%20layout%20%3D%3D%3D%20%22vertical%22%0A%20%20%20%20%7D)%3B%0A%7D%0A%0Afunction%20handleRequiredChange(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite1.required%20%3D%20required%3B%0A%7D%0A",
+    "styles": ".app-checkboxset.list-group.inline%2C%0A.app-checkboxset.list-group%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%7D%0A%0A.app-checkboxset.list-group.inline.horizontal%2C%0A.app-checkboxset.list-group.horizontal%20%7B%0A%20%20%20%20flex-direction%3A%20row%3B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%7D%0A%0A.app-checkboxset%20.checkbox%3Elabel%20.caption%3Aafter%20%7B%0A%20%20%20%20box-sizing%3A%20unset%3B%0A%7D%0A%0A%0A%2F*%20start%20label%20placement%20styles%20%20*%2F%0A%0A.app-checkboxset.horizontal.start-placement%20.app-checkboxset-label%3E.caption%2C%0A.app-checkboxset.vertical.start-placement%20.app-checkboxset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-right%3A%20calc(var(--wm-checkbox-state-layer-size)%20%2B%20var(--wm-checkbox-gap))%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement%20.checkbox%3Elabel%20.caption%3Abefore%2C%0A.app-checkboxset.vertical.start-placement%20.checkbox%3Elabel%20.caption%3Abefore%20%7B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20right%3A%20calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202)%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement%20.checkbox%3Elabel%20.caption%3Aafter%2C%0A.app-checkboxset.vertical.start-placement%20.checkbox%3Elabel%20.caption%3Aafter%20%7B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20right%3A%20calc(calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202)%20%2B%206px)%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2C%0A.app-checkboxset.vertical.start-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%20%7B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20right%3A%200px%3B%0A%7D%0A%0A%0A%2F*%20top%20label%20placement%20styles%20%20*%2F%0A%0A.app-checkboxset.top-placement%20.app-checkboxset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-bottom%3A%20calc(var(--wm-checkbox-state-layer-size)%20%2B%20var(--wm-checkbox-gap))%3B%0A%20%20%20%20min-width%3A%2020px%3B%0A%20%20%20%20padding-top%3A%20unset%3B%0A%7D%0A%0A.app-checkboxset.top-placement%20.app-checkboxset-label%3E.caption%3A%3Abefore%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap))%20%2B%20calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202))%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.app-checkboxset.top-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap)))%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.wm-app%20.app-checkboxset.top-placement%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap))%20%2B%20calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202))%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translate(-6px%2C%204px)%20rotate(-45deg)%20scale(1)%3B%0A%7D%0A%0A%0A%2F*%20bottom%20label%20placement%20style%20%20*%2F%0A%0A.app-checkboxset.bottom-placement%20.app-checkboxset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-bottom%3A%20unset%3B%0A%20%20%20%20padding-top%3A%20calc(var(--wm-checkbox-state-layer-size)%20%2B%20var(--wm-checkbox-gap))%3B%0A%7D%0A%0A.app-checkboxset.bottom-placement%20%7B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%20%20%20%20min-width%3A%2040px%3B%0A%20%20%20%20max-width%3A%20max-content%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A.app-checkboxset.bottom-placement%20.app-checkboxset-label%3E.caption%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.app-checkboxset.bottom-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.wm-app%20.app-checkboxset.bottom-placement%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translate(-6px%2C%204px)%20rotate(-45deg)%20scale(1)%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement%20.app-checkboxset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-top%3A%20calc(var(--wm-checkbox-state-layer-size)%20%2B%20var(--wm-checkbox-gap))%3B%0A%20%20%20%20min-width%3A%2020px%3B%0A%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%20%20%20%20margin-top%3A%20unset%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202)%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement%20.app-checkboxset-label%3E.caption%3A%3Abefore%20%7B%0A%20%20%20%20top%3A%20calc((var(--wm-checkbox-state-layer-size)%20-%20var(--wm-checkbox-size))%20%2F%202)%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement%20.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%20%7B%0A%20%20%20%20top%3A%200px%3B%0A%7D%0A%0A.app-checkboxset.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Anot(%3Achecked)%2B.caption%3Aafter%2C%0A.app-checkboxset.top-placement.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Anot(%3Achecked)%2B.caption%3Aafter%2C%0A.app-checkboxset.bottom-placement.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Anot(%3Achecked)%2B.caption%3Aafter%2C%0A.app-checkboxset.start-placement.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Anot(%3Achecked)%2B.caption%3Aafter%20%7B%0A%20%20%20%20border%3A%200px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%2C%0A.app-checkboxset.vertical.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-state-layer-size)%2F2)%20-%201px)%3B%0A%20%20%20%20height%3A%200px%3B%0A%20%20%20%20transform%3A%20translate(3px%2C%200px)%20rotate(0deg)%20scale(1)%3B%0A%7D%0A%0A.app-checkboxset.top-placement.horizontal.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%2C%0A.app-checkboxset.top-placement.vertical.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap))%20%2B%20calc(var(--wm-checkbox-state-layer-size)%2F2)%20-%201px)%3B%0A%20%20%20%20height%3A%200px%3B%0A%20%20%20%20transform%3A%20translate(-6px%2C%200px)%20rotate(0deg)%20scale(1)%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%2C%0A.app-checkboxset.vertical.bottom-placement.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap))%20-%20calc(var(--wm-checkbox-state-layer-size)%2F2)%20%2B%207px)%3B%0A%20%20%20%20height%3A%200px%3B%0A%20%20%20%20transform%3A%20translate(-6px%2C%204px)%20rotate(0deg)%20scale(1)%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%7D%0A%0A.app-checkboxset.start-placement.horizontal.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%2C%0A.app-checkboxset.start-placement.vertical.intermediate-checkbox%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-checkbox-caption-line-height)%20%2B%20var(--wm-checkbox-gap))%20-%20calc(var(--wm-checkbox-state-layer-size)%2F2))%3B%0A%20%20%20%20height%3A%200px%3B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20transform%3A%20translate(3px%2C%2011px)%20rotate(0deg)%20scale(1)%3B%0A%7D%0A",
+    "variables": "%7B%20%7D",
+    "config": "%7B%0A%09%22widgetType%22%20%3A%20%22wm-checkboxset%22%2C%0A%09%22properties%22%20%3A%20%7B%0A%09%20%20%22layout%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22list%22%2C%0A%09%09%22displayName%22%20%3A%20%22Layout%22%2C%0A%09%09%22description%22%20%3A%20%22Defines%20the%20orientation%20of%20the%20element.%20'horizontal'%20indicates%20that%20the%20element's%20layout%20or%20behavior%20is%20aligned%20along%20the%20horizontal%20axis%20(left%20to%20right)%2C%20while%20'vertical'%20means%20the%20element%20is%20aligned%20along%20the%20vertical%20axis%20(top%20to%20bottom)%22%2C%0A%09%09%22options%22%20%3A%20%5B%20%22horizontal%22%2C%20%22vertical%22%20%5D%2C%0A%09%09%22value%22%20%3A%20%22horizontal%22%0A%09%20%20%7D%2C%0A%09%20%20%22show_intermediate%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22boolean%22%2C%0A%09%09%22displayName%22%20%3A%20%22Intermediate%20checkbox%22%2C%0A%09%09%22description%22%20%3A%20%22Controls%20whether%20the%20checkbox%20shows%20an%20indeterminate%20state.%20True%20displays%20the%20intermediate%20state%22%2C%0A%09%09%22value%22%20%3A%20false%0A%09%20%20%7D%2C%0A%09%20%20%22state%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22list%22%2C%0A%09%09%22displayName%22%20%3A%20%22State%22%2C%0A%09%09%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20'enabled'%20means%20the%20component%20is%20interactive%20and%20functional%2C%20while%20'disabled'%20means%20it%20is%20non-interactive%20and%20inactive%22%2C%0A%09%09%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%09%09%22value%22%20%3A%20%22Enabled%22%0A%09%20%20%7D%2C%0A%09%20%20%22label_placement%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22list%22%2C%0A%09%09%22displayName%22%20%3A%20%22Label%20placement%22%2C%0A%09%09%22description%22%20%3A%20%22Specifies%20the%20label's%20position%20relative%20to%20the%20component%2C%20with%20options%3A%20'top'%20(Label%20appears%20above%20the%20component)%2C%20'bottom'%20(Label%20appears%20below%20the%20component)%2C%20'start'%20(Label%20appears%20left%20of%20the%20component)%22%2C%0A%09%09%22options%22%20%3A%20%5B%20%22top%22%2C%20%22bottom%22%2C%20%22start%22%2C%20%22end%22%20%5D%2C%0A%09%09%22value%22%20%3A%20%22end%22%0A%09%20%20%7D%2C%0A%09%20%20%22label_text%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22string%22%2C%0A%09%09%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%09%09%22description%22%20%3A%20%22Label%20text%20informs%20users%20about%20what%20information%20is%20requested%20for%20a%20checkboxSet%22%2C%0A%09%09%22value%22%20%3A%20%22Label%20Text%22%0A%09%20%20%7D%2C%0A%09%20%20%22data_set%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22string%22%2C%0A%09%09%22displayName%22%20%3A%20%22Data%20Set%20values%22%2C%0A%09%09%22description%22%20%3A%20%22Defines%20the%20available%20options%20for%20the%20data%20set%2C%20typically%20a%20list%20of%20labels%20such%20as%20'Option1'%2C%20'Option2'%2C%20'Option3'%22%2C%0A%09%09%22value%22%20%3A%20%22Option1%2COption2%2COption3%22%0A%09%20%20%7D%2C%0A%09%20%20%22default_value%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22string%22%2C%0A%09%09%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%09%09%22description%22%20%3A%20%22Specifies%20the%20default%20value%20for%20the%20checked%20attribute.%20Default%20is%20'Option1'%22%2C%0A%09%09%22value%22%20%3A%20%22%22%0A%09%20%20%7D%2C%0A%09%20%20%22required%22%20%3A%20%7B%0A%09%09%22type%22%20%3A%20%22boolean%22%2C%0A%09%09%22displayName%22%20%3A%20%22Required%22%2C%0A%09%09%22description%22%20%3A%20%22Indicates%20whether%20the%20checkboxSet%20is%20mandatory.%20True%20makes%20it%20required%3B%20false%20means%20it%20is%20optional%22%2C%0A%09%09%22value%22%20%3A%20false%0A%09%20%20%7D%0A%09%7D%2C%0A%09%22events%22%20%3A%20%7B%20%7D%0A%20%20%7D%0A%20%20"
+};

package/src/discrete_slider/discrete_slider.d.ts

@@ -0,0 +1,25 @@
+declare function initializeSlider(widgetMap: any, value: any, minValue: any, maxValue: any, stepValue: any, required: any): void;
+declare function updateSlider(widgetMap: any, value: any, minValue: any, maxValue: any, stepValue: any): void;
+declare function updateSliderStep(widgetMap: any, value: any, minValue: any, maxValue: any, stepValue: any): void;
+declare function setRequired(widgetMap: any, required: any): void;
+declare function appendSliderIndicator(slider: any): void;
+declare function configureSliderAndSetStyles(widgetMap: any, value: any, minValue: any, maxValue: any, stepValue: any): void;
+declare function updateSliderStyles(slider: any, value: any, minValue: any, maxValue: any): void;
+declare function setupStepsAndLabels(widgetMap: any): void;
+declare function createStepLabel(labelValue: any, minValue: any, maxValue: any): HTMLParagraphElement;
+declare function updateLabelVisibility(widgetMap: any): void;
+declare function getSliderPercentage(value: any, minValue: any, maxValue: any): number;
+declare function getSliderPercentage(value: any): number;
+declare function clamp(value: any, minValue: any, maxValue: any): number;
+declare function toggleLabelVisibilty(showLabelsBool: any, widgetMap: any): void;
+declare function toggleLabelVisibilty(widgetMap: any, showLabelsBool: any): void;
+declare function toggleIconsVisibility(widgetMap: any, showIconsBool: any, iconActionsBool: any): void;
+declare function toggleIconsVisibility(widgetMap: any, showIconsBool: any, startIcon: any, endIcon: any, iconActionsBool: any): void;
+declare function updateStartIconVisibility(widgetMap: any, iconActionsBool: any, showIconsBool: any): void;
+declare function updateStartIconVisibility(widgetMap: any, iconActionsBool: any, showIconsBool: any): void;
+declare function updateEndIconVisibility(widgetMap: any, iconActionsBool: any, showIconsBool: any): void;
+declare function updateEndIconVisibility(widgetMap: any, iconActionsBool: any, showIconsBool: any): void;
+declare function moveSlider(direction: any, widgetMap: any): void;
+declare function moveSlider(widgetMap: any, direction: any): void;
+declare function convertToBoolean(value: any): boolean;
+declare function convertToBoolean(value: any): boolean;