@wavemaker/app-runtime-wm-build 12.0.0-next.45092 → 12.0.0-next.45096
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.
|
@@ -1734,40 +1734,40 @@ hooks.version="2.30.1";setHookCallback(createLocal);hooks.fn=proto;hooks.min=min
|
|
|
1734
1734
|
\******************/__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{$rootScope:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.$rootScope,ApiAwareVariable:()=>_src_model_variable_api_aware_variable__WEBPACK_IMPORTED_MODULE_3__.ApiAwareVariable,BaseAction:()=>_src_model_base_action__WEBPACK_IMPORTED_MODULE_2__.BaseAction,CONSTANTS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.CONSTANTS,CrudVariable:()=>_src_model_variable_crud_variable__WEBPACK_IMPORTED_MODULE_7__.CrudVariable,DB_CONSTANTS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.DB_CONSTANTS,LVService:()=>_src_util_variable_live_variable_http_utils__WEBPACK_IMPORTED_MODULE_10__.LVService,LiveVariable:()=>_src_model_variable_live_variable__WEBPACK_IMPORTED_MODULE_8__.LiveVariable,LiveVariableUtils:()=>_src_util_variable_live_variable_utils__WEBPACK_IMPORTED_MODULE_11__.LiveVariableUtils,ModelVariable:()=>_src_model_variable_model_variable__WEBPACK_IMPORTED_MODULE_5__.ModelVariable,SWAGGER_CONSTANTS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.SWAGGER_CONSTANTS,ServiceVariable:()=>_src_model_variable_service_variable__WEBPACK_IMPORTED_MODULE_6__.ServiceVariable,TEST:()=>TEST,TimerAction:()=>_src_model_action_timer_action__WEBPACK_IMPORTED_MODULE_4__.TimerAction,VARIABLE_CONSTANTS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.VARIABLE_CONSTANTS,VARIABLE_URLS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.VARIABLE_URLS,WS_CONSTANTS:()=>_src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__.WS_CONSTANTS,appManager:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.appManager,debounceVariableCall:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.debounceVariableCall,decodeData:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.decodeData,dialogService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.dialogService,formatDate:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.formatDate,formatExportExpression:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.formatExportExpression,generateConnectionParams:()=>_src_util_variable_live_variable_http_utils__WEBPACK_IMPORTED_MODULE_10__.generateConnectionParams,getBlob:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getBlob,getErrMessage:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getErrMessage,getEvaluatedOrderBy:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getEvaluatedOrderBy,getTarget:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getTarget,getTargetNodeKey:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getTargetNodeKey,getTargetObj:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.getTargetObj,httpService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.httpService,initiateCallback:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.initiateCallback,internalBoundNodeMap:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.internalBoundNodeMap,isFileUploadSupported:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.isFileUploadSupported,metadataService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.metadataService,navigationService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.navigationService,oauthService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.oauthService,parseConfig:()=>_src_util_variable_live_variable_http_utils__WEBPACK_IMPORTED_MODULE_10__.parseConfig,routerService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.routerService,securityService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.securityService,setInput:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.setInput,setValueToNode:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.setValueToNode,toasterService:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.toasterService,updateInternalNodes:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.updateInternalNodes,wmSetDependency:()=>_src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__.wmSetDependency});var _src_constants_variables_constants__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./src/constants/variables.constants */"./src/constants/variables.constants.ts");var _src_util_variable_variables_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./src/util/variable/variables.utils */"./src/util/variable/variables.utils.ts");var _src_model_base_action__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(/*! ./src/model/base-action */"./src/model/base-action.ts");var _src_model_variable_api_aware_variable__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(/*! ./src/model/variable/api-aware-variable */"./src/model/variable/api-aware-variable.ts");var _src_model_action_timer_action__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(/*! ./src/model/action/timer-action */"./src/model/action/timer-action.ts");var _src_model_variable_model_variable__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(/*! ./src/model/variable/model-variable */"./src/model/variable/model-variable.ts");var _src_model_variable_service_variable__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(/*! ./src/model/variable/service-variable */"./src/model/variable/service-variable.ts");var _src_model_variable_crud_variable__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(/*! ./src/model/variable/crud-variable */"./src/model/variable/crud-variable.ts");var _src_model_variable_live_variable__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(/*! ./src/model/variable/live-variable */"./src/model/variable/live-variable.ts");var _src_types_http_client_service__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(/*! ./src/types/http-client.service */"./src/types/http-client.service.ts");var _src_util_variable_live_variable_http_utils__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(/*! ./src/util/variable/live-variable.http.utils */"./src/util/variable/live-variable.http.utils.ts");var _src_util_variable_live_variable_utils__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(/*! ./src/util/variable/live-variable.utils */"./src/util/variable/live-variable.utils.ts");var _src_types_date_formatter__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(/*! ./src/types/date-formatter */"./src/types/date-formatter.ts");var TEST="hello from variables"})();return __webpack_exports__})()));(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["wm_custom_widgets"]=factory();else root["wm_custom_widgets"]=factory()})(window,(()=>(()=>{"use strict";var __webpack_modules__={"./src/checkbox_set/page.min.js":
|
|
1735
1735
|
/*!**************************************!*\
|
|
1736
1736
|
!*** ./src/checkbox_set/page.min.js ***!
|
|
1737
|
-
\**************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{checkbox_set:()=>checkbox_set});const 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%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",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%20.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-checkboxset.intermediate-checkbox%20.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3A%3Abefore%2C%0A.app-checkboxset%20.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-checkboxset.intermediate-checkbox%20.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3A%3Abefore%20%7B%0A%20%20%20%20border-color%3A%20var(--wm-checkbox-border-color)%3B%0A%20%20%20%20background-color%3A%20var(--wm-checkbox-border-color)%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-checkbox%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"}},"./src/discrete_slider/page.min.js":
|
|
1737
|
+
\**************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{checkbox_set:()=>checkbox_set});const 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-checkbox%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"}},"./src/discrete_slider/page.min.js":
|
|
1738
1738
|
/*!*****************************************!*\
|
|
1739
1739
|
!*** ./src/discrete_slider/page.min.js ***!
|
|
1740
|
-
\*****************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{discrete_slider:()=>discrete_slider});const discrete_slider={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20class%3D%22slider-composite%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22sliderContainer%22%20class%3D%22filled-slider%20discrete-slider%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22decrementButton%22%20iconclass%3D%22bind%3Aprops.start_icon%22%20on-click%3D%22decrementButtonClick(%24event%2C%20widget)%22%20show%3D%22false%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-slider%20name%3D%22slider%22%20class%3D%22cst-slider%22%20datavalue%3D%22bind%3Aprops.value%22%20on-change%3D%22sliderChange(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%20minvalue%3D%22bind%3Aprops.min_value%22%20maxvalue%3D%22bind%3Aprops.max_value%22%3E%3C%2Fwm-slider%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22incrementButton%22%20iconclass%3D%22bind%3Aprops.end_icon%22%20on-click%3D%22incrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22labelsContainer%22%20class%3D%22stop-indicator%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E",script:"Widget.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%20value%2C%0A%20%20%20%20%20%20%20%20step_value%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20min_value%2C%0A%20%20%20%20%20%20%20%20max_value%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%0A%20%20%20%20switch%20(propName)%20%7B%0A%20%20%20%20%20%20%20%20case%20'prop-value'%3A%0A%20%20%20%20%20%20%20%20case%20'prop-min_value'%3A%0A%20%20%20%20%20%20%20%20case%20'prop-max_value'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20'prop-step_value'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderStep(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20'prop-required'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20setRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_labels%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_icons%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-start_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-end_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%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%20value%2C%0A%20%20%20%20%20%20%20%20step_value%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20min_value%2C%0A%20%20%20%20%20%20%20%20max_value%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%20%20%20%20widgetMap.sliderContainer.nativeElement.classList.add('filled-slider'%2C%20'discrete-slider')%3B%0A%20%20%20%20initializeSlider(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value%2C%20required)%3B%0A%20%20%20%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%3B%0A%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.value%3B%0A%0A%0A%7D%3B%0A%0Afunction%20initializeSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue%2C%20required)%20%7B%0A%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%20%20%20%20setRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20appendSliderIndicator(widgetMap.slider)%3B%0A%7D%0A%0Afunction%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20if%20(value%20!%3D%3D%20undefined)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.datavalue%20%3D%20Number(value)%3B%0A%20%20%20%20%7D%0A%20%20%20%20configureSliderAndSetStyles(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%20%20%20%20setupStepsAndLabels(widgetMap)%3B%0A%7D%0A%0Afunction%20updateSliderStep(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%7D%0A%0Afunction%20setRequired(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20appendSliderIndicator(slider)%20%7B%0A%20%20%20%20const%20sliderElement%20%3D%20slider.nativeElement%3B%0A%20%20%20%20if%20(sliderElement)%20%7B%0A%20%20%20%20%20%20%20%20const%20indicator%20%3D%20document.createElement('p')%3B%0A%20%20%20%20%20%20%20%20const%20labelContainer%20%3D%20document.createElement('div')%3B%0A%20%20%20%20%20%20%20%20labelContainer.className%20%3D%20'stop-indicator'%3B%0A%20%20%20%20%20%20%20%20indicator.className%20%3D%20'active-slider'%3B%0A%20%20%20%20%20%20%20%20sliderElement.appendChild(indicator)%3B%0A%20%20%20%20%20%20%20%20sliderElement.appendChild(labelContainer)%3B%0A%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20configureSliderAndSetStyles(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20minValue%20%3D%20parseInt(minValue%2C%2010)%3B%0A%20%20%20%20maxValue%20%3D%20parseInt(maxValue%2C%2010)%3B%0A%20%20%20%20stepValue%20%3D%20parseInt(stepValue%2C%2010)%3B%0A%0A%20%20%20%20if%20(isNaN(minValue)%20%7C%7C%20isNaN(maxValue)%20%7C%7C%20isNaN(stepValue)%20%7C%7C%20stepValue%20%3C%3D%200)%20%7B%0A%20%20%20%20%20%20%20%20console.error(%22Invalid%20min%2C%20max%2C%20or%20step%20values%22)%3B%0A%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20slider.min%20%3D%20minValue%3B%0A%20%20%20%20slider.max%20%3D%20maxValue%3B%0A%20%20%20%20slider.step%20%3D%20stepValue%3B%0A%20%20%20%20slider.datavalue%20%3D%20clamp(slider.datavalue%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20updateSliderStyles(slider%2C%20slider.datavalue%2C%20minValue%2C%20maxValue)%3B%0A%7D%0A%0Afunction%20updateSliderStyles(slider%2C%20value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20const%20percentage%20%3D%20getSliderPercentage(value%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20slider.nativeElement.style.setProperty(%22--end%22%2C%20%60%24%7B100%20-%20percentage%7D%25%60)%0A%7D%0A%0Afunction%20setupStepsAndLabels(widgetMap)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20const%20labelContainer%20%3D%20widgetMap.labelsContainer%3B%0A%20%20%20%20const%20minValue%20%3D%20parseInt(slider.min%2C%2010)%3B%0A%20%20%20%20const%20maxValue%20%3D%20parseInt(slider.max%2C%2010)%3B%0A%20%20%20%20const%20stepValue%20%3D%20parseInt(slider.step%2C%2010)%3B%0A%0A%20%20%20%20if%20(!labelContainer)%20return%3B%0A%0A%20%20%20%20const%20numSteps%20%3D%20Math.ceil((maxValue%20-%20minValue)%20%2F%20stepValue)%3B%0A%20%20%20%20labelContainer.%24element%5B0%5D.innerHTML%20%3D%20''%3B%20%2F%2F%20Clear%20existing%20labels%0A%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%3D%20numSteps%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20const%20labelValue%20%3D%20minValue%20%2B%20i%20*%20stepValue%3B%0A%20%20%20%20%20%20%20%20if%20(labelValue%20%3E%20maxValue)%20break%3B%0A%0A%20%20%20%20%20%20%20%20const%20stepLabel%20%3D%20createStepLabel(labelValue%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20%20%20%20%20labelContainer.%24element%5B0%5D.appendChild(stepLabel)%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20slider.%24element%5B0%5D.addEventListener('input'%2C%20()%20%3D%3E%20updateLabelVisibility(widgetMap))%3B%0A%20%20%20%20updateLabelVisibility(widgetMap)%3B%0A%7D%0A%0Afunction%20createStepLabel(labelValue%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20const%20stepLabel%20%3D%20document.createElement('p')%3B%0A%20%20%20%20stepLabel.className%20%3D%20'step-label'%3B%0A%20%20%20%20stepLabel.textContent%20%3D%20labelValue%3B%0A%0A%20%20%20%20const%20position%20%3D%20((labelValue%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%20%20%20%20stepLabel.style.setProperty('--position'%2C%20%60%24%7Bposition%20-%201%7D%25%60)%3B%0A%20%20%20%20stepLabel.setAttribute('data-position'%2C%20position)%3B%0A%0A%20%20%20%20return%20stepLabel%3B%0A%7D%0A%0Afunction%20updateLabelVisibility(widgetMap)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20const%20labels%20%3D%20widgetMap.labelsContainer.nativeElement.getElementsByClassName('step-label')%3B%0A%20%20%20%20const%20sliderValue%20%3D%20slider.datavalue%3B%0A%20%20%20%20const%20minValue%20%3D%20slider.min%3B%0A%20%20%20%20const%20maxValue%20%3D%20slider.max%3B%0A%20%20%20%20const%20stepValue%20%3D%20slider.step%3B%0A%0A%20%20%20%20const%20validValues%20%3D%20Array.from(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20length%3A%20Math.ceil((maxValue%20-%20minValue)%20%2F%20stepValue)%20%2B%201%0A%20%20%20%20%20%20%20%20%7D%2C%20(_%2C%20i)%20%3D%3E%20minValue%20%2B%20i%20*%20stepValue)%0A%20%20%20%20%20%20%20%20.filter(value%20%3D%3E%20value%20%3C%3D%20maxValue)%3B%0A%0A%20%20%20%20for%20(const%20label%20of%20labels)%20%7B%0A%20%20%20%20%20%20%20%20const%20labelValue%20%3D%20parseInt(label.textContent%2C%2010)%3B%0A%20%20%20%20%20%20%20%20label.classList.remove('hidden'%2C%20'inactive'%2C%20'active')%3B%0A%0A%20%20%20%20%20%20%20%20if%20(validValues.includes(labelValue))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(labelValue%20%3D%3D%3D%20sliderValue)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('hidden')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(labelValue%20%3C%20sliderValue)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('inactive')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('active')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20label.style.display%20%3D%20'block'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20getSliderPercentage(value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20return%20((value%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%7D%0A%0Afunction%20clamp(value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20return%20Math.min(Math.max(value%2C%20minValue)%2C%20maxValue)%3B%0A%7D%0A%0Afunction%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%20%7B%0A%20%20%20%20if%20(showLabelsBool)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.nativeElement.classList.remove(%22hide-labels%22)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.nativeElement.classList.add(%22hide-labels%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20toggleIconsVisibility(%0A%20%20%20%20widgetMap%2C%0A%20%20%20%20showIconsBool%2C%0A%20%20%20%20iconActionsBool%0A)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%2C%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20decrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%0A%20%20%20%20%7D%0A%0A%7D%0A%0Afunction%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20incrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20moveSlider(direction%2C%20widgetMap)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20let%20newValue%20%3D%20Number(slider.datavalue)%20%2B%20(direction%20*%20slider.step)%3B%0A%20%20%20%20newValue%20%3D%20Math.max(Math.min(newValue%2C%20slider.maxvalue)%2C%20slider.minvalue)%3B%0A%20%20%20%20slider.datavalue%20%3D%20newValue%3B%0A%20%20%20%20Widget.sliderChange(null%2C%20slider%2C%20newValue)%3B%0A%7D%0A%0Afunction%20convertToBoolean(value)%20%7B%0A%20%20%20%20return%20value%20%3D%3D%3D%20true%20%7C%7C%20value%20%3D%3D%3D%20%22true%22%3B%0A%7D%0A%0A%0AWidget.sliderChange%20%3D%20function(%24event%2C%20widget%2C%20newVal)%20%7B%0A%20%20%20%20updateSliderStyles(widget%2C%20newVal%2C%20widget.min%2C%20widget.max)%3B%0A%20%20%20%20updateLabelVisibility(Widget.Widgets)%3B%0A%7D%3B%0A%0AWidget.decrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(-1%2C%20Widget.Widgets)%3B%0A%7D%3B%0A%0AWidget.incrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(1%2C%20Widget.Widgets)%3B%0A%7D%3B%0A",styles:".discrete-slider%2C%0A.stop-indicator%20%7B%0A%20%20%20%20--wm-discrete-slider-gap%3A%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-discrete-slider-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-discrete-slider-border-radius%3A%20var(--wm-radius-lg)%3B%0A%20%20%20%20--wm-discrete-slider-filled-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-discrete-slider-filled-active-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-discrete-slider-filled-background-disabled%3A%20var(--wm-color-on-surface-focus)%3B%0A%20%20%20%20--wm-discrete-slider-filled-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-discrete-slider-filled-disabled-opacity%3A%200.38%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-height%3A%20var(--wm-space-11)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-border-radius%3A%20var(--wm-radius-xs)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-height%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%7D%0A%0A.app-composite-widget.form-group%3Ahas(.filled-slider)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20align-items%3A%20start%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20gap%3A%20var(--wm-discrete-slider-gap)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20--start%3A%200%25%3B%0A%20%20%20%20--end%3A%20100%25%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20inline-size%3A%20auto%3B%0A%20%20%20%20block-size%3A%20calc(var(--wm-discrete-slider-height)%20%2B%20var(--wm-space-1))%3B%0A%20%20%20%20margin%3A%20calc(var(--wm-discrete-slider-height)%20%2B%202px)%200%3B%0A%20%20%20%20flex%3A%20none%3B%0A%20%20%20%20direction%3A%20ltr%3B%0A%20%20%20%20flex-grow%3A%201%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.vertical%20%7B%0A%20%20%20%20flex-direction%3A%20row%3B%0A%20%20%20%20margin%3A%20var(--wm-space-2)%20auto%3B%0A%20%20%20%20padding%3A%2050%25%200%3B%0A%20%20%20%20transform%3A%20rotate(-90deg)%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%3Ahas(.app-slider.slider.cst-slider.vertical)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider.discrete-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A%5Bdir%3Drtl%5D%20.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20transform%3A%20scaleX(-1)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20opacity%3A%20unset%3B%0A%20%20%20%20color%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Aonly-of-type%20%7B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%2Binput%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-discrete-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-discrete-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%201%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%201%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-thumb-background-disabled)%3B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%20var(--wm-discrete-slider-filled-disabled-opacity)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3A%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-background)%3B%0A%20%20%20%20clip-path%3A%20polygon(calc(var(--start)%20-%200.5rem)%200%2C%200%200%2C%200%20100%25%2C%20calc(var(--start)%20-%200.5rem)%20100%25%2C%20calc(var(--start)%20-%200.5rem)%200%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200%2C%20100%25%200%2C%20100%25%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.active-slider%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-border-radius)%200%200%20var(--wm-discrete-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-active-background)%3B%0A%20%20%20%20z-index%3A%200%3B%0A%20%20%20%20float%3A%20unset%3B%0A%20%20%20%20vertical-align%3A%20baseline%3B%0A%20%20%20%20inset%3A%20calc(50%25%20-%200.5rem)%20var(--end)%20auto%20var(--start)%3B%0A%20%20%20%20clip-path%3A%20polygon(0%200%2C%20calc(100%25%20-%200.5rem)%200%2C%20calc(100%25%20-%200.5rem)%20100%25%2C%200%20100%25)%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%2036px%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Ahas(input%3Adisabled)%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-background-disabled)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Ahas(input%3Adisabled)%3Ep.active-slider%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-active-background-disabled)%3B%0A%20%20%20%20opacity%3A%20var(--wm-discrete-slider-filled-disabled-opacity)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20input%5Btype%3Drange%5D%3A%3A-webkit-slider-runnable-track%20%7B%0A%20%20%20%20background%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A%0A%2F*%20Ensure%20the%20container%20is%20positioned%20relatively%20to%20contain%20absolutely%20positioned%20children%20*%2F%0A%0A.app-container.stop-indicator%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20width%3A%20calc(100%25%20-%2048px)%3B%0A%20%20%20%20margin-inline%3A%20auto%3B%0A%7D%0A%0A.app-composite-widget%3Ahas(.discrete-slider%20%3E%20.btn-icon.btn)%20.app-container.stop-indicator%20%7B%0A%20%20%20%20width%3A%20calc(100%25%20-%20168px)%3B%0A%7D%0A%0A.app-composite-widget%3Ahas(.discrete-slider%20%3E%20.btn-icon.btn%5Bhidden%5D)%20.app-container.stop-indicator%20%7B%0A%20%20%20%20width%3A%20calc(100%25%20-%2048px)%3B%0A%7D%0A%0A%0A%2F*%20Style%20for%20individual%20step%20labels%20*%2F%0A%0A.app-container.stop-indicator%20.step-label%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20white-space%3A%20nowrap%3B%0A%20%20%20%20left%3A%20var(--position%2C%200%25)%3B%0A%20%20%20%20visibility%3A%20hidden%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.hidden%20%7B%0A%20%20%20%20display%3A%20none%20!important%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.inactive%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-background)%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.active%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-active-background)%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label%5Bdata-position%3D%2299%22%5D%20%7B%0A%20%20%20%20--position%3A%2098.5%25%20!important%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label%3A%3Abefore%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20height%3A%20var(--wm-discrete-slider-step-label-height)%3B%0A%20%20%20%20width%3A%20var(--wm-discrete-slider-step-label-width)%3B%0A%20%20%20%20left%3A%20var(--position%2C%200%25)%3B%0A%20%20%20%20content%3A%20''%3B%0A%20%20%20%20top%3A%20-30px%3B%0A%20%20%20%20visibility%3A%20visible%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-active-background)%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-slider%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20interactivity%20of%20the%20widget.%20'Enabled'%20allows%20interaction%20with%20the%20widget%2C%20while%20'Disabled'%20makes%20the%20widget%20non-interactive%20and%20inactive.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_labels%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Labels%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20labels%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20lables%20will%20be%20shown.%20When%20false%2C%20labels%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_icons%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Icons%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20icons%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20icons%20will%20be%20shown.%20When%20false%2C%20icons%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22start_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Start%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20start%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-minus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22end_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22End%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20end%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-plus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icon_actions%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20Actions%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20the%20icons%20on%20the%20widget%20are%20interactive.%20When%20set%20to%20true%2C%20icons%20will%20respond%20to%20user%20actions%20(e.g.%2C%20clicks).%20When%20false%2C%20icons%20will%20be%20displayed%20but%20not%20interactive.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20initial%20value%20of%20the%20slider%20when%20the%20widget%20is%20first%20displayed.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2250%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22step_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Step%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20increment%20or%20decrement%20steps%20for%20the%20slider.%20This%20value%20controls%20the%20amount%20by%20which%20the%20slider%E2%80%99s%20value%20changes%20with%20each%20step.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2210%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22min_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Minimum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20smallest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22max_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Maximum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20largest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22100%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onChange%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Change%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Triggered%20when%20the%20slider%E2%80%99s%20value%20changes.%20The%20function%20receives%20parameters%20including%20the%20event%2C%20the%20widget%2C%20the%20new%20value%2C%20and%20the%20previous%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22sliderChange(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onDecrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Decrement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20decreased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22decrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onIncrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Increment%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20increased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22incrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/divider/page.min.js":
|
|
1740
|
+
\*****************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{discrete_slider:()=>discrete_slider});const discrete_slider={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20class%3D%22slider-composite%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22sliderContainer%22%20class%3D%22filled-slider%20discrete-slider%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22decrementButton%22%20iconclass%3D%22bind%3Aprops.start_icon%22%20on-click%3D%22decrementButtonClick(%24event%2C%20widget)%22%20show%3D%22false%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-slider%20name%3D%22slider%22%20class%3D%22cst-slider%22%20datavalue%3D%22bind%3Aprops.value%22%20on-change%3D%22sliderChange(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%20minvalue%3D%22bind%3Aprops.min_value%22%20maxvalue%3D%22bind%3Aprops.max_value%22%3E%3C%2Fwm-slider%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22incrementButton%22%20iconclass%3D%22bind%3Aprops.end_icon%22%20on-click%3D%22incrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22labelsContainer%22%20class%3D%22stop-indicator%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",script:"Widget.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%20value%2C%0A%20%20%20%20%20%20%20%20step_value%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20min_value%2C%0A%20%20%20%20%20%20%20%20max_value%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%0A%20%20%20%20switch%20(propName)%20%7B%0A%20%20%20%20%20%20%20%20case%20'prop-value'%3A%0A%20%20%20%20%20%20%20%20case%20'prop-min_value'%3A%0A%20%20%20%20%20%20%20%20case%20'prop-max_value'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20'prop-step_value'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderStep(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20'prop-required'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20setRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_labels%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_icons%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-start_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-end_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%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%20value%2C%0A%20%20%20%20%20%20%20%20step_value%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20min_value%2C%0A%20%20%20%20%20%20%20%20max_value%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%20%20%20%20widgetMap.sliderContainer.nativeElement.classList.add('filled-slider'%2C%20'discrete-slider')%3B%0A%20%20%20%20initializeSlider(widgetMap%2C%20value%2C%20min_value%2C%20max_value%2C%20step_value%2C%20required)%3B%0A%20%20%20%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%3B%0A%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.value%3B%0A%0A%0A%7D%3B%0A%0Afunction%20initializeSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue%2C%20required)%20%7B%0A%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%20%20%20%20setRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20appendSliderIndicator(widgetMap.slider)%3B%0A%7D%0A%0Afunction%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20if%20(value%20!%3D%3D%20undefined)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.datavalue%20%3D%20Number(value)%3B%0A%20%20%20%20%7D%0A%20%20%20%20configureSliderAndSetStyles(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%20%20%20%20setupStepsAndLabels(widgetMap)%3B%0A%7D%0A%0Afunction%20updateSliderStep(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20updateSlider(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%3B%0A%7D%0A%0Afunction%20setRequired(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20appendSliderIndicator(slider)%20%7B%0A%20%20%20%20const%20sliderElement%20%3D%20slider.nativeElement%3B%0A%20%20%20%20if%20(sliderElement)%20%7B%0A%20%20%20%20%20%20%20%20const%20indicator%20%3D%20document.createElement('p')%3B%0A%20%20%20%20%20%20%20%20const%20labelContainer%20%3D%20document.createElement('div')%3B%0A%20%20%20%20%20%20%20%20labelContainer.className%20%3D%20'stop-indicator'%3B%0A%20%20%20%20%20%20%20%20indicator.className%20%3D%20'active-slider'%3B%0A%20%20%20%20%20%20%20%20sliderElement.appendChild(indicator)%3B%0A%20%20%20%20%20%20%20%20sliderElement.appendChild(labelContainer)%3B%0A%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20configureSliderAndSetStyles(widgetMap%2C%20value%2C%20minValue%2C%20maxValue%2C%20stepValue)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20minValue%20%3D%20parseInt(minValue%2C%2010)%3B%0A%20%20%20%20maxValue%20%3D%20parseInt(maxValue%2C%2010)%3B%0A%20%20%20%20stepValue%20%3D%20parseInt(stepValue%2C%2010)%3B%0A%0A%20%20%20%20if%20(isNaN(minValue)%20%7C%7C%20isNaN(maxValue)%20%7C%7C%20isNaN(stepValue)%20%7C%7C%20stepValue%20%3C%3D%200)%20%7B%0A%20%20%20%20%20%20%20%20console.error(%22Invalid%20min%2C%20max%2C%20or%20step%20values%22)%3B%0A%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20slider.min%20%3D%20minValue%3B%0A%20%20%20%20slider.max%20%3D%20maxValue%3B%0A%20%20%20%20slider.step%20%3D%20stepValue%3B%0A%20%20%20%20slider.datavalue%20%3D%20clamp(slider.datavalue%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20updateSliderStyles(slider%2C%20slider.datavalue%2C%20minValue%2C%20maxValue)%3B%0A%7D%0A%0Afunction%20updateSliderStyles(slider%2C%20value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20const%20percentage%20%3D%20getSliderPercentage(value%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20slider.nativeElement.style.setProperty(%22--end%22%2C%20%60%24%7B100%20-%20percentage%7D%25%60)%0A%7D%0A%0Afunction%20setupStepsAndLabels(widgetMap)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20const%20labelContainer%20%3D%20widgetMap.labelsContainer%3B%0A%20%20%20%20const%20minValue%20%3D%20parseInt(slider.min%2C%2010)%3B%0A%20%20%20%20const%20maxValue%20%3D%20parseInt(slider.max%2C%2010)%3B%0A%20%20%20%20const%20stepValue%20%3D%20parseInt(slider.step%2C%2010)%3B%0A%0A%20%20%20%20if%20(!labelContainer)%20return%3B%0A%0A%20%20%20%20const%20numSteps%20%3D%20Math.ceil((maxValue%20-%20minValue)%20%2F%20stepValue)%3B%0A%20%20%20%20labelContainer.%24element%5B0%5D.innerHTML%20%3D%20''%3B%20%2F%2F%20Clear%20existing%20labels%0A%0A%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%3D%20numSteps%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20const%20labelValue%20%3D%20minValue%20%2B%20i%20*%20stepValue%3B%0A%20%20%20%20%20%20%20%20if%20(labelValue%20%3E%20maxValue)%20break%3B%0A%0A%20%20%20%20%20%20%20%20const%20stepLabel%20%3D%20createStepLabel(labelValue%2C%20minValue%2C%20maxValue)%3B%0A%20%20%20%20%20%20%20%20labelContainer.%24element%5B0%5D.appendChild(stepLabel)%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20slider.%24element%5B0%5D.addEventListener('input'%2C%20()%20%3D%3E%20updateLabelVisibility(widgetMap))%3B%0A%20%20%20%20updateLabelVisibility(widgetMap)%3B%0A%7D%0A%0Afunction%20createStepLabel(labelValue%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20const%20stepLabel%20%3D%20document.createElement('p')%3B%0A%20%20%20%20stepLabel.className%20%3D%20'step-label'%3B%0A%20%20%20%20stepLabel.textContent%20%3D%20labelValue%3B%0A%0A%20%20%20%20const%20position%20%3D%20((labelValue%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%20%20%20%20stepLabel.style.setProperty('--position'%2C%20%60%24%7Bposition%20-%201%7D%25%60)%3B%0A%20%20%20%20stepLabel.setAttribute('data-position'%2C%20position)%3B%0A%0A%20%20%20%20return%20stepLabel%3B%0A%7D%0A%0Afunction%20updateLabelVisibility(widgetMap)%20%7B%0A%20%20%20%20const%20slider%20%3D%20widgetMap.slider%3B%0A%20%20%20%20const%20labels%20%3D%20widgetMap.labelsContainer.nativeElement.getElementsByClassName('step-label')%3B%0A%20%20%20%20const%20sliderValue%20%3D%20slider.datavalue%3B%0A%20%20%20%20const%20minValue%20%3D%20slider.min%3B%0A%20%20%20%20const%20maxValue%20%3D%20slider.max%3B%0A%20%20%20%20const%20stepValue%20%3D%20slider.step%3B%0A%0A%20%20%20%20const%20validValues%20%3D%20Array.from(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20length%3A%20Math.ceil((maxValue%20-%20minValue)%20%2F%20stepValue)%20%2B%201%0A%20%20%20%20%20%20%20%20%7D%2C%20(_%2C%20i)%20%3D%3E%20minValue%20%2B%20i%20*%20stepValue)%0A%20%20%20%20%20%20%20%20.filter(value%20%3D%3E%20value%20%3C%3D%20maxValue)%3B%0A%0A%20%20%20%20for%20(const%20label%20of%20labels)%20%7B%0A%20%20%20%20%20%20%20%20const%20labelValue%20%3D%20parseInt(label.textContent%2C%2010)%3B%0A%20%20%20%20%20%20%20%20label.classList.remove('hidden'%2C%20'inactive'%2C%20'active')%3B%0A%0A%20%20%20%20%20%20%20%20if%20(validValues.includes(labelValue))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(labelValue%20%3D%3D%3D%20sliderValue)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('hidden')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20if%20(labelValue%20%3C%20sliderValue)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('inactive')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20label.classList.add('active')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20label.style.display%20%3D%20'block'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20getSliderPercentage(value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20return%20((value%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%7D%0A%0Afunction%20clamp(value%2C%20minValue%2C%20maxValue)%20%7B%0A%20%20%20%20return%20Math.min(Math.max(value%2C%20minValue)%2C%20maxValue)%3B%0A%7D%0A%0Afunction%20toggleLabelVisibilty(showLabelsBool%2C%20widgetMap)%20%7B%0A%20%20%20%20if%20(showLabelsBool)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.nativeElement.classList.remove(%22hide-labels%22)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider.nativeElement.classList.add(%22hide-labels%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20toggleIconsVisibility(%0A%20%20%20%20widgetMap%2C%0A%20%20%20%20showIconsBool%2C%0A%20%20%20%20iconActionsBool%0A)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%2C%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20decrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%0A%20%20%20%20%7D%0A%0A%7D%0A%0Afunction%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20incrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20moveSlider(direction%2C%20widgetMap)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20let%20newValue%20%3D%20Number(slider.datavalue)%20%2B%20(direction%20*%20slider.step)%3B%0A%20%20%20%20newValue%20%3D%20Math.max(Math.min(newValue%2C%20slider.maxvalue)%2C%20slider.minvalue)%3B%0A%20%20%20%20slider.datavalue%20%3D%20newValue%3B%0A%20%20%20%20Widget.sliderChange(null%2C%20slider%2C%20newValue)%3B%0A%7D%0A%0Afunction%20convertToBoolean(value)%20%7B%0A%20%20%20%20return%20value%20%3D%3D%3D%20true%20%7C%7C%20value%20%3D%3D%3D%20%22true%22%3B%0A%7D%0A%0A%0AWidget.sliderChange%20%3D%20function(%24event%2C%20widget%2C%20newVal)%20%7B%0A%20%20%20%20updateSliderStyles(widget%2C%20newVal%2C%20widget.min%2C%20widget.max)%3B%0A%20%20%20%20updateLabelVisibility(Widget.Widgets)%3B%0A%7D%3B%0A%0AWidget.decrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(-1%2C%20Widget.Widgets)%3B%0A%7D%3B%0A%0AWidget.incrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(1%2C%20Widget.Widgets)%3B%0A%7D%3B%0A",styles:".discrete-slider%2C%0A.stop-indicator%20%7B%0A%20%20%20%20--wm-discrete-slider-gap%3A%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-discrete-slider-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-discrete-slider-border-radius%3A%20var(--wm-radius-lg)%3B%0A%20%20%20%20--wm-discrete-slider-filled-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-discrete-slider-filled-active-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-discrete-slider-filled-background-disabled%3A%20var(--wm-color-on-surface-focus)%3B%0A%20%20%20%20--wm-discrete-slider-filled-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-discrete-slider-filled-disabled-opacity%3A%200.38%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-height%3A%20var(--wm-space-11)%3B%0A%20%20%20%20--wm-discrete-slider-filled-thumb-border-radius%3A%20var(--wm-radius-xs)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-height%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-discrete-slider-step-label-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%7D%0A%0A.app-composite-widget.form-group%3Ahas(.filled-slider)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20align-items%3A%20start%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20gap%3A%20var(--wm-discrete-slider-gap)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20--start%3A%200%25%3B%0A%20%20%20%20--end%3A%20100%25%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20inline-size%3A%20auto%3B%0A%20%20%20%20block-size%3A%20calc(var(--wm-discrete-slider-height)%20%2B%20var(--wm-space-1))%3B%0A%20%20%20%20margin%3A%20calc(var(--wm-discrete-slider-height)%20%2B%202px)%200%3B%0A%20%20%20%20flex%3A%20none%3B%0A%20%20%20%20direction%3A%20ltr%3B%0A%20%20%20%20flex-grow%3A%201%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.vertical%20%7B%0A%20%20%20%20flex-direction%3A%20row%3B%0A%20%20%20%20margin%3A%20var(--wm-space-2)%20auto%3B%0A%20%20%20%20padding%3A%2050%25%200%3B%0A%20%20%20%20transform%3A%20rotate(-90deg)%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%3Ahas(.app-slider.slider.cst-slider.vertical)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider.discrete-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A%5Bdir%3Drtl%5D%20.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20transform%3A%20scaleX(-1)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20opacity%3A%20unset%3B%0A%20%20%20%20color%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Aonly-of-type%20%7B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%2Binput%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-discrete-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-discrete-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3A%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-background)%3B%0A%20%20%20%20clip-path%3A%20polygon(calc(var(--start)%20-%200.5rem)%200%2C%200%200%2C%200%20100%25%2C%20calc(var(--start)%20-%200.5rem)%20100%25%2C%20calc(var(--start)%20-%200.5rem)%200%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200%2C%20100%25%200%2C%20100%25%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200)%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.active-slider%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20block-size%3A%20var(--wm-discrete-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-discrete-slider-border-radius)%200%200%20var(--wm-discrete-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-filled-active-background)%3B%0A%20%20%20%20z-index%3A%200%3B%0A%20%20%20%20float%3A%20unset%3B%0A%20%20%20%20vertical-align%3A%20baseline%3B%0A%20%20%20%20inset%3A%20calc(50%25%20-%200.5rem)%20var(--end)%20auto%20var(--start)%3B%0A%20%20%20%20clip-path%3A%20polygon(0%200%2C%20calc(100%25%20-%200.5rem)%200%2C%20calc(100%25%20-%200.5rem)%20100%25%2C%200%20100%25)%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%2036px%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider%20input%5Btype%3Drange%5D%3A%3A-webkit-slider-runnable-track%20%7B%0A%20%20%20%20background%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A%0A%2F*%20Ensure%20the%20container%20is%20positioned%20relatively%20to%20contain%20absolutely%20positioned%20children%20*%2F%0A%0A.app-container.stop-indicator%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20width%3A%20calc(100%25%20-%2048px)%3B%0A%20%20%20%20margin-inline%3A%20auto%3B%0A%7D%0A%0A.app-composite-widget%3Ahas(.discrete-slider%20%3E%20.btn-icon.btn)%20.app-container.stop-indicator%20%7B%0A%20%20%20%20width%3A%20calc(100%25%20-%20168px)%3B%0A%7D%0A%0A.app-composite-widget%3Ahas(.discrete-slider%20%3E%20.btn-icon.btn%5Bhidden%5D)%20.app-container.stop-indicator%20%7B%0A%20%20%20%20width%3A%20calc(100%25%20-%2048px)%3B%0A%7D%0A%0A%0A%2F*%20Style%20for%20individual%20step%20labels%20*%2F%0A%0A.app-container.stop-indicator%20.step-label%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20white-space%3A%20nowrap%3B%0A%20%20%20%20left%3A%20var(--position%2C%200%25)%3B%0A%20%20%20%20visibility%3A%20hidden%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.hidden%20%7B%0A%20%20%20%20display%3A%20none%20!important%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.inactive%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-background)%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label.active%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-active-background)%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label%5Bdata-position%3D%2299%22%5D%20%7B%0A%20%20%20%20--position%3A%2098.5%25%20!important%3B%0A%7D%0A%0A.app-container.stop-indicator%20.step-label%3A%3Abefore%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20height%3A%20var(--wm-discrete-slider-step-label-height)%3B%0A%20%20%20%20width%3A%20var(--wm-discrete-slider-step-label-width)%3B%0A%20%20%20%20left%3A%20var(--position%2C%200%25)%3B%0A%20%20%20%20content%3A%20''%3B%0A%20%20%20%20top%3A%20-30px%3B%0A%20%20%20%20visibility%3A%20visible%3B%0A%20%20%20%20background%3A%20var(--wm-discrete-slider-step-label-active-background)%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.app-container.discrete-slider.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-slider%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20interactivity%20of%20the%20widget.%20'Enabled'%20allows%20interaction%20with%20the%20widget%2C%20while%20'Disabled'%20makes%20the%20widget%20non-interactive%20and%20inactive.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_labels%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Labels%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20labels%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20lables%20will%20be%20shown.%20When%20false%2C%20labels%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_icons%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Icons%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20icons%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20icons%20will%20be%20shown.%20When%20false%2C%20icons%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22start_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Start%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20start%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-minus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22end_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22End%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20end%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-plus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icon_actions%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20Actions%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20the%20icons%20on%20the%20widget%20are%20interactive.%20When%20set%20to%20true%2C%20icons%20will%20respond%20to%20user%20actions%20(e.g.%2C%20clicks).%20When%20false%2C%20icons%20will%20be%20displayed%20but%20not%20interactive.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20initial%20value%20of%20the%20slider%20when%20the%20widget%20is%20first%20displayed.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2250%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22step_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Step%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20increment%20or%20decrement%20steps%20for%20the%20slider.%20This%20value%20controls%20the%20amount%20by%20which%20the%20slider%E2%80%99s%20value%20changes%20with%20each%20step.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2210%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22min_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Minimum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20smallest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22max_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Maximum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20largest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22100%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onChange%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Change%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Triggered%20when%20the%20slider%E2%80%99s%20value%20changes.%20The%20function%20receives%20parameters%20including%20the%20event%2C%20the%20widget%2C%20the%20new%20value%2C%20and%20the%20previous%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22sliderChange(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onDecrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Decrement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20decreased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22decrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onIncrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Increment%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20increased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22incrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/divider/page.min.js":
|
|
1741
1741
|
/*!*********************************!*\
|
|
1742
1742
|
!*** ./src/divider/page.min.js ***!
|
|
1743
1743
|
\*********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{divider:()=>divider});const divider={markup:"%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22divider1%22%20class%3D%22divider%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%3C!--%20Height%20of%20vertical%20divider%20will%20be%20supplied%20using%20inline%20styles%20and%20the%20value%20can%20be%20picked%20up%20from%20node%20css.%20%0A%20%20%20%20A%20minimum%20height%20has%20been%20defined%20in%20the%20event%20that%20the%20user%20uses%20a%20custom%20widget%20divider.%20--%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",script:"Widget.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%20orientation%2C%0A%20%20%20%20%20%20%20%20vertical_height%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%20relevantProps%20%3D%20%5B%22prop-vertical_height%22%2C%20%22prop-orientation%22%5D%3B%0A%20%20%20%20if%20(relevantProps.includes(propName))%20%7B%0A%20%20%20%20%20%20%20%20updateDivider(widgetMap.divider1%2C%20orientation%2C%20vertical_height)%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%20orientation%2C%0A%20%20%20%20%20%20%20%20vertical_height%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20updateDivider(widgetMap.divider1%2C%20orientation%2C%20vertical_height)%3B%0A%7D%3B%0A%0Afunction%20updateDivider(divider%2C%20orientation_prop%2C%20vertical_height)%20%7B%0A%20%20%20%20const%20orientationArray%20%3D%20orientation_prop.toLowerCase().split(%22%2F%22)%3B%0A%20%20%20%20const%20orientation%20%3D%20orientationArray%5B0%5D%3B%20%2F%2F%20Vertical%20or%20Horizontal%0A%20%20%20%20const%20length%20%3D%20orientationArray%5B1%5D%3B%0A%20%20%20%20resetAndUpdateDividerClasses(divider%2C%20orientation%2C%20length)%3B%0A%0A%20%20%20%20if%20(orientation%20%3D%3D%3D%20%22vertical%22)%20%7B%0A%20%20%20%20%20%20%20%20const%20height%20%3D%20calculateHeight(length%2C%20vertical_height)%3B%0A%20%20%20%20%20%20%20%20setDividerHeight(divider%2C%20height)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20resetAndUpdateDividerClasses(divider%2C%20orientation%2C%20length)%20%7B%0A%20%20%20%20divider.nativeElement.classList.remove(%0A%20%20%20%20%20%20%20%20%22full-width%22%2C%0A%20%20%20%20%20%20%20%20%22middle-inset%22%2C%0A%20%20%20%20%20%20%20%20%22horizontal-divider%22%2C%0A%20%20%20%20%20%20%20%20%22vertical-divider%22%2C%0A%20%20%20%20%20%20%20%20%22inset%22%0A%20%20%20%20)%3B%0A%0A%20%20%20%20divider.nativeElement.classList.add(%60%24%7Borientation%7D-divider%60%2C%20length)%3B%0A%7D%0A%0Afunction%20calculateHeight(length%2C%20vertical_height)%20%7B%0A%20%20%20%20switch%20(length)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22full-width%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20vertical_height%3B%0A%20%20%20%20%20%20%20%20case%20%22inset%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20vertical_height%20-%2016%3B%0A%20%20%20%20%20%20%20%20case%20%22middle-inset%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20vertical_height%20-%2032%3B%0A%20%20%20%20%20%20%20%20default%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20vertical_height%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20setDividerHeight(divider%2C%20height)%20%7B%0A%20%20%20%20divider.nativeElement.style.setProperty(%22height%22%2C%20%60%24%7Bheight%7Dpx%60)%3B%0A%7D%0A",styles:".divider%20%7B%0A%20%20%20%20--wm-divider-border-width%3A%20var(--wm-border-width)%3B%0A%20%20%20%20--wm-divider-border-style%3A%20var(--wm-border-style)%3B%0A%20%20%20%20--wm-divider-border-color%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-divider-inset-width%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-vertical-divider-width%3A%201px%3B%0A%7D%0A%0A.divider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20border-top%3A%20var(--wm-divider-border-width)%20var(--wm-divider-border-style)%20var(--wm-divider-border-color)%3B%0A%20%20%20%20height%3A%201px%3B%0A%20%20%20%20margin-block%3A%208px%3B%0A%7D%0A%0A.app-container%3E.divider.full-width%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20margin%3A%20auto%3B%0A%20%20%20%20padding%3A%200px%3B%0A%7D%0A%0A.divider.inset%20%7B%0A%20%20%20%20margin-left%3A%20var(--wm-divider-inset-width)%3B%0A%7D%0A%0A.divider.middle-inset%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20margin-inline%3A%20var(--wm-divider-inset-width)%3B%0A%7D%0A%0A.vertical-divider%20%7B%0A%20%20%20%20width%3A%20var(--wm-vertical-divider-width)%3B%0A%20%20%20%20border-left%3A%20var(--wm-divider-border-width)%20var(--wm-divider-border-style)%20var(--wm-divider-border-color)%3B%0A%20%20%20%20min-height%3A%201px%3B%0A%20%20%20%20margin-inline%3A%208px%3B%0A%7D%0A%0A.vertical-divider.full-width%20%7B%0A%20%20%20%20margin-top%3A%200%3B%0A%20%20%20%20margin-bottom%3A%200%3B%0A%7D%0A%0A.vertical-divider.inset%20%7B%0A%20%20%20%20margin-top%3A%20var(--wm-divider-inset-width)%3B%0A%7D%0A%0A.vertical-divider.middle-inset%20%7B%0A%20%20%20%20margin-block%3A%20var(--wm-divider-inset-width)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-container%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22orientation%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Orientation%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20the%20style%20of%20the%20M3%20divider%20being%20used.%20Default%20value%20is%20horizontal%2Ffull-width.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22horizontal%2Ffull-width%22%2C%20%22horizontal%2Fmiddle-inset%22%2C%20%22horizontal%2Finset%22%2C%20%22vertical%2Ffull-width%22%2C%20%22vertical%2Fmiddle-inset%22%2C%20%22vertical%2Finset%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22horizontal%2Ffull-width%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22vertical_height%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Height%20(only%20for%20vertical)%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20the%20height%20of%20the%20vertical%20divider%20(in%20px)%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%2050%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/icon_button/page.min.js":
|
|
1744
1744
|
/*!*************************************!*\
|
|
1745
1745
|
!*** ./src/icon_button/page.min.js ***!
|
|
1746
|
-
\*************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{icon_button:()=>icon_button});const icon_button={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20name%3D%22iconButton%22%20iconclass%3D%22bind%3Aprops.icon_class%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20conditionalclass%3D%22bind%3A'%20btn-'%20%2B%20props.style.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.button_size.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.color.toLowerCase()%22%3E%3C%2Fwm-button%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'Widget.Widgets.username.datavalue'%0A%20%20%20%20%20*%2F%0A%7D%3B%0A",styles:"%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-button%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%
|
|
1746
|
+
\*************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{icon_button:()=>icon_button});const icon_button={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20name%3D%22iconButton%22%20iconclass%3D%22bind%3Aprops.icon_class%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20conditionalclass%3D%22bind%3A'%20btn-'%20%2B%20props.style.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.button_size.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.color.toLowerCase()%22%3E%3C%2Fwm-button%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'Widget.Widgets.username.datavalue'%0A%20%20%20%20%20*%2F%0A%7D%3B%0A",styles:"%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-button%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20of%20the%20widget.%20Options%20include%20'Filled'%2C%20'Standard'%2C%20and%20'Outlined'.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Filled%22%2C%20%22Standard%22%2C%20%22Outlined%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Filled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%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%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20icon%20class%20to%20be%20used%20inside%20icon%20button%20%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-gear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22button_size%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Button%20size%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20the%20value%20for%20this%20property%20must%20be%20either%20'xs'%20for%20extrasmall%20etc.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22xs%22%2C%20%22sm%22%2C%20%22md%22%2C%20%22lg%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22md%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22color%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Tonal%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20The%20value%20for%20this%20property%20must%20be%20either%20secondary%2C%20tertiary%2C%20success%2C%20error%2C%20info%2C%20warning.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Default%22%2C%20%22Primary%22%2C%20%22Secondary%22%2C%20%22Tertiary%22%2C%20%22Success%22%2C%20%22Info%22%2C%20%22Warning%22%2C%20%22Error%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Default%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/icon_button_toggleable/page.min.js":
|
|
1747
1747
|
/*!************************************************!*\
|
|
1748
1748
|
!*** ./src/icon_button_toggleable/page.min.js ***!
|
|
1749
|
-
\************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{icon_button_toggleable:()=>icon_button_toggleable});const icon_button_toggleable={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22containerIconButtonToggle%22%20class%3D%22btn%20btn-icon%20toggle-button%22%20conditionalclass%3D%22bind%3A'btn-'%20%2B%20props.style.toLowerCase()%20%2B%20'%20'%20%2B%20(props.selected%20%3D%3D%20true%20%3F%20'selected'%3A'')%20%2B%20'%20btn-'%20%2B%20props.color.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.button_size.toLowerCase()%20%2B%20(props.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%3F%26quot%3B%20disabled%26quot%3B%3A%26quot%3B%26quot%3B)%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-checkbox%20name%3D%22checkboxIconBtnToggle%22%20class%3D%22toggle-checkbox%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20datavalue%3D%22bind%3Aprops.selected%22%3E%3C%2Fwm-checkbox%3E%0A%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22iconUnselected%22%20class%3D%22toggle-icon%22%20iconclass%3D%22bind%3Aprops.icon_class_unselected%22%20show%3D%22bind%3Aprops.selected%20!%3D%20true%20%3F%20true%3Afalse%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22iconSelected%22%20class%3D%22toggle-icon%22%20show%3D%22bind%3Aprops.selected%20%3D%3D%20true%20%3F%20true%3Afalse%22%20iconclass%3D%22bind%3Aprops.icon_class_selected%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%3C%2Fwm-container%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0A%2F*%0A%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20*%20Widget.Variables.loggedInUser.getData()%0A%20*%0A%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20*%20'Widget.Widgets.username.datavalue'%0A%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.selected%3B%0A%7D%3B%0A",styles:".btn.toggle-button%20.app-checkbox.toggle-checkbox%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inset%3A%200%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-primary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-primary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-secondary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-tertiary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-success%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-success-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-success-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-success-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-info%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-info-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-info-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-info-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-warning%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-warning-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-warning-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-warning-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-error%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-error-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-error-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-standard.btn-default%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-tertiary-fixed)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-tertiary-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-success-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-success-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-info-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-info-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-warning-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-warning-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-error-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-error-container)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-inverse-surface)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-inverse-surface)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-inverse-on-surface)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-default%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-default-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-default-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-default-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-outlined-state-layer-color)%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-primary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-primary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-primary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-secondary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-secondary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-secondary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-secondary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-secondary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-tertiary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-tertiary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-tertiary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-tertiary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-tertiary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-tertiary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-success)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-success)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-success)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-success-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-success-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-success-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-info)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-info)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-info)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-info-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-info-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-info-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-warning)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-warning)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-warning)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-warning-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-warning-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-warning-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-error)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-danger-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-danger-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-danger-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-outlined-state-layer-color)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%20%20%22widgetType%22%20%3A%20%22wm-checkbox%22%2C%0A%20%20%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Filled%22%2C%20%22Standard%22%2C%20%22Outlined%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Filled%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22button_size%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Button%20size%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20the%20value%20for%20this%20property%20must%20be%20either%20'xs'%20for%20extrasmall%20etc.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22xs%22%2C%20%22sm%22%2C%20%22md%22%2C%20%22lg%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22md%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22color%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Tonal%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20The%20value%20for%20this%20property%20must%20be%20either%20secondary%2C%20tertiary%2C%20success%2C%20error%2C%20info%2C%20warning.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Default%22%2C%20%22Primary%22%2C%20%22Secondary%22%2C%20%22Tertiary%22%2C%20%22Success%22%2C%20%22Info%22%2C%20%22Warning%22%2C%20%22Error%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Default%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22icon_class_unselected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20class%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-gear%22%2C%0A%20%20%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22icon_class_selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20class%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-gear%22%2C%0A%20%20%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Selected%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20"}},"./src/input_chip/page.min.js":
|
|
1749
|
+
\************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{icon_button_toggleable:()=>icon_button_toggleable});const icon_button_toggleable={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22containerIconButtonToggle%22%20class%3D%22btn%20btn-icon%20toggle-button%22%20conditionalclass%3D%22bind%3A'btn-'%20%2B%20props.style.toLowerCase()%20%2B%20'%20'%20%2B%20(props.selected%20%3D%3D%20true%20%3F%20'selected'%3A'')%20%2B%20'%20btn-'%20%2B%20props.color.toLowerCase()%20%2B%20'%20btn-'%20%2B%20props.button_size.toLowerCase()%20%2B%20(props.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%3F%26quot%3B%20disabled%26quot%3B%3A%26quot%3B%26quot%3B)%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-checkbox%20name%3D%22checkboxIconBtnToggle%22%20class%3D%22toggle-checkbox%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20datavalue%3D%22bind%3Aprops.selected%22%3E%3C%2Fwm-checkbox%3E%0A%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22iconUnselected%22%20class%3D%22toggle-icon%22%20iconclass%3D%22bind%3Aprops.icon_class_unselected%22%20show%3D%22bind%3Aprops.selected%20!%3D%20true%20%3F%20true%3Afalse%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22iconSelected%22%20class%3D%22toggle-icon%22%20show%3D%22bind%3Aprops.selected%20%3D%3D%20true%20%3F%20true%3Afalse%22%20iconclass%3D%22bind%3Aprops.icon_class_selected%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%3C%2Fwm-container%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0A%2F*%0A%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20*%20Widget.Variables.loggedInUser.getData()%0A%20*%0A%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20*%20'Widget.Widgets.username.datavalue'%0A%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.selected%3B%0A%7D%3B%0A",styles:".btn.toggle-button%20.app-checkbox.toggle-checkbox%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inset%3A%200%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-primary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-primary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-secondary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-tertiary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-success%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-success-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-success-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-success-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-info%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-info-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-info-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-info-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-warning%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-warning-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-warning-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-warning-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-error%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-error-active)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-error-active)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-standard.btn-default%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-secondary-background)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-outline-variant)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-tertiary-fixed)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-tertiary-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-success-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-success-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-info-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-info-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-warning-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-warning-container)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-standard.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-error-container)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-color-error-container)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-default%20%7B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-inverse-surface)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-inverse-surface)%3B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-inverse-on-surface)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-default%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-default-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-default-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-default-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-default-outlined-state-layer-color)%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-primary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-primary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-primary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-primary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-primary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-secondary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-secondary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-secondary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-secondary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-secondary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-secondary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-secondary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-secondary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-tertiary)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-tertiary)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-tertiary)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-tertiary%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-tertiary-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-tertiary-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-tertiary-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-tertiary-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-success)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-success)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-success)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-success%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-success-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-success-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-success-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-success-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-info)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-info)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-info)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-info%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-info-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-info-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-info-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-info-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-warning)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-warning)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-warning)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-warning%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-warning-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-warning-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-warning-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-warning-outlined-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button.selected%3Anot(.disabled).btn-outlined.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-color-on-error)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-color-error)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-state-layer-color)%3B%0A%7D%0A%0A.btn.toggle-button%3Anot(.selected)%3Anot(.disabled).btn-outlined.btn-error%20%7B%0A%20%20%20%20--wm-btn-color%3A%20var(--wm-btn-danger-outlined-color)%3B%0A%20%20%20%20--wm-btn-background%3A%20var(--wm-btn-danger-outlined-background)%3B%0A%20%20%20%20--wm-btn-border-color%3A%20var(--wm-btn-danger-outlined-border-color)%3B%0A%20%20%20%20--wm-btn-state-layer-color%3A%20var(--wm-btn-danger-outlined-state-layer-color)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%20%20%22widgetType%22%20%3A%20%22wm-checkbox%22%2C%0A%20%20%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%20%20%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%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20of%20the%20widget.%20Options%20include%20'Filled'%2C%20'Standard'%2C%20and%20'Outlined'.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Filled%22%2C%20%22Standard%22%2C%20%22Outlined%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Filled%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22button_size%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Button%20size%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20the%20value%20for%20this%20property%20must%20be%20either%20'xs'%20for%20extrasmall%20etc.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22xs%22%2C%20%22sm%22%2C%20%22md%22%2C%20%22lg%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22md%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22color%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Tonal%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22This%20is%20an%20optinal%20property.%20The%20value%20for%20this%20property%20must%20be%20either%20secondary%2C%20tertiary%2C%20success%2C%20error%2C%20info%2C%20warning.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Default%22%2C%20%22Primary%22%2C%20%22Secondary%22%2C%20%22Tertiary%22%2C%20%22Success%22%2C%20%22Info%22%2C%20%22Warning%22%2C%20%22Error%22%20%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22Default%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22icon_class_unselected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Unselected%20Icon%20class%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20icon%20class%20to%20use%20when%20the%20icon%20button%20toggleable%20is%20in%20the%20unselected%20state.%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-gear%22%2C%0A%20%20%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22icon_class_selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Selected%20Icon%20class%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20icon%20class%20to%20use%20when%20the%20icon%20button%20toggleable%20is%20in%20the%20selected%20state.%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-gear%22%2C%0A%20%20%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Selected%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20icon%20button%20toggleable.%20This%20value%20is%20used%20to%20represent%20the%20state%20of%20the%20widget.%20For%20example%2C%20'true'%20for%20checked%20and%20'false'%20for%20unchecked.%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20"}},"./src/input_chip/page.min.js":
|
|
1750
1750
|
/*!************************************!*\
|
|
1751
1751
|
!*** ./src/input_chip/page.min.js ***!
|
|
1752
|
-
\************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{input_chip:()=>input_chip});const input_chip={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22chip%22%20class%3D%22input-chip-wrapper%22%20on-click%3D%22chipClick(%24event%2C%20widget)%22%20conditionalclass%3D%22bind%3A(props.configuration.toLowerCase().includes(%26quot%3Bavatar%26quot%3B)%20%3F%20%26quot%3Bwith-avatar%26quot%3B%3A%26quot%3B%26quot%3B%20)%2B%20%26quot%3B%20%26quot%3B%2B%20(props.selected.toString().toLowerCase()%20%3D%3D%20%26quot%3Btrue%26quot%3B%3F%20%26quot%3Bselected%26quot%3B%3A%26quot%3B%26quot%3B)%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22icon_avatar%22%20class%3D%22input-chip-leading-wrapper%20d-inline-flex%22%20show%3D%22bind%3Aprops.configuration.toLowerCase()%20!%3D%3D%20%26quot%3Blabel%20only%26quot%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22displayIcon%22%20iconclass%3D%22bind%3A'text-primary%20'%20%2B%20props.leading_icon_class%22%20show%3D%22bind%3Aprops.configuration.toLowerCase().includes(%26quot%3Bicon%26quot%3B)%22%20class%3D%22leading_icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-picture%20name%3D%22pictureCase%22%20class%3D%22input-chip-avatar%22%20picturesource%3D%22bind%3Aprops.picture_source%22%20show%3D%22bind%3Aprops.configuration.toLowerCase().includes(%26quot%3Bavatar%26quot%3B)%22%20resizemode%3D%22cover%22%3E%3C%2Fwm-picture%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20padding%3D%22unset%22%20class%3D%22p%22%20type%3D%22p%22%20name%3D%22displayLabel%22%20caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-sm%20btn-chip-remove%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonRemoveChip%22%20iconclass%3D%22bind%3Aprops.closing_icon_class%22%20show%3D%22bind%3Aprops.show_closing_icon%22%20on-click%3D%22buttonRemoveChipClick(%24event%2C%20widget)%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%3C%2Fwm-container%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0A%2F*%0A%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20*%20Widget.Variables.loggedInUser.getData()%0A%20*%0A%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20*%20'Widget.Widgets.username.datavalue'%0A%20*%2F%0AWidget.onReady%20%3D%20function%20()%20%7B%7D%3B%0A%0A%2F%2F%20handle%20input%20chip%20selection%20in%20run%20time%0AWidget.chipClick%20%3D%20function%20(%24event%2C%20widget)%20%7B%0A%09handleSelection()%3B%0A%7D%3B%0A%0AWidget.onPropertyChange%20%3D%20function%20(propname%2C%20newvalue%2C%20oldvalue)%20%7B%0A%09switch%20(propname)%20%7B%0A%09%09case%20%22prop-selected%22%3A%0A%09%09%09handleSelection()%3B%0A%09%09%09break%3B%0A%09%7D%0A%7D%3B%0A%0Afunction%20handleSelection()%20%7B%0A%09Widget.Widgets.chip.nativeElement.classList.toggle(%22selected%22)%3B%0A%7D%0A",styles:".input-chip-wrapper%20%7B%0A%20%20%20%20--wm-input-chip-height%3A%2032px%3B%0A%20%20%20%20--wm-input-chip-padding%3A%20var(--wm-space-1)%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-input-chip-gap%3A%20var(--wm-space-2)%3B%0A%20%20%20%20--wm-input-chip-color%3A%20var(--wm-color-on-surface-variant)%3B%0A%20%20%20%20--wm-input-chip-background%3A%20none%3B%0A%20%20%20%20--wm-input-chip-background-selected%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-input-chip-border-width%3A%20var(--wm-border-width)%3B%0A%20%20%20%20--wm-input-chip-border-style%3A%20var(--wm-border-style)%3B%0A%20%20%20%20--wm-input-chip-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-input-chip-border-color-selected%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-input-chip-border-radius%3A%20var(--wm-radius-sm)%3B%0A%20%20%20%20--wm-input-chip-border-radius-with-icon%3A%20var(--wm-radius-sm)%3B%0A%20%20%20%20--wm-input-chip-border-radius-with-avatar%3A%20var(--wm-radius-pill)%3B%0A%20%20%20%20--wm-input-chip-font-family%3A%20var(--wm-label-large-font-family)%3B%0A%20%20%20%20--wm-input-chip-font-weight%3A%20var(--wm-label-large-font-weight)%3B%0A%20%20%20%20--wm-input-chip-font-size%3A%20var(--wm-label-large-font-size)%3B%0A%20%20%20%20--wm-input-chip-line-height%3A%20var(--wm-label-large-line-height)%3B%0A%20%20%20%20--wm-input-chip-letter-spacing%3A%20var(--wm-label-large-letter-spacing)%3B%0A%20%20%20%20--wm-input-chip-layer-color%3A%20var(--wm-color-on-surface-variant)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-hover%3A%20var(--wm-opacity-hover)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-focus%3A%20var(--wm-opacity-focus)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-active%3A%20var(--wm-opacity-active)%3B%0A%20%20%20%20--wm-input-chip-avatar-size%3A%20var(--wm-icon-size)%3B%0A%20%20%20%20--wm-input-chip-avatar-radius%3A%20var(--wm-radius-pill)%3B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20gap%3A%20var(--wm-input-chip-gap)%3B%0A%20%20%20%20min-height%3A%20var(--wm-input-chip-height)%3B%0A%20%20%20%20height%3A%20var(--wm-input-chip-height)%3B%0A%20%20%20%20padding%3A%20var(--wm-input-chip-padding)%3B%0A%20%20%20%20color%3A%20var(--wm-input-chip-color)%3B%0A%20%20%20%20background%3A%20var(--wm-input-chip-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-border-radius)%3B%0A%20%20%20%20border%3A%20var(--wm-input-chip-border-width)%20var(--wm-input-chip-border-style)%20var(--wm-input-chip-border-color)%3B%0A%20%20%20%20font-family%3A%20var(--wm-input-chip-font-family)%3B%0A%20%20%20%20font-weight%3A%20var(--wm-input-chip-font-weight)%3B%0A%20%20%20%20font-size%3A%20var(--wm-input-chip-font-size)%3B%0A%20%20%20%20line-height%3A%20var(--wm-input-chip-line-height)%3B%0A%20%20%20%20letter-spacing%3A%20var(--wm-input-chip-letter-spacing)%3B%0A%7D%0A%0A.input-chip-wrapper%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20left%3A%200%3B%0A%20%20%20%20right%3A%200%3B%0A%20%20%20%20bottom%3A%200%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20border-radius%3A%20inherit%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20background%3A%20var(--wm-input-chip-layer-color)%3B%0A%7D%0A%0A.input-chip-wrapper%3Ahover%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-hover)%3B%0A%7D%0A%0A.input-chip-wrapper%3Afocus%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-focus)%3B%0A%7D%0A%0A.input-chip-wrapper%3Aactive%3Abefore%2C%0A.input-chip-wrapper%3Aactive%3Ahover%3Abefore%2C%0A.input-chip-wrapper%3Aactive%3Afocus%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-active)%3B%0A%7D%0A%0A.input-chip-wrapper.selected%20%7B%0A%20%20%20%20--wm-input-chip-background%3A%20var(--wm-input-chip-background-selected)%3B%0A%20%20%20%20--wm-input-chip-border-color%3A%20var(--wm-input-chip-border-color-selected)%3B%0A%7D%0A%0A.input-chip-wrapper%20.input-chip-leading-wrapper%20%7B%0A%20%20%20%20margin-left%3A%20calc(var(--wm-space-1)%20*%20-1)%3B%0A%7D%0A%0A.input-chip-wrapper.with-avatar%20%7B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-avatar-radius)%3B%0A%7D%0A%0A.input-chip-wrapper.with-avatar%20.input-chip-leading-wrapper%20%7B%0A%20%20%20%20margin-left%3A%20calc(var(--wm-space-2)%20*%20-1)%3B%0A%7D%0A%0A.input-chip-wrapper%20.btn.btn-chip-remove%20%7B%0A%20%20%20%20width%3A%20auto%3B%0A%20%20%20%20padding%3A%20var(--wm-space-0)%3B%0A%20%20%20%20min-height%3A%20var(--wm-btn-icon-size)%3B%0A%20%20%20%20height%3A%20var(--wm-btn-icon-size)%3B%0A%20%20%20%20margin%3A%20var(--wm-space-0)%20calc(var(--wm-space-1)%20*%20-1)%20var(--wm-space-0)%20var(--wm-space-0)%3B%0A%7D%0A%0A.input-chip-wrapper%20.input-chip-avatar%20%7B%0A%20%20%20%20width%3A%20var(--wm-input-chip-avatar-size)%3B%0A%20%20%20%20height%3A%20var(--wm-input-chip-avatar-size)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-avatar-radius)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-container%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22enabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22configuration%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Label%20only%22%2C%20%22Label%20%26%20Leading%20icon%22%2C%20%22Label%20%26%20avatar%22%20%5D%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Configuration%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20only%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_closing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Closing%20icon%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Selected%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-user%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22picture_source%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Avatar%20Source%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22resources%2Fimages%2Fimagelists%2Fdefault-image.png%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/progressbar/page.min.js":
|
|
1752
|
+
\************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{input_chip:()=>input_chip});const input_chip={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22chip%22%20class%3D%22input-chip-wrapper%22%20on-click%3D%22chipClick(%24event%2C%20widget)%22%20conditionalclass%3D%22bind%3A(props.configuration.toLowerCase().includes(%26quot%3Bavatar%26quot%3B)%20%3F%20%26quot%3Bwith-avatar%26quot%3B%3A%26quot%3B%26quot%3B%20)%2B%20%26quot%3B%20%26quot%3B%2B%20(props.selected.toString().toLowerCase()%20%3D%3D%20%26quot%3Btrue%26quot%3B%3F%20%26quot%3Bselected%26quot%3B%3A%26quot%3B%26quot%3B)%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22icon_avatar%22%20class%3D%22input-chip-leading-wrapper%20d-inline-flex%22%20show%3D%22bind%3Aprops.configuration.toLowerCase()%20!%3D%3D%20%26quot%3Blabel%20only%26quot%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22displayIcon%22%20iconclass%3D%22bind%3A'text-primary%20'%20%2B%20props.leading_icon_class%22%20show%3D%22bind%3Aprops.configuration.toLowerCase().includes(%26quot%3Bicon%26quot%3B)%22%20class%3D%22leading_icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-picture%20name%3D%22pictureCase%22%20class%3D%22input-chip-avatar%22%20picturesource%3D%22bind%3Aprops.picture_source%22%20show%3D%22bind%3Aprops.configuration.toLowerCase().includes(%26quot%3Bavatar%26quot%3B)%22%20resizemode%3D%22cover%22%3E%3C%2Fwm-picture%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20padding%3D%22unset%22%20class%3D%22p%22%20type%3D%22p%22%20name%3D%22displayLabel%22%20caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-sm%20btn-chip-remove%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonRemoveChip%22%20iconclass%3D%22bind%3Aprops.closing_icon_class%22%20show%3D%22bind%3Aprops.show_closing_icon%22%20on-click%3D%22buttonRemoveChipClick(%24event%2C%20widget)%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%3C%2Fwm-container%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%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0A%2F*%0A%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20*%20Widget.Variables.loggedInUser.getData()%0A%20*%0A%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20*%20'Widget.Widgets.username.datavalue'%0A%20*%2F%0AWidget.onReady%20%3D%20function%20()%20%7B%7D%3B%0A%0A%2F%2F%20handle%20input%20chip%20selection%20in%20run%20time%0AWidget.chipClick%20%3D%20function%20(%24event%2C%20widget)%20%7B%0A%09handleSelection()%3B%0A%7D%3B%0A%0AWidget.onPropertyChange%20%3D%20function%20(propname%2C%20newvalue%2C%20oldvalue)%20%7B%0A%09switch%20(propname)%20%7B%0A%09%09case%20%22prop-selected%22%3A%0A%09%09%09handleSelection()%3B%0A%09%09%09break%3B%0A%09%7D%0A%7D%3B%0A%0Afunction%20handleSelection()%20%7B%0A%09Widget.Widgets.chip.nativeElement.classList.toggle(%22selected%22)%3B%0A%7D%0A",styles:".input-chip-wrapper%20%7B%0A%20%20%20%20--wm-input-chip-height%3A%2032px%3B%0A%20%20%20%20--wm-input-chip-padding%3A%20var(--wm-space-1)%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-input-chip-gap%3A%20var(--wm-space-2)%3B%0A%20%20%20%20--wm-input-chip-color%3A%20var(--wm-color-on-surface-variant)%3B%0A%20%20%20%20--wm-input-chip-background%3A%20none%3B%0A%20%20%20%20--wm-input-chip-background-selected%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-input-chip-border-width%3A%20var(--wm-border-width)%3B%0A%20%20%20%20--wm-input-chip-border-style%3A%20var(--wm-border-style)%3B%0A%20%20%20%20--wm-input-chip-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-input-chip-border-color-selected%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-input-chip-border-radius%3A%20var(--wm-radius-sm)%3B%0A%20%20%20%20--wm-input-chip-border-radius-with-icon%3A%20var(--wm-radius-sm)%3B%0A%20%20%20%20--wm-input-chip-border-radius-with-avatar%3A%20var(--wm-radius-pill)%3B%0A%20%20%20%20--wm-input-chip-font-family%3A%20var(--wm-label-large-font-family)%3B%0A%20%20%20%20--wm-input-chip-font-weight%3A%20var(--wm-label-large-font-weight)%3B%0A%20%20%20%20--wm-input-chip-font-size%3A%20var(--wm-label-large-font-size)%3B%0A%20%20%20%20--wm-input-chip-line-height%3A%20var(--wm-label-large-line-height)%3B%0A%20%20%20%20--wm-input-chip-letter-spacing%3A%20var(--wm-label-large-letter-spacing)%3B%0A%20%20%20%20--wm-input-chip-layer-color%3A%20var(--wm-color-on-surface-variant)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-hover%3A%20var(--wm-opacity-hover)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-focus%3A%20var(--wm-opacity-focus)%3B%0A%20%20%20%20--wm-input-chip-layer-opacity-active%3A%20var(--wm-opacity-active)%3B%0A%20%20%20%20--wm-input-chip-avatar-size%3A%20var(--wm-icon-size)%3B%0A%20%20%20%20--wm-input-chip-avatar-radius%3A%20var(--wm-radius-pill)%3B%0A%20%20%20%20display%3A%20inline-flex%3B%0A%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20gap%3A%20var(--wm-input-chip-gap)%3B%0A%20%20%20%20min-height%3A%20var(--wm-input-chip-height)%3B%0A%20%20%20%20height%3A%20var(--wm-input-chip-height)%3B%0A%20%20%20%20padding%3A%20var(--wm-input-chip-padding)%3B%0A%20%20%20%20color%3A%20var(--wm-input-chip-color)%3B%0A%20%20%20%20background%3A%20var(--wm-input-chip-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-border-radius)%3B%0A%20%20%20%20border%3A%20var(--wm-input-chip-border-width)%20var(--wm-input-chip-border-style)%20var(--wm-input-chip-border-color)%3B%0A%20%20%20%20font-family%3A%20var(--wm-input-chip-font-family)%3B%0A%20%20%20%20font-weight%3A%20var(--wm-input-chip-font-weight)%3B%0A%20%20%20%20font-size%3A%20var(--wm-input-chip-font-size)%3B%0A%20%20%20%20line-height%3A%20var(--wm-input-chip-line-height)%3B%0A%20%20%20%20letter-spacing%3A%20var(--wm-input-chip-letter-spacing)%3B%0A%7D%0A%0A.input-chip-wrapper%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20left%3A%200%3B%0A%20%20%20%20right%3A%200%3B%0A%20%20%20%20bottom%3A%200%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20border-radius%3A%20inherit%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20background%3A%20var(--wm-input-chip-layer-color)%3B%0A%7D%0A%0A.input-chip-wrapper%3Ahover%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-hover)%3B%0A%7D%0A%0A.input-chip-wrapper%3Afocus%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-focus)%3B%0A%7D%0A%0A.input-chip-wrapper%3Aactive%3Abefore%2C%0A.input-chip-wrapper%3Aactive%3Ahover%3Abefore%2C%0A.input-chip-wrapper%3Aactive%3Afocus%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-input-chip-layer-opacity-active)%3B%0A%7D%0A%0A.input-chip-wrapper.selected%20%7B%0A%20%20%20%20--wm-input-chip-background%3A%20var(--wm-input-chip-background-selected)%3B%0A%20%20%20%20--wm-input-chip-border-color%3A%20var(--wm-input-chip-border-color-selected)%3B%0A%7D%0A%0A.input-chip-wrapper%20.input-chip-leading-wrapper%20%7B%0A%20%20%20%20margin-left%3A%20calc(var(--wm-space-1)%20*%20-1)%3B%0A%7D%0A%0A.input-chip-wrapper.with-avatar%20%7B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-avatar-radius)%3B%0A%7D%0A%0A.input-chip-wrapper.with-avatar%20.input-chip-leading-wrapper%20%7B%0A%20%20%20%20margin-left%3A%20calc(var(--wm-space-2)%20*%20-1)%3B%0A%7D%0A%0A.input-chip-wrapper%20.btn.btn-chip-remove%20%7B%0A%20%20%20%20width%3A%20auto%3B%0A%20%20%20%20padding%3A%20var(--wm-space-0)%3B%0A%20%20%20%20min-height%3A%20var(--wm-btn-icon-size)%3B%0A%20%20%20%20height%3A%20var(--wm-btn-icon-size)%3B%0A%20%20%20%20margin%3A%20var(--wm-space-0)%20calc(var(--wm-space-1)%20*%20-1)%20var(--wm-space-0)%20var(--wm-space-0)%3B%0A%7D%0A%0A.input-chip-wrapper%20.input-chip-avatar%20%7B%0A%20%20%20%20width%3A%20var(--wm-input-chip-avatar-size)%3B%0A%20%20%20%20height%3A%20var(--wm-input-chip-avatar-size)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-input-chip-avatar-radius)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-container%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20'enabled'%20means%20the%20component%20is%20interactive%20and%20functional%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22enabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22configuration%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Label%20only%22%2C%20%22Label%20%26%20Leading%20icon%22%2C%20%22Label%20%26%20avatar%22%20%5D%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Configuration%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Label%2C%20Leading%20Icon%20and%20avatar.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20only%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_closing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Closing%20icon%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20closing%20Icon.%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22selected%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Selected%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20input%20chip.%20This%20value%20is%20used%20to%20represent%20the%20state%20of%20the%20input%20chip.%20For%20example%2C%20'true'%20for%20selected%20and%20'false'%20for%20unselected.%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20label%20value%20of%20the%20Input%20chip.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Leading%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22fa%20fa-user%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Trailing%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22picture_source%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Avatar%20Source%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20you%20to%20specify%20the%20source%20URL%20for%20the%20avatar%20image.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22resources%2Fimages%2Fimagelists%2Fdefault-image.png%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/progressbar/page.min.js":
|
|
1753
1753
|
/*!*************************************!*\
|
|
1754
1754
|
!*** ./src/progressbar/page.min.js ***!
|
|
1755
|
-
\*************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{progressbar:()=>progressbar});const progressbar={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearWrapper%22%20class%3D%22progress-linear-wrapper%22%20conditionalclass%3D%22bind%3ApageParams.linear_type.toLowerCase()%20%2B%20'%20'%20%2B%20pageParams.color.toLowerCase()%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearEndPoint%22%20conditionalclass%3D%22bind%3ApageParams.linear_type.toLowerCase()%20%3D%3D%20%26quot%3Bdeterminate%26quot%3B%20%3F%20%26quot%3Bprogress-linear-stop-indicator%26quot%3B%3A%26quot%3Bprogress-linear-track-inactive%26quot%3B%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearTrackActive%22%20class%3D%22progress-linear-track-active%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearTrackInactive%22%20class%3D%22progress-linear-track-inactive%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",script:"%2F*%20*%20Use%20App.getDependency%20for%20Dependency%20Injection%20*%20eg%3A%20var%20DialogService%20%3D%20App.getDependency('DialogService')%3B%20*%2F%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'Widget.Widgets.username.datavalue'%0A%20%20%20%20%20*%2F%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20progress%2C%0A%20%20%20%20%20%20%20%20transition_duration%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20%2F%2F%20change%20width%20of%20progress%20and%20inactive-tracker%20%0A%20%20%20%20handleProgress(widgetMap%2C%20progress)%3B%0A%0A%20%20%20%20%2F%2F%20change%20transition%20duration%0A%20%20%20%20handleTransitionDuration(widgetMap%2C%20transition_duration)%3B%0A%7D%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%20progress%2C%0A%20%20%20%20%20%20%20%20transition_duration%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-progress%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleProgress(widgetMap%2C%20progress)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-transition_duration%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTransitionDuration(widgetMap%2C%20transition_duration)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleProgress(widgetMap%2C%20progress)%20%7B%0A%20%20%20%20let%20progressValue%20%3D%20progress%3B%0A%20%20%20%20let%20numericValue%20%3D%20parseFloat(progressValue)%3B%0A%20%20%20%20let%20progressWrapper%20%3D%20widgetMap.containerProgressLinearWrapper.%24element%5B0%5D%3B%0A%20%20%20%20progressWrapper.style.setProperty(%22gap%22%2C%20%22var(--wm-progress-linear-gap)%22)%3B%0A%20%20%20%20if%20(numericValue%20%3E%3D%20100)%20%7B%0A%20%20%20%20%20%20%20%20progressWrapper.style.setProperty(%22gap%22%2C%200)%3B%0A%20%20%20%20%7D%0A%20%20%20%20progressWrapper.style.setProperty(%22--wm-progress-linear-width-active%22%2C%20progressValue%20%2B%20%22%25%22)%3B%0A%20%20%20%20widgetMap.containerProgressLinearTrackActive.%24element%5B0%5D.setAttribute('title'%2C%20progressValue%20%2B%20%22%25%22)%3B%0A%7D%0A%0Afunction%20handleTransitionDuration(widgetMap%2C%20transition_duration)%20%7B%0A%20%20%20%20let%20transitionDuration%20%3D%20transition_duration%20%3F%20transition_duration%20%3A%201%3B%0A%20%20%20%20let%20progressWrapper%20%3D%20widgetMap.containerProgressLinearWrapper.%24element%5B0%5D%3B%0A%20%20%20%20let%20transitionValue%20%3D%20%60%24%7BparseFloat(transitionDuration)%7Ds%60%3B%0A%20%20%20%20progressWrapper.style.setProperty(%22--wm-progress-linear-transition-duration%22%2C%20transitionValue)%3B%0A%7D%0A",styles:".app-container.progress-linear-wrapper%20%7B%0A%20%20%20%20--wm-progress-linear-width%3A%20100%25%3B%0A%20%20%20%20--wm-progress-linear-width-active%3A%200%25%3B%0A%20%20%20%20--wm-progress-linear-height%3A%204px%3B%0A%20%20%20%20--wm-progress-linear-gap%3A%204px%3B%0A%20%20%20%20--wm-progress-linear-radius%3A%208px%3B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-progress-linear-transition-duration%3A%201s%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20gap%3A%20var(--wm-progress-linear-gap)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-width)%3B%0A%20%20%20%20height%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-stop-indicator%20%7B%0A%20%20%20%20height%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background-active)%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20display%3A%20inline-block%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20right%3A%200%3B%0A%20%20%20%20z-index%3A%201%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-track-inactive%20%7B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background)%3B%0A%20%20%20%20width%3A%20calc(100%25%20-%20var(--wm-progress-linear-width-active))%3B%0A%20%20%20%20%2F*%20Full%20width%20initially%20*%2F%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20transition%3A%20width%20var(--wm-progress-linear-transition-duration)%20ease-in-out%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-track-active%20%7B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background-active)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-width-active)%3B%0A%20%20%20%20%2F*%20Width%20controlled%20by%20custom%20property%20*%2F%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20transition%3A%20width%20var(--wm-progress-linear-transition-duration)%20ease-in-out%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20%7B%0A%20%20%20%20transition%3A%20none%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-inactive%3Afirst-child%20%7B%0A%20%20%20%20width%3A%200%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-start%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-inactive%3Alast-child%20%7B%0A%20%20%20%20width%3A%200%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-end%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-active%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-active%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.secondary%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-secondary)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.tertiary%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-tertiary)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.success%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-success-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-success)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.info%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-info-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-info)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.warning%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-warning-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-warning)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.error%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-error-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-error)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-progress-bar%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22progress%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Progress%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20current%20progress%20of%20the%20bar.%20This%20value%20represents%20the%20percentage%20of%20completion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22linear_type%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Progress%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20type%20of%20progress%20bar.%20Options%20include%20'determinate'%20for%20a%20fixed%20progress%20bar%20or%20'indeterminate'%20for%20an%20animated%20progress%20bar%20without%20a%20fixed%20end.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Determinate%22%2C%20%22Indeterminate%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Determinate%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22color%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Color%20Variant%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20type%20of%20color%20for%20progress%20indicator.%20Options%20include%20like%20'Success'%20for%20a%20success%20color%20progress%20indicator.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Primary%22%2C%20%22Secondary%22%2C%20%22Tertiary%22%2C%20%22Success%22%2C%20%22Info%22%2C%20%22Warning%22%2C%20%22Error%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Primary%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22transition_duration%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Transition%20Duration%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20duration%20of%20the%20progress%20transition%20animation.%20This%20value%20should%20be%20specified%20in%20a%20time%20format%20such%20as%20'500ms'%20or%20'2s'.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220.75s%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A"}},"./src/radio_set/page.min.js":
|
|
1755
|
+
\*************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{progressbar:()=>progressbar});const progressbar={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearWrapper%22%20class%3D%22progress-linear-wrapper%22%20conditionalclass%3D%22bind%3Aprops.linear_type.toLowerCase()%20%2B%20'%20'%20%2B%20props.color.toLowerCase()%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearEndPoint%22%20conditionalclass%3D%22bind%3Aprops.linear_type.toLowerCase()%20%3D%3D%20%26quot%3Bdeterminate%26quot%3B%20%3F%20%26quot%3Bprogress-linear-stop-indicator%26quot%3B%3A%26quot%3Bprogress-linear-track-inactive%26quot%3B%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearTrackActive%22%20class%3D%22progress-linear-track-active%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22containerProgressLinearTrackInactive%22%20class%3D%22progress-linear-track-inactive%22%3E%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",script:"%2F*%20*%20Use%20App.getDependency%20for%20Dependency%20Injection%20*%20eg%3A%20var%20DialogService%20%3D%20App.getDependency('DialogService')%3B%20*%2F%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'Widget.Widgets'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'Widget.Widgets.username.datavalue'%0A%20%20%20%20%20*%2F%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20progress%2C%0A%20%20%20%20%20%20%20%20transition_duration%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20%2F%2F%20change%20width%20of%20progress%20and%20inactive-tracker%20%0A%20%20%20%20handleProgress(widgetMap%2C%20progress)%3B%0A%0A%20%20%20%20%2F%2F%20change%20transition%20duration%0A%20%20%20%20handleTransitionDuration(widgetMap%2C%20transition_duration)%3B%0A%7D%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%20progress%2C%0A%20%20%20%20%20%20%20%20transition_duration%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-progress%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleProgress(widgetMap%2C%20progress)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-transition_duration%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTransitionDuration(widgetMap%2C%20transition_duration)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleProgress(widgetMap%2C%20progress)%20%7B%0A%20%20%20%20let%20progressValue%20%3D%20progress%3B%0A%20%20%20%20let%20numericValue%20%3D%20parseFloat(progressValue)%3B%0A%20%20%20%20let%20progressWrapper%20%3D%20widgetMap.containerProgressLinearWrapper.%24element%5B0%5D%3B%0A%20%20%20%20progressWrapper.style.setProperty(%22gap%22%2C%20%22var(--wm-progress-linear-gap)%22)%3B%0A%20%20%20%20if%20(numericValue%20%3E%3D%20100)%20%7B%0A%20%20%20%20%20%20%20%20progressWrapper.style.setProperty(%22gap%22%2C%200)%3B%0A%20%20%20%20%7D%0A%20%20%20%20progressWrapper.style.setProperty(%22--wm-progress-linear-width-active%22%2C%20progressValue%20%2B%20%22%25%22)%3B%0A%20%20%20%20widgetMap.containerProgressLinearTrackActive.%24element%5B0%5D.setAttribute('title'%2C%20progressValue%20%2B%20%22%25%22)%3B%0A%7D%0A%0Afunction%20handleTransitionDuration(widgetMap%2C%20transition_duration)%20%7B%0A%20%20%20%20let%20transitionDuration%20%3D%20transition_duration%20%3F%20transition_duration%20%3A%201%3B%0A%20%20%20%20let%20progressWrapper%20%3D%20widgetMap.containerProgressLinearWrapper.%24element%5B0%5D%3B%0A%20%20%20%20let%20transitionValue%20%3D%20%60%24%7BparseFloat(transitionDuration)%7Ds%60%3B%0A%20%20%20%20progressWrapper.style.setProperty(%22--wm-progress-linear-transition-duration%22%2C%20transitionValue)%3B%0A%7D%0A",styles:".app-container.progress-linear-wrapper%20%7B%0A%20%20%20%20--wm-progress-linear-width%3A%20100%25%3B%0A%20%20%20%20--wm-progress-linear-width-active%3A%200%25%3B%0A%20%20%20%20--wm-progress-linear-height%3A%204px%3B%0A%20%20%20%20--wm-progress-linear-gap%3A%204px%3B%0A%20%20%20%20--wm-progress-linear-radius%3A%208px%3B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-progress-linear-transition-duration%3A%201s%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20gap%3A%20var(--wm-progress-linear-gap)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-width)%3B%0A%20%20%20%20height%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-stop-indicator%20%7B%0A%20%20%20%20height%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-height)%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background-active)%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20display%3A%20inline-block%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20right%3A%200%3B%0A%20%20%20%20z-index%3A%201%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-track-inactive%20%7B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background)%3B%0A%20%20%20%20width%3A%20calc(100%25%20-%20var(--wm-progress-linear-width-active))%3B%0A%20%20%20%20%2F*%20Full%20width%20initially%20*%2F%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20transition%3A%20width%20var(--wm-progress-linear-transition-duration)%20ease-in-out%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper%20.app-container.progress-linear-track-active%20%7B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20var(--wm-progress-linear-background-active)%3B%0A%20%20%20%20width%3A%20var(--wm-progress-linear-width-active)%3B%0A%20%20%20%20%2F*%20Width%20controlled%20by%20custom%20property%20*%2F%0A%20%20%20%20border-radius%3A%20var(--wm-progress-linear-radius)%3B%0A%20%20%20%20transition%3A%20width%20var(--wm-progress-linear-transition-duration)%20ease-in-out%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20%7B%0A%20%20%20%20transition%3A%20none%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-inactive%3Afirst-child%20%7B%0A%20%20%20%20width%3A%200%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-start%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-inactive%3Alast-child%20%7B%0A%20%20%20%20width%3A%200%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-end%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.indeterminate%20.app-container.progress-linear-track-active%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20animation%3A%20var(--wm-progress-linear-transition-duration)%20ease-in-out%200s%20infinite%20normal%20none%20running%20animation-indeterminate-active%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.secondary%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-secondary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-secondary)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.tertiary%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-tertiary-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-tertiary)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.success%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-success-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-success)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.info%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-info-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-info)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.warning%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-warning-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-warning)%3B%0A%7D%0A%0A.app-container.progress-linear-wrapper.error%20%7B%0A%20%20%20%20--wm-progress-linear-background%3A%20var(--wm-color-error-container)%3B%0A%20%20%20%20--wm-progress-linear-background-active%3A%20var(--wm-color-error)%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-progress-bar%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22progress%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Progress%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20current%20progress%20of%20the%20bar.%20This%20value%20represents%20the%20percentage%20of%20completion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22linear_type%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Progress%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20type%20of%20progress%20bar.%20Options%20include%20'determinate'%20for%20a%20fixed%20progress%20bar%20or%20'indeterminate'%20for%20an%20animated%20progress%20bar%20without%20a%20fixed%20end.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Determinate%22%2C%20%22Indeterminate%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Determinate%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22color%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Color%20Variant%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20type%20of%20color%20for%20progress%20indicator.%20Options%20include%20like%20'Success'%20for%20a%20success%20color%20progress%20indicator.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Primary%22%2C%20%22Secondary%22%2C%20%22Tertiary%22%2C%20%22Success%22%2C%20%22Info%22%2C%20%22Warning%22%2C%20%22Error%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Primary%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22transition_duration%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Transition%20Duration%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20duration%20of%20the%20progress%20transition%20animation.%20This%20value%20should%20be%20specified%20in%20a%20time%20format%20such%20as%20'500ms'%20or%20'2s'.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220.75s%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A"}},"./src/radio_set/page.min.js":
|
|
1756
1756
|
/*!***********************************!*\
|
|
1757
1757
|
!*** ./src/radio_set/page.min.js ***!
|
|
1758
1758
|
\***********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{radio_set:()=>radio_set});const radio_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%22control-label%22%20notag%3D%22true%22%20name%3D%22label1%22%20required%3D%22false%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-radioset%20height%3D%22auto%22%20name%3D%22radioset%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%20readonly%3D%22false%22%20dataset%3D%22bind%3Aprops.data_set%22%20datafield%3D%22All%20Fields%22%20required%3D%22bind%3Aprops.required%22%20usekeys%3D%22false%22%20datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-radioset%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%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%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-label_placement'%3A%20()%20%3D%3E%20handleLabelPlacementChange(widgetMap%2C%20label_placement)%0A%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%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%20%20%20%20default_value%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%20handleRequiredChange(widgetMap%2C%20required)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.default_value%3B%0A%7D%3B%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%0A%0Afunction%20handleLabelPlacementChange(widgetMap%2C%20label_placement)%20%7B%0A%20%20%20%20updateClasses(widgetMap.radioset.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%0A%0Afunction%20handleLayoutChange(widgetMap%2C%20layout)%20%7B%0A%20%20%20%20updateClasses(widgetMap.radioset.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-radioset.list-group.inline%2C%0A.app-radioset.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.wm-app%20.app-radio.radio%20%7B%0A%20%20%20%20width%3A%20auto%3B%0A%7D%0A%0A.app-radioset.list-group.inline.horizontal%2C%0A.app-radioset.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%0A%2F*%20start%20label%20placement%20styles%20%20*%2F%0A%0A.app-radioset.horizontal.start-placement%20.app-radioset-label%3E.caption%2C%0A.app-radioset.vertical.start-placement%20.app-radioset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-right%3A%20calc(var(--wm-radiobutton-state-layer-size)%20%2B%20var(--wm-radiobutton-gap))%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement%20.radio%3Elabel%20.caption%3Abefore%2C%0A.app-radioset.vertical.start-placement%20.radio%3Elabel%20.caption%3Abefore%20%7B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20right%3A%20calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement%20.radio%3Elabel%20.caption%3Aafter%2C%0A.app-radioset.vertical.start-placement%20.radio%3Elabel%20.caption%3Aafter%20%7B%0A%20%20%20%20left%3A%20unset%3B%0A%20%20%20%20top%3A%20calc(calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%20%2B%20calc(var(--wm-radiobutton-size)%20*%200.25))%3B%0A%20%20%20%20right%3A%20calc(calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%20%2B%20calc(var(--wm-radiobutton-size)%20*%200.25))%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical.start-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%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-radioset.top-placement%20%7B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A.app-radioset.top-placement%20.app-radioset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-bottom%3A%20calc(var(--wm-radiobutton-state-layer-size)%20%2B%20var(--wm-radiobutton-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-radioset.top-placement%20.app-radioset-label%3E.caption%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20top%3A%20calc(calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%20%2B%20calc(var(--wm-radiobutton-caption-line-height)%20%2B%20var(--wm-radiobutton-gap)))%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.app-radioset.top-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%20%7B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-radiobutton-caption-line-height)%20%2B%20var(--wm-radiobutton-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-radioset.top-placement%3E.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20top%3A%20calc(calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20*%200.5)%20%2B%20calc(var(--wm-radiobutton-caption-line-height)%20%2B%20var(--wm-radiobutton-gap))%20%2B%20calc(var(--wm-radiobutton-size)*%200.25))%3B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translate(-50%25%2C%200px)%20rotate(0deg)%20scale(1)%3B%0A%20%20%20%20transition%3A%20unsetal%3B%0A%7D%0A%0A%0A%2F*%20bottom%20label%20placement%20style%20%20*%2F%0A%0A.app-radioset.top-placement%20%7B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A.app-radioset.bottom-placement%20.app-radioset-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-radiobutton-state-layer-size)%20%2B%20var(--wm-radiobutton-gap))%3B%0A%7D%0A%0A.app-radioset.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-radioset.bottom-placement%20.app-radioset-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-radioset.bottom-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%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-radioset.bottom-placement%3E.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20transform%3A%20translate(-50%25%2C%200px)%20rotate(0deg)%20scale(1)%3B%0A%20%20%20%20transition%3A%20unset%3B%0A%7D%0A%0A.app-radio.radio%3Elabel%20.caption%3Aafter%20%7B%0A%20%20%20%20transition%3A%20unset%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement%20.app-radioset-label%3E.caption%20%7B%0A%20%20%20%20padding-left%3A%20unset%3B%0A%20%20%20%20padding-top%3A%20calc(var(--wm-radiobutton-state-layer-size)%20%2B%20var(--wm-radiobutton-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-radioset.horizontal.bottom-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3Aafter%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20top%3A%20calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%3B%0A%20%20%20%20transform%3A%20translate(-50%25%2C%205px)%20rotate(0deg)%20scale(1)%3B%0A%20%20%20%20transition%3A%20unset%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement%20.app-radioset-label%3E.caption%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20top%3A%20calc((var(--wm-radiobutton-state-layer-size)%20-%20var(--wm-radiobutton-size))%20%2F%202)%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement%20.app-radio.radio%3Elabel%3Einput%5Btype%3D%22radio%22%5D%20%7B%0A%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20top%3A%200px%3B%0A%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%09%22widgetType%22%20%3A%20%22wm-radioset%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%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.%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%20RadioSet%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%20RadioSet%20label%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"}},"./src/slider/page.min.js":
|
|
1759
1759
|
/*!********************************!*\
|
|
1760
1760
|
!*** ./src/slider/page.min.js ***!
|
|
1761
|
-
\********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{slider:()=>slider});const slider={markup:"%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite1%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22container1%22%20class%3D%22filled-slider%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22decrementButton%22%20iconclass%3D%22bind%3Aprops.start_icon%22%20on-click%3D%22decrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-slider%20name%3D%22slider1%22%20class%3D%22cst-slider%22%20minvalue%3D%22bind%3Aprops.min_value%22%20maxvalue%3D%22bind%3Aprops.max_value%22%20datavalue%3D%22bind%3Aprops.value%22%20on-change%3D%22slider1Change(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-slider%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22incrementButton%22%20iconclass%3D%22bind%3Aprops.end_icon%22%20on-click%3D%22incrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-button%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:"Widget.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%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%20%20%20%20value%3A%20datavalue%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_icons%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20start_icon%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-start_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-end_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_labels%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-max_value%22%3A%0A%20%20%20%20%20%20%20%20case%20%22prop-min_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%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%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%20%20%20%20value%3A%20datavalue%2C%0A%20%20%20%20%20%20%20%20show_labels%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%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20)%3B%0A%20%20%20%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%3B%0A%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20activeSliderElement(widgetMap)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.value%3B%0A%7D%3B%0A%0Afunction%20convertToBoolean(value)%20%7B%0A%20%20%20%20return%20value%20%3D%3D%3D%20true%20%7C%7C%20value%20%3D%3D%3D%20%22true%22%3B%0A%7D%0A%0Afunction%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20decrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20incrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateSliderValue(widgetMap%2C%20datavalue)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider1%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(datavalue%20!%3D%3D%20undefined)%20%7B%0A%20%20%20%20%20%20%20%20slider1.datavalue%20%3D%20Number(datavalue)%3B%0A%20%20%20%20%7D%0A%20%20%20%20slider1.nativeElement.style.setProperty(%22--end%22%2C%20(100%20-%20getSliderPercentage(slider1.datavalue))%20%2B%20'%25')%3B%0A%7D%0A%0Afunction%20toggleIconsVisibility(%0A%20%20%20%20widgetMap%2C%0A%20%20%20%20showIconsBool%2C%0A%20%20%20%20startIcon%2C%0A%20%20%20%20endIcon%2C%0A%20%20%20%20iconActionsBool%2C%0A%0A)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%2C%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%20%7B%0A%20%20%20%20if%20(showLabelsBool)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider1.nativeElement.classList.remove(%22hide-labels%22)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider1.nativeElement.classList.add(%22hide-labels%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20activeSliderElement(widgetMap)%20%7B%0A%20%20%20%20const%20activeSlider%20%3D%20widgetMap.slider1.nativeElement%3B%20%2F%2F%20Get%20the%20slider%20element%0A%20%20%20%20if%20(activeSlider)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Create%20a%20new%20div%20element%0A%20%20%20%20%20%20%20%20const%20newDiv%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20newDiv.className%20%3D%20%22active-slider%22%3B%20%2F%2F%20Set%20a%20class%20for%20styling%0A%20%20%20%20%20%20%20%20%2F%2F%20Append%20the%20new%20element%20to%20slider%20container%0A%20%20%20%20%20%20%20%20activeSlider.appendChild(newDiv)%3B%0A%20%20%20%20%7D%0A%7D%0A%0A%2F*%0A%20*%20Convert%20slider%20value%20to%20percentage%20based%20on%20min%20and%20max%0A%20*%2F%0Afunction%20getSliderPercentage(value)%20%7B%0A%20%20%20%20const%20minValue%20%3D%20parseInt(Widget.props.min_value%2C%2010)%3B%0A%20%20%20%20const%20maxValue%20%3D%20parseInt(Widget.props.max_value%2C%2010)%3B%0A%20%20%20%20return%20((value%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%7D%0A%0AWidget.slider1Change%20%3D%20function(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%20%7B%0A%20%20%20%20const%20sliderValue%20%3D%0A%20%20%20%20%20%20%20%20100%20-%20getSliderPercentage(newVal)%20%2B%20%22%25%22%3B%0A%20%20%20%20widget.nativeElement.style.setProperty(%22--end%22%2C%20sliderValue)%3B%0A%7D%3B%0A%0Afunction%20moveSlider(widgetMap%2C%20direction)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider1%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20let%20newValue%20%3D%20Number(slider1.datavalue)%20%2B%20direction%3B%0A%20%20%20%20newValue%20%3D%20Math.max(Math.min(newValue%2C%20slider1.maxvalue)%2C%20slider1.minvalue)%3B%0A%20%20%20%20slider1.datavalue%20%3D%20newValue%3B%0A%20%20%20%20Widget.slider1Change(null%2C%20slider1%2C%20newValue%2C%20slider1.datavalue)%3B%0A%7D%0A%0AWidget.decrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(Widget.Widgets%2C%20-1)%3B%0A%7D%3B%0A%0AWidget.incrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(Widget.Widgets%2C%201)%3B%0A%7D%3B%0A",styles:".filled-slider%20%7B%0A%20%20%20%20--wm-slider-gap%3A%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-slider-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-slider-border-radius%3A%20var(--wm-radius-lg)%3B%0A%20%20%20%20--wm-slider-filled-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-slider-filled-active-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-slider-filled-background-disabled%3A%20var(--wm-color-on-surface-focus)%3B%0A%20%20%20%20--wm-slider-filled-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-slider-filled-disabled-opacity%3A%200.38%3B%0A%20%20%20%20--wm-slider-filled-thumb-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-slider-filled-thumb-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-slider-filled-thumb-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-slider-filled-thumb-height%3A%20var(--wm-space-11)%3B%0A%20%20%20%20--wm-slider-filled-thumb-border-radius%3A%20var(%20--wm-radius-xs)%3B%0A%7D%0A%0A.app-composite-widget.form-group%3Ahas(.filled-slider)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20align-items%3A%20start%3B%0A%7D%0A%0A.app-container.filled-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20gap%3A%20var(--wm-slider-gap)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20--start%3A%200%25%3B%0A%20%20%20%20--end%3A%20100%25%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20inline-size%3A%20auto%3B%0A%20%20%20%20block-size%3A%20calc(var(--wm-slider-height)%20%2B%20var(--wm-space-1))%3B%0A%20%20%20%20margin%3A%20calc(var(--wm-slider-height)%20%2B%202px)%200%3B%0A%20%20%20%20flex%3A%20none%3B%0A%20%20%20%20direction%3A%20ltr%3B%0A%20%20%20%20flex-grow%3A%201%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.vertical%20%7B%0A%20%20%20%20flex-direction%3A%20row%3B%0A%20%20%20%20margin%3A%20var(--wm-space-2)%20auto%3B%0A%20%20%20%20padding%3A%2050%25%200%3B%0A%20%20%20%20transform%3A%20rotate(-90deg)%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%7D%0A%0A.app-container.filled-slider%3Ahas(.app-slider.slider.cst-slider.vertical)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%7D%0A%0A.app-container.filled-slider.continous-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%7D%0A%0A%5Bdir%3Drtl%5D%20.app-container.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20transform%3A%20scaleX(-1)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20opacity%3A%20unset%3B%0A%20%20%20%20color%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Aonly-of-type%20%7B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%2Binput%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%201%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%201%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-thumb-background-disabled)%3B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20opacity%3A%20var(--wm-slider-filled-disabled-opacity)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3A%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-background)%3B%0A%20%20%20%20clip-path%3A%20polygon(calc(var(--start)%20-%200.5rem)%200%2C%200%200%2C%200%20100%25%2C%20calc(var(--start)%20-%200.5rem)%20100%25%2C%20calc(var(--start)%20-%200.5rem)%200%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200%2C%20100%25%200%2C%20100%25%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Ahas(input%3Adisabled)%3A%3Abefore%20%7B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-background-disabled)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%20input%5Btype%3Drange%5D%3A%3A-webkit-slider-runnable-track%20%7B%0A%20%20%20%20background%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Ahas(input%3Adisabled)%3Ep.active-slider%20%7B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-active-background-disabled)%3B%0A%20%20%20%20opacity%3A%20var(--wm-slider-filled-disabled-opacity)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.active-slider%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200px%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-border-radius)%200%200%20var(--wm-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-active-background)%3B%0A%20%20%20%20z-index%3A%200%3B%0A%20%20%20%20float%3A%20unset%3B%0A%20%20%20%20vertical-align%3A%20baseline%3B%0A%20%20%20%20inset%3A%20calc(50%25%20-%200.5rem)%20var(--end)%20auto%20var(--start)%3B%0A%20%20%20%20clip-path%3A%20polygon(0%200%2C%20calc(100%25%20-%200.5rem)%200%2C%20calc(100%25%20-%200.5rem)%20100%25%2C%200%20100%25)%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%20var(--wm-space-6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-slider%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20whether%20the%20widget%20is%20interactive%20or%20not.%20'Enabled'%20means%20the%20widget%20is%20interactive%20and%20functional%2C%20while%20'Disabled'%20means%20it%20is%20non-interactive%20and%20inactive.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_labels%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Labels%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20labels%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20lables%20will%20be%20shown.%20When%20false%2C%20labels%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_icons%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Icons%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20icons%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20icons%20will%20be%20shown.%20When%20false%2C%20icons%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22start_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Start%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20start%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-minus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22end_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22End%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20end%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-plus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icon_actions%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20Actions%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20the%20icons%20on%20the%20widget%20are%20interactive.%20When%20set%20to%20true%2C%20icons%20will%20respond%20to%20user%20actions%20(e.g.%2C%20clicks).%20When%20false%2C%20icons%20will%20be%20displayed%20but%20not%20interactive.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20default%20value%20for%20the%20slider.%20This%20value%20is%20used%20when%20the%20widget%20is%20initially%20rendered.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2250%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22min_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Minimum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20smallest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22max_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Maximum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20largest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22100%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onChange%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Change%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20changes.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget%2C%20new%20value%2C%20and%20old%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22slider1Change(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onDecrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Decrement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20decreased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22decrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onIncrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Increment%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20increased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22incrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/switch_button/page.min.js":
|
|
1761
|
+
\********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{slider:()=>slider});const slider={markup:"%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite1%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22container1%22%20class%3D%22filled-slider%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22decrementButton%22%20iconclass%3D%22bind%3Aprops.start_icon%22%20on-click%3D%22decrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-slider%20name%3D%22slider1%22%20class%3D%22cst-slider%22%20minvalue%3D%22bind%3Aprops.min_value%22%20maxvalue%3D%22bind%3Aprops.max_value%22%20datavalue%3D%22bind%3Aprops.value%22%20on-change%3D%22slider1Change(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-slider%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22incrementButton%22%20iconclass%3D%22bind%3Aprops.end_icon%22%20on-click%3D%22incrementButtonClick(%24event%2C%20widget)%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%3D%3D%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-button%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:"Widget.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%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%20%20%20%20value%3A%20datavalue%2C%0A%20%20%20%20%20%20%20%20show_labels%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_icons%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20start_icon%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-start_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-end_icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-show_labels%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-max_value%22%3A%0A%20%20%20%20%20%20%20%20case%20%22prop-min_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%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%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20show_icons%2C%0A%20%20%20%20%20%20%20%20icon_actions%2C%0A%20%20%20%20%20%20%20%20value%3A%20datavalue%2C%0A%20%20%20%20%20%20%20%20show_labels%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%20const%20showIconsBool%20%3D%20convertToBoolean(show_icons)%3B%0A%20%20%20%20const%20showLabelsBool%20%3D%20convertToBoolean(show_labels)%3B%0A%20%20%20%20const%20iconActionsBool%20%3D%20convertToBoolean(icon_actions)%3B%0A%20%20%20%20toggleIconsVisibility(%0A%20%20%20%20%20%20%20%20widgetMap%2C%0A%20%20%20%20%20%20%20%20showIconsBool%2C%0A%20%20%20%20%20%20%20%20start_icon%2C%0A%20%20%20%20%20%20%20%20end_icon%2C%0A%20%20%20%20%20%20%20%20iconActionsBool%2C%0A%20%20%20%20)%3B%0A%20%20%20%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%3B%0A%20%20%20%20updateSliderValue(widgetMap%2C%20datavalue)%3B%0A%20%20%20%20activeSliderElement(widgetMap)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.value%3B%0A%7D%3B%0A%0Afunction%20convertToBoolean(value)%20%7B%0A%20%20%20%20return%20value%20%3D%3D%3D%20true%20%7C%7C%20value%20%3D%3D%3D%20%22true%22%3B%0A%7D%0A%0Afunction%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20decrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20incrementButton.nativeElement.style.pointerEvents%20%3D%20iconActionsBool%20%3F%0A%20%20%20%20%20%20%20%20%20%20%20%20%22auto%22%20%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22none%22%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20updateSliderValue(widgetMap%2C%20datavalue)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider1%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(datavalue%20!%3D%3D%20undefined)%20%7B%0A%20%20%20%20%20%20%20%20slider1.datavalue%20%3D%20Number(datavalue)%3B%0A%20%20%20%20%7D%0A%20%20%20%20slider1.nativeElement.style.setProperty(%22--end%22%2C%20(100%20-%20getSliderPercentage(slider1.datavalue))%20%2B%20'%25')%3B%0A%7D%0A%0Afunction%20toggleIconsVisibility(%0A%20%20%20%20widgetMap%2C%0A%20%20%20%20showIconsBool%2C%0A%20%20%20%20startIcon%2C%0A%20%20%20%20endIcon%2C%0A%20%20%20%20iconActionsBool%2C%0A%0A)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20decrementButton%2C%0A%20%20%20%20%20%20%20%20incrementButton%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20if%20(showIconsBool)%20%7B%0A%20%20%20%20%20%20%20%20updateStartIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%20%20%20%20updateEndIconVisibility(widgetMap%2C%20iconActionsBool%2C%20showIconsBool)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20decrementButton.show%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20incrementButton.show%20%3D%20false%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20toggleLabelVisibilty(widgetMap%2C%20showLabelsBool)%20%7B%0A%20%20%20%20if%20(showLabelsBool)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider1.nativeElement.classList.remove(%22hide-labels%22)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.slider1.nativeElement.classList.add(%22hide-labels%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20activeSliderElement(widgetMap)%20%7B%0A%20%20%20%20const%20activeSlider%20%3D%20widgetMap.slider1.nativeElement%3B%20%2F%2F%20Get%20the%20slider%20element%0A%20%20%20%20if%20(activeSlider)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Create%20a%20new%20div%20element%0A%20%20%20%20%20%20%20%20const%20newDiv%20%3D%20document.createElement(%22p%22)%3B%0A%20%20%20%20%20%20%20%20newDiv.className%20%3D%20%22active-slider%22%3B%20%2F%2F%20Set%20a%20class%20for%20styling%0A%20%20%20%20%20%20%20%20%2F%2F%20Append%20the%20new%20element%20to%20slider%20container%0A%20%20%20%20%20%20%20%20activeSlider.appendChild(newDiv)%3B%0A%20%20%20%20%7D%0A%7D%0A%0A%2F*%0A%20*%20Convert%20slider%20value%20to%20percentage%20based%20on%20min%20and%20max%0A%20*%2F%0Afunction%20getSliderPercentage(value)%20%7B%0A%20%20%20%20const%20minValue%20%3D%20parseInt(Widget.props.min_value%2C%2010)%3B%0A%20%20%20%20const%20maxValue%20%3D%20parseInt(Widget.props.max_value%2C%2010)%3B%0A%20%20%20%20return%20((value%20-%20minValue)%20%2F%20(maxValue%20-%20minValue))%20*%20100%3B%0A%7D%0A%0AWidget.slider1Change%20%3D%20function(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%20%7B%0A%20%20%20%20const%20sliderValue%20%3D%0A%20%20%20%20%20%20%20%20100%20-%20getSliderPercentage(newVal)%20%2B%20%22%25%22%3B%0A%20%20%20%20widget.nativeElement.style.setProperty(%22--end%22%2C%20sliderValue)%3B%0A%7D%3B%0A%0Afunction%20moveSlider(widgetMap%2C%20direction)%20%7B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20slider1%0A%20%20%20%20%7D%20%3D%20widgetMap%3B%0A%0A%20%20%20%20let%20newValue%20%3D%20Number(slider1.datavalue)%20%2B%20direction%3B%0A%20%20%20%20newValue%20%3D%20Math.max(Math.min(newValue%2C%20slider1.maxvalue)%2C%20slider1.minvalue)%3B%0A%20%20%20%20slider1.datavalue%20%3D%20newValue%3B%0A%20%20%20%20Widget.slider1Change(null%2C%20slider1%2C%20newValue%2C%20slider1.datavalue)%3B%0A%7D%0A%0AWidget.decrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(Widget.Widgets%2C%20-1)%3B%0A%7D%3B%0A%0AWidget.incrementButtonClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20moveSlider(Widget.Widgets%2C%201)%3B%0A%7D%3B%0A",styles:".filled-slider%20%7B%0A%20%20%20%20--wm-slider-gap%3A%20var(--wm-space-3)%3B%0A%20%20%20%20--wm-slider-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-slider-border-radius%3A%20var(--wm-radius-lg)%3B%0A%20%20%20%20--wm-slider-filled-active-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-slider-filled-active-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-slider-filled-background-disabled%3A%20var(--wm-color-on-surface-focus)%3B%0A%20%20%20%20--wm-slider-filled-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-slider-filled-disabled-opacity%3A%200.38%3B%0A%20%20%20%20--wm-slider-filled-thumb-background-disabled%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-slider-filled-thumb-background%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-slider-filled-thumb-width%3A%20var(--wm-space-1)%3B%0A%20%20%20%20--wm-slider-filled-thumb-height%3A%20var(--wm-space-11)%3B%0A%20%20%20%20--wm-slider-filled-thumb-border-radius%3A%20var(%20--wm-radius-xs)%3B%0A%7D%0A%0A.app-composite-widget.form-group%3Ahas(.filled-slider)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20align-items%3A%20start%3B%0A%7D%0A%0A.app-container.filled-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20gap%3A%20var(--wm-slider-gap)%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20--start%3A%200%25%3B%0A%20%20%20%20--end%3A%20100%25%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20inline-size%3A%20auto%3B%0A%20%20%20%20block-size%3A%20calc(var(--wm-slider-height)%20%2B%20var(--wm-space-1))%3B%0A%20%20%20%20margin%3A%20calc(var(--wm-slider-height)%20%2B%202px)%200%3B%0A%20%20%20%20flex%3A%20none%3B%0A%20%20%20%20direction%3A%20ltr%3B%0A%20%20%20%20flex-grow%3A%201%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.vertical%20%7B%0A%20%20%20%20flex-direction%3A%20row%3B%0A%20%20%20%20margin%3A%20var(--wm-space-2)%20auto%3B%0A%20%20%20%20padding%3A%2050%25%200%3B%0A%20%20%20%20transform%3A%20rotate(-90deg)%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%7D%0A%0A.app-container.filled-slider%3Ahas(.app-slider.slider.cst-slider.vertical)%20%7B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%7D%0A%0A.app-container.filled-slider.continous-slider%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%7D%0A%0A%5Bdir%3Drtl%5D%20.app-container.filled-slider%20.app-slider.slider.cst-slider%20%7B%0A%20%20%20%20transform%3A%20scaleX(-1)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20opacity%3A%20unset%3B%0A%20%20%20%20color%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Aonly-of-type%20%7B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%2Binput%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20pointer-events%3A%20all%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-filled-thumb-height)%3B%0A%20%20%20%20inline-size%3A%20var(--wm-slider-filled-thumb-width)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-filled-thumb-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-thumb-background)%3B%0A%20%20%20%20cursor%3A%20grab%3B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-webkit-slider-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3A%3A-moz-range-thumb%3Aactive%20%7B%0A%20%20%20%20cursor%3A%20grabbing%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-webkit-slider-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Anot(%3Adisabled)%3Ais(%3Afocus)%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20transform%3A%20scaleX(0.6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3Einput%3Adisabled%3A%3A-moz-range-thumb%20%7B%0A%20%20%20%20cursor%3A%20not-allowed%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3A%3Abefore%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20inline-size%3A%20100%25%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-background)%3B%0A%20%20%20%20clip-path%3A%20polygon(calc(var(--start)%20-%200.5rem)%200%2C%200%200%2C%200%20100%25%2C%20calc(var(--start)%20-%200.5rem)%20100%25%2C%20calc(var(--start)%20-%200.5rem)%200%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200%2C%20100%25%200%2C%20100%25%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%20100%25%2C%20calc(100%25%20-%20var(--end)%20%2B%200.5rem)%200)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%20input%5Btype%3Drange%5D%3A%3A-webkit-slider-runnable-track%20%7B%0A%20%20%20%20background%3A%20unset%3B%0A%20%20%20%20height%3A%20unset%3B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.active-slider%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200px%3B%0A%20%20%20%20block-size%3A%20var(--wm-slider-height)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-slider-border-radius)%200%200%20var(--wm-slider-border-radius)%3B%0A%20%20%20%20background%3A%20var(--wm-slider-filled-active-background)%3B%0A%20%20%20%20z-index%3A%200%3B%0A%20%20%20%20float%3A%20unset%3B%0A%20%20%20%20vertical-align%3A%20baseline%3B%0A%20%20%20%20inset%3A%20calc(50%25%20-%200.5rem)%20var(--end)%20auto%20var(--start)%3B%0A%20%20%20%20clip-path%3A%20polygon(0%200%2C%20calc(100%25%20-%200.5rem)%200%2C%20calc(100%25%20-%200.5rem)%20100%25%2C%200%20100%25)%3B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%20var(--wm-space-6)%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-left%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.app-container.filled-slider%20.app-slider.slider.cst-slider.hide-labels%3E.app-slider-value.pull-right%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-slider%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20whether%20the%20widget%20is%20interactive%20or%20not.%20'Enabled'%20means%20the%20widget%20is%20interactive%20and%20functional%2C%20while%20'Disabled'%20means%20it%20is%20non-interactive%20and%20inactive.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_labels%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Labels%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20labels%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20lables%20will%20be%20shown.%20When%20false%2C%20labels%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_icons%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20Icons%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20icons%20should%20be%20displayed%20on%20the%20widget.%20When%20set%20to%20true%2C%20icons%20will%20be%20shown.%20When%20false%2C%20icons%20will%20be%20hidden.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22start_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Start%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20start%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-minus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22end_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22End%20Icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22The%20icon%20to%20be%20displayed%20at%20the%20end%20of%20the%20widget.%20Select%20an%20appropriate%20icon%20from%20the%20available%20options.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-plus%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icon_actions%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Icon%20Actions%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Determines%20whether%20the%20icons%20on%20the%20widget%20are%20interactive.%20When%20set%20to%20true%2C%20icons%20will%20respond%20to%20user%20actions%20(e.g.%2C%20clicks).%20When%20false%2C%20icons%20will%20be%20displayed%20but%20not%20interactive.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Sets%20the%20default%20value%20for%20the%20slider.%20This%20value%20is%20used%20when%20the%20widget%20is%20initially%20rendered.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%2250%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22min_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Minimum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20smallest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%220%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22max_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22integer%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Maximum%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20largest%20value%20the%20slider%20can%20be%20set%20to.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22100%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onChange%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Change%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20changes.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget%2C%20new%20value%2C%20and%20old%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22slider1Change(%24event%2C%20widget%2C%20newVal%2C%20oldVal)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onDecrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Decrement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20decreased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22decrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22onIncrement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22function%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22On%20Increment%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20increased.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22incrementButtonClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/switch_button/page.min.js":
|
|
1762
1762
|
/*!***************************************!*\
|
|
1763
1763
|
!*** ./src/switch_button/page.min.js ***!
|
|
1764
|
-
\***************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{switch_button:()=>switch_button});const switch_button={markup:"%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20required%3D%22false%22%20captionposition%3D%22top%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%20class%3D%22switch-wrapper%22%20conditionalclass%3D%22bind%3A%7B'filled-switch-wrapper'%3A%20props.switch_type%20%3D%3D%3D%20%26quot%3BFilled%26quot%3B%2C%0A'condensed-switch-wrapper'%3A%20props.switch_type%20%3D%3D%3D%20%26quot%3BCondensed%26quot%3B%2C%20%20%20%20%0A'ios-switch-wrapper'%3Aprops.switch_type%20%20%3D%3D%3D%20%26quot%3BIOS%26quot%3B%7D%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-checkbox%20caption%3D%22Toggle%22%20type%3D%22toggle%22%20name%3D%22toggle%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%3Ftrue%3Afalse%22%20datavalue%3D%22bind%3Aprops.selected%22%20class%3D%22switch%22%20checkedvalue%3D%22true%22%20uncheckedvalue%3D%22false%22%20required%3D%22bind%3Aprops.required%22%20show%3D%22true%22%3E%3C%2Fwm-checkbox%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22container2%22%20class%3D%22icon-container%22%20show%3D%22true%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22icon1%22%20iconclass%3D%22bind%3Aprops.unselected_icon%22%20show%3D%22bind%3Aprops.unselected_icon%22%20class%3D%22start-icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22icon2%22%20iconclass%3D%22bind%3Aprops.selected_icon%22%20show%3D%22bind%3Aprops.selected_icon%22%20class%3D%22end-icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fwm-container%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*%20Example%3A%0A%20*%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%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20switch_type%2C%0A%20%20%20%20%20%20%20%20icon%2C%0A%20%20%20%20%20%20%20%20unselected_icon%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20unchecked_value%2C%0A%20%20%20%20%20%20%20%20checked_value%2C%0A%20%20%20%20%20%20%20%20selected%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-switch_type%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-required%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleRequiredChange(required%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-selected%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-checked_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-unchecked_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleIconVisibiltyChange(icon%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%7D%0A%7D%3B%0A%0A%2F*%20Perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20switch_type%2C%0A%20%20%20%20%20%20%20%20icon%2C%0A%20%20%20%20%20%20%20%20unselected_icon%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20unchecked_value%2C%0A%20%20%20%20%20%20%20%20checked_value%2C%0A%20%20%20%20%20%20%20%20selected%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%3B%0A%20%20%20%20handleRequiredChange(required%2C%20widgetMap)%3B%0A%20%20%20%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%20%20%20%20handleIconVisibiltyChange(icon%2C%20widgetMap)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.selected%3B%0A%7D%3B%0A%0Afunction%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%20%7B%0A%20%20%20%20widgetMap.toggle.nativeElement.classList.remove(%0A%20%20%20%20%20%20%20%20%22filled-switch%22%2C%0A%20%20%20%20%20%20%20%20%22icon%22%2C%0A%20%20%20%20%20%20%20%20%22unselected-icon%22%2C%0A%20%20%20%20%20%20%20%20%22condensed-switch%22%2C%0A%20%20%20%20%20%20%20%20%22ios-switch%22%0A%20%20%20%20)%3B%0A%20%20%20%20%2F%2F%20Set%20CSS%20classes%20for%20the%20toggle%20widget%20based%20on%20the%20switch%20type%0A%20%20%20%20if%20(switch_type%20%3D%3D%3D%20%22Filled%22)%20%7B%0A%20%20%20%20%20%20%20%20if%20(icon.toString().toLowerCase()%20%3D%3D%3D%20%22true%22)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22filled-switch%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22filled-switch%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'unselected-icon'%20class%20if%20no%20unselected_icon%20is%20specified%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%20null%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%3D%20%22%22%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%3D%20%22%20%22%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22filled-switch%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22unselected-icon%22%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%20else%20if%20(switch_type%20%3D%3D%3D%20%22Condensed%22)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'condensed-switch'%20class%0A%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22condensed-switch%22)%3B%0A%20%20%20%20%7D%20else%20if%20(switch_type%20%3D%3D%3D%20%22IOS%22)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'iOS-switch'%20class%0A%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22ios-switch%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleRequiredChange(required%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Set%20the%20'required'%20property%20for%20the%20composite%20widget%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Set%20the%20'checkedvalue'%20and%20'uncheckedvalue'%20properties%20for%20the%20toggle%20widget%0A%20%20%20%20widgetMap.toggle.checkedvalue%20%3D%20checked_value%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%7D%0A%0Afunction%20handleIconVisibiltyChange(icon%2C%20widgetMap)%20%7B%0A%20%20%20%20if%20(icon.toString().toLowerCase()%20%3D%3D%3D%20%22true%22)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.remove(%22icon%22)%3B%0A%0A%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%20%7B%0A%20%20%20%20widgetMap.toggle.uncheckedvalue%20%3D%20unchecked_value%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%7D%0A%0Afunction%20handleSelectedValueChange(selected%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Retrieve%20the%20selected%20value%20from%20page%20parameters%0A%20%20%20%20var%20selectedValue%20%3D%20selected%3B%0A%0A%20%20%20%20%2F%2F%20Determine%20the%20correct%20'datavalue'%20based%20on%20the%20selected%20value%0A%20%20%20%20if%20(selectedValue%20%3D%3D%3D%20widgetMap.toggle.checkedvalue)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20If%20selected%20value%20matches%20the%20checked%20value%2C%20set%20datavalue%20to%20checked%20value%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.checkedvalue%3B%0A%20%20%20%20%7D%20else%20if%20(selectedValue%20%3D%3D%3D%20widgetMap.toggle.uncheckedvalue)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20If%20selected%20value%20matches%20the%20unchecked%20value%2C%20set%20datavalue%20to%20unchecked%20value%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.uncheckedvalue%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Log%20a%20warning%20if%20the%20selected%20value%20does%20not%20match%20known%20values%0A%20%20%20%20%20%20%20%20console.warn(%22Selected%20value%20does%20not%20match%20any%20known%20value%22)%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Optionally%20set%20to%20a%20default%20value%20or%20handle%20the%20error%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.uncheckedvalue%3B%20%2F%2F%20Default%20to%20unchecked%0A%20%20%20%20%7D%0A%7D%0A",styles:".switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-height%3A%2032px%3B%0A%20%20%20%20--wm-switch-width%3A%2052px%3B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-switch-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-switch-active-border-color%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-switch-border-style%3A%20solid%3B%0A%20%20%20%20--wm-switch-border-width%3A%202px%3B%0A%20%20%20%20--wm-switch-border-radius%3A%20100px%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-tranistion%3A%200.25s%20ease-in%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20calc(var(--wm-switch-height)%20-%20var(--wm-space-2))%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20calc(var(--wm-switch-height)%20-%20var(--wm-space-2))%3B%0A%20%20%20%20--wm-switch-caption-icon-size%3A%2016px%3B%0A%20%20%20%20--wm-switch-caption-state-layer-color%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-switch-condensed-height%3A%2014px%3B%0A%20%20%20%20--wm-switch-condensed-width%3A%2034px%3B%0A%20%20%20%20--wm-switch-condensed-background%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-condensed-caption-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-condensed-active-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-switch-condensed-caption-active-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-switch-condensed-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-condensed-caption-icon-width%3A%20var(--wm-space-5)%3B%0A%20%20%20%20--wm-switch-condensed-caption-icon-height%3A%20var(--wm-space-5)%3B%0A%20%20%20%20--wm-switch-condensed-shadow%3A%20var(--wm-elevation-shadow-1)%3B%0A%20%20%20%20--wm-switch-ios-height%3A%2026px%3B%0A%20%20%20%20--wm-switch-ios-width%3A%2042px%3B%0A%20%20%20%20--wm-switch-ios-background%3A%20%23E9E9EA%3B%0A%20%20%20%20--wm-switch-ios-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-ios-active-background%3A%20%2365C466%3B%0A%20%20%20%20--wm-switch-ios-border-radius%3A%20100px%3B%0A%20%20%20%20--wm-switch-ios-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-ios-caption-width%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-height%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-ios-caption-active-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-ios-tranistion%3A%200.25s%20ease-in%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-width%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-height%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-size%3A%2016px%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%2C%0A.condensed-switch-wrapper%20.app-checkbox%2C%0A.ios-switch-wrapper%20.app-checkbox%20%7B%0A%20%20%20%20margin%3A%200px%3B%0A%7D%0A%0A.switch-wrapper%20%7B%0A%20%20%20%20margin%3A%208px%3B%0A%7D%0A%0A.switch-wrapper%20.switch%20label%20input%5Btype%3D%22checkbox%22%5D%2C%0A.switch-wrapper%20.switch%20label%20span.caption%2C%0A.switch-wrapper%20.switch%20label%20span.caption%3A%3Abefore%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.switch-wrapper%20.switch%20label%20%7B%0A%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20border%3A%20var(--wm-switch-border-width)%20var(--wm-switch-border-style)%20var(--wm-switch-border-color)%3B%0A%20%20%20%20background%3A%20var(--wm-switch-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-border-radius)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-height)%3B%0A%20%20%20%20min-height%3A%20var(--wm-switch-height)%3B%0A%20%20%20%20width%3A%20var(--wm-switch-width)%3B%0A%20%20%20%20user-select%3A%20none%3B%0A%20%20%20%20-webkit-tap-highlight-color%3A%20transparent%3B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20box-shadow%3A%20unset%3B%0A%20%20%20%20overflow%3A%20visible%3B%0A%20%20%20%20margin-block%3A%208px%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.switch%20label%20%7B%0A%20%20%20%20border%3A%20var(--wm-switch-border-width)%20var(--wm-switch-border-style)%20var(--wm-switch-active-background)%3B%0A%20%20%20%20background%3A%20var(--wm-switch-active-background)%3B%0A%7D%0A%0A.switch-wrapper.icon%20.switch%20label%20%7B%0A%20%20%20%20padding%3A%200px%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-caption-border-radius)%3B%0A%20%20%20%20width%3A%20var(--wm-switch-caption-width)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-caption-height)%3B%0A%20%20%20%20min-height%3A%20var(--wm-switch-caption-height)%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20left%3A%208px%3B%0A%20%20%20%20top%3A%2016px%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20padding%3A%200px%3B%0A%20%20%20%20transition%3A%20transform%200.3s%20ease%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%2012px%3B%0A%20%20%20%20left%3A%204px%3B%0A%20%20%20%20width%3A%20var(--wm-switch-caption-icon-width)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-caption-icon-height)%3B%0A%20%20%20%20font-size%3A%20var(--wm-switch-caption-icon-size)%3B%0A%20%20%20%20max-width%3A%20var(--wm-switch-caption-icon-width)%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-width)%20-%20var(--wm-switch-caption-width)%20-%20var(--wm-space-4)))%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.switch-wrapper.icon%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Anot(%3Achecked))%20.icon-container%20span.start-icon%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.switch-wrapper.icon%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20span.end-icon%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-active-background)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20min-height%3A%20100%25%3B%0A%20%20%20%20min-width%3A%20100%25%3B%0A%20%20%20%20color%3A%20var(--wm-switch-background)%3B%0A%20%20%20%20overflow%3A%20visible%3B%0A%20%20%20%20z-index%3A%2010%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20font-size%3A%20var(--wm-switch-caption-icon-size)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20color%3A%20var(--wm-switch-active-background)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%20.switch-wrapper%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20-webkit-appearance%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20left%3A%20-12px%3B%0A%20%20%20%20top%3A%20-12px%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20width%3A%20calc(var(--wm-switch-caption-icon-width)%20%2B%20var(--wm-space-4))%3B%0A%20%20%20%20height%3A%20calc(var(--wm-switch-caption-icon-height)%20%2B%20var(--wm-space-4))%3B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-state-layer-color)%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20transform%3A%20scale(1)%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%3A%3Abefore%2C%0A.switch-wrapper.icon%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Ahover~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-hover)%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Afocus~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-focus)%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Aactive~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-focus)%3B%0A%7D%0A%0A%0A%2F*%20condensed%20styles%20*%2F%0A%0A.condensed-switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-switch-condensed-background)%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20var(--wm-switch-condensed-caption-icon-width)%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20var(--wm-switch-condensed-caption-icon-height)%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-switch-condensed-caption-icon-width)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-switch-condensed-caption-icon-height)%3B%0A%20%20%20%20--wm-switch-caption-icon-size%3A%20var(--wm-switch-condensed-caption-icon-size)%3B%0A%20%20%20%20--wm-switch-height%3A%20var(--wm-switch-condensed-height)%3B%0A%20%20%20%20--wm-switch-width%3A%20var(--wm-switch-condensed-width)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-switch-condensed-active-background)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-switch-condensed-caption-background)%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%20var(--wm-switch-condensed-caption-border-radius)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-switch-condensed-caption-active-background)%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.condensed-switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.condensed-switch%20label%2C%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.condensed-switch%20label%20%7B%0A%20%20%20%20border%3A%200px%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20%7B%0A%20%20%20%20left%3A%20-4px%3B%0A%20%20%20%20top%3A%205px%3B%0A%20%20%20%20box-shadow%3A%20var(--wm-switch-condensed-shadow)%3B%0A%7D%0A%0A.switch-wrapper.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper.condensed-switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.condensed-switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%205px%3B%0A%20%20%20%20left%3A%20-4px%3B%0A%7D%0A%0A.switch-wrapper.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-condensed-width)%20-%20var(--wm-switch-condensed-caption-icon-width)%20%2B%208px))%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20.start-icon%2C%0A.condensed-switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-condensed-caption-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-condensed-caption-border-radius)%3B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.icon-container%20.start-icon%2C%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-condensed-caption-active-background)%3B%0A%7D%0A%0A%0A%2F*%20ios%20styles%20*%2F%0A%0A.ios-switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-switch-ios-background)%3B%0A%20%20%20%20--wm-switch-border-radius%3A%20var(--wm-switch-ios-border-radius)%3B%0A%20%20%20%20--wm-switch-height%3A%20var(--wm-switch-ios-height)%3B%0A%20%20%20%20--wm-switch-width%3A%20var(--wm-switch-ios-width)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-switch-ios-active-background)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-switch-ios-caption-background)%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%20var(--wm-switch-ios-caption-border-radius)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-switch-ios-caption-height)%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-switch-ios-caption-width)%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20var(--wm-switch-ios-caption-height)%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20var(--wm-switch-ios-caption-width)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-switch-ios-caption-active-background)%3B%0A%7D%0A%0A.ios-switch-wrapper%20.ios-switch%20label%2C%0A.ios-switch-wrapper%3Ahas(.app-toggle.checkbox.ios-switch%20label%3Einput%3Achecked)%20.ios-switch%20label%20%7B%0A%20%20%20%20border%3A%200px%3B%0A%7D%0A%0A.ios-switch-wrapper.icon%3Ahas(.app-toggle.checkbox.ios-switch)%20.ios-switch%20label%20%7B%0A%20%20%20%20padding%3A%200px%3B%0A%7D%0A%0A.ios-switch-wrapper.switch-wrapper%20.icon-container%2C%0A.switch-wrapper.ios-switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.ios-switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%2010px%3B%0A%20%20%20%20left%3A%202px%3B%0A%20%20%20%20box-shadow%3A%20var(--wm-switch-condensed-shadow)%3B%0A%7D%0A%0A.ios-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20top%3A%2010px%3B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-width)%20-%20var(--wm-switch-caption-width)%20-%206px))%3B%0A%7D%0A%0A.ios-switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.ios-switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.ios-switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A",variables:"",config:"%7B%0A%09%22widgetType%22%3A%20%22wm-checkbox%22%2C%0A%09%22properties%22%3A%20%7B%0A%09%09%22switch_type%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Switch%20Type%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20style%20of%20the%20switch.%20Options%20include%20'filled'%2C%20'condensed'%2C%20and%20'iOS'.%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Filled%22%2C%20%22Condensed%22%2C%20%22IOS%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Filled%22%0A%09%09%7D%2C%0A%09%09%22state%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22State%22%2C%0A%09%09%09%22description%22%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%09%22options%22%3A%20%5B%22Enabled%22%2C%20%22Disabled%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Enabled%22%0A%09%09%7D%2C%0A%09%09%22label_text%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Label%20Text%22%2C%0A%09%09%09%22description%22%3A%20%22Sets%20the%20text%20displayed%20on%20the%20label%20of%20the%20switch.%22%2C%0A%09%09%09%22value%22%3A%20%22%22%0A%09%09%7D%2C%0A%09%09%22icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22boolean%22%2C%0A%09%09%09%22displayName%22%3A%20%22Switch%20Icons%22%2C%0A%09%09%09%22description%22%3A%20%22Enables%20or%20disables%20icon%20options%20for%20the%20switch.%20If%20true%2C%20you%20can%20select%20icons%20for%20the%20switch.%22%2C%0A%09%09%09%22value%22%3A%20false%0A%09%09%7D%2C%0A%09%09%22selected_icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Selected%20Icon%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20icon%20to%20use%20when%20the%20switch%20is%20in%20the%20selected%20state.%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-check%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22unselected_icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Unselected%20Icon%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20icon%20to%20use%20when%20the%20switch%20is%20in%20the%20unselected%20state.%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-close%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22selected%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Default%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20default%20value%20of%20the%20switch.%20This%20value%20is%20used%20to%20represent%20the%20state%20of%20the%20switch.%20For%20example%2C%20'true'%20for%20checked%20and%20'false'%20for%20unchecked.%22%2C%0A%09%09%09%22value%22%3A%20%22false%22%0A%09%09%7D%2C%0A%09%09%22checked_value%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Checked%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20value%20to%20represent%20the%20switch%20when%20it%20is%20checked.%22%2C%0A%09%09%09%22value%22%3A%20%22true%22%0A%09%09%7D%2C%0A%09%09%22unchecked_value%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Unchecked%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20value%20to%20represent%20the%20switch%20when%20it%20is%20unchecked.%22%2C%0A%09%09%09%22value%22%3A%20%22false%22%0A%09%09%7D%2C%0A%09%09%22required%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22boolean%22%2C%0A%09%09%09%22displayName%22%3A%20%22Required%22%2C%0A%09%09%09%22description%22%3A%20%22Indicates%20whether%20the%20switch%20is%20required.%20Set%20to%20true%20to%20make%20it%20a%20required%20field.%22%2C%0A%09%09%09%22value%22%3A%20false%0A%09%09%7D%0A%09%7D%2C%0A%09%22events%22%3A%20%7B%7D%0A%7D%0A"}},"./src/textfield/page.min.js":
|
|
1764
|
+
\***************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{switch_button:()=>switch_button});const switch_button={markup:"%3Cwm-custom-widget-container%20name%3D%22partial1%22%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20required%3D%22false%22%20captionposition%3D%22top%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%20class%3D%22switch-wrapper%22%20conditionalclass%3D%22bind%3A%7B'filled-switch-wrapper'%3A%20props.switch_type%20%3D%3D%3D%20%26quot%3BFilled%26quot%3B%2C%0A'condensed-switch-wrapper'%3A%20props.switch_type%20%3D%3D%3D%20%26quot%3BCondensed%26quot%3B%2C%20%20%20%20%0A'ios-switch-wrapper'%3Aprops.switch_type%20%20%3D%3D%3D%20%26quot%3BIOS%26quot%3B%7D%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-checkbox%20caption%3D%22Toggle%22%20type%3D%22toggle%22%20name%3D%22toggle%22%20disabled%3D%22bind%3Aprops.state%3D%3D%26quot%3BDisabled%26quot%3B%3Ftrue%3Afalse%22%20datavalue%3D%22bind%3Aprops.selected%22%20class%3D%22switch%22%20checkedvalue%3D%22true%22%20uncheckedvalue%3D%22false%22%20required%3D%22bind%3Aprops.required%22%20show%3D%22true%22%3E%3C%2Fwm-checkbox%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-container%20name%3D%22container2%22%20class%3D%22icon-container%22%20show%3D%22true%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22icon1%22%20iconclass%3D%22bind%3Aprops.unselected_icon%22%20show%3D%22bind%3Aprops.unselected_icon%22%20class%3D%22start-icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-icon%20name%3D%22icon2%22%20iconclass%3D%22bind%3Aprops.selected_icon%22%20show%3D%22bind%3Aprops.selected_icon%22%20class%3D%22end-icon%22%3E%3C%2Fwm-icon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fwm-container%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*%20Example%3A%0A%20*%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%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20switch_type%2C%0A%20%20%20%20%20%20%20%20icon%2C%0A%20%20%20%20%20%20%20%20unselected_icon%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20unchecked_value%2C%0A%20%20%20%20%20%20%20%20checked_value%2C%0A%20%20%20%20%20%20%20%20selected%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20%22prop-switch_type%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-required%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleRequiredChange(required%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-selected%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-checked_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-unchecked_value%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20case%20%22prop-icon%22%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleIconVisibiltyChange(icon%2C%20widgetMap)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%7D%0A%7D%3B%0A%0A%2F*%20Perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20switch_type%2C%0A%20%20%20%20%20%20%20%20icon%2C%0A%20%20%20%20%20%20%20%20unselected_icon%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%20%20%20%20unchecked_value%2C%0A%20%20%20%20%20%20%20%20checked_value%2C%0A%20%20%20%20%20%20%20%20selected%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%3B%0A%20%20%20%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%3B%0A%20%20%20%20handleRequiredChange(required%2C%20widgetMap)%3B%0A%20%20%20%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%20%20%20%20handleIconVisibiltyChange(icon%2C%20widgetMap)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.selected%3B%0A%7D%3B%0A%0Afunction%20handleTypeChange(switch_type%2C%20icon%2C%20unselected_icon%2C%20widgetMap)%20%7B%0A%20%20%20%20widgetMap.toggle.nativeElement.classList.remove(%0A%20%20%20%20%20%20%20%20%22filled-switch%22%2C%0A%20%20%20%20%20%20%20%20%22icon%22%2C%0A%20%20%20%20%20%20%20%20%22unselected-icon%22%2C%0A%20%20%20%20%20%20%20%20%22condensed-switch%22%2C%0A%20%20%20%20%20%20%20%20%22ios-switch%22%0A%20%20%20%20)%3B%0A%20%20%20%20%2F%2F%20Set%20CSS%20classes%20for%20the%20toggle%20widget%20based%20on%20the%20switch%20type%0A%20%20%20%20if%20(switch_type%20%3D%3D%3D%20%22Filled%22)%20%7B%0A%20%20%20%20%20%20%20%20if%20(icon.toString().toLowerCase()%20%3D%3D%3D%20%22true%22)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22filled-switch%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22filled-switch%22)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'unselected-icon'%20class%20if%20no%20unselected_icon%20is%20specified%0A%20%20%20%20%20%20%20%20if%20(%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%20null%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%3D%20%22%22%20%7C%7C%0A%20%20%20%20%20%20%20%20%20%20%20%20unselected_icon%20%3D%3D%3D%20%22%20%22%0A%20%20%20%20%20%20%20%20)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22filled-switch%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22unselected-icon%22%0A%20%20%20%20%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%20else%20if%20(switch_type%20%3D%3D%3D%20%22Condensed%22)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'condensed-switch'%20class%0A%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22condensed-switch%22)%3B%0A%20%20%20%20%7D%20else%20if%20(switch_type%20%3D%3D%3D%20%22IOS%22)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Add%20'iOS-switch'%20class%0A%20%20%20%20%20%20%20%20widgetMap.toggle.nativeElement.classList.add(%22ios-switch%22)%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleRequiredChange(required%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Set%20the%20'required'%20property%20for%20the%20composite%20widget%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20handleCheckedValueChange(checked_value%2C%20selected%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Set%20the%20'checkedvalue'%20and%20'uncheckedvalue'%20properties%20for%20the%20toggle%20widget%0A%20%20%20%20widgetMap.toggle.checkedvalue%20%3D%20checked_value%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%7D%0A%0Afunction%20handleIconVisibiltyChange(icon%2C%20widgetMap)%20%7B%0A%20%20%20%20if%20(icon.toString().toLowerCase()%20%3D%3D%3D%20%22true%22)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.add(%22icon%22)%3B%0A%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.container1.nativeElement.classList.remove(%22icon%22)%3B%0A%0A%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleUnCheckedValueChange(unchecked_value%2C%20selected%2C%20widgetMap)%20%7B%0A%20%20%20%20widgetMap.toggle.uncheckedvalue%20%3D%20unchecked_value%3B%0A%20%20%20%20handleSelectedValueChange(selected%2C%20widgetMap)%3B%0A%7D%0A%0Afunction%20handleSelectedValueChange(selected%2C%20widgetMap)%20%7B%0A%20%20%20%20%2F%2F%20Retrieve%20the%20selected%20value%20from%20page%20parameters%0A%20%20%20%20var%20selectedValue%20%3D%20selected%3B%0A%0A%20%20%20%20%2F%2F%20Determine%20the%20correct%20'datavalue'%20based%20on%20the%20selected%20value%0A%20%20%20%20if%20(selectedValue%20%3D%3D%3D%20widgetMap.toggle.checkedvalue)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20If%20selected%20value%20matches%20the%20checked%20value%2C%20set%20datavalue%20to%20checked%20value%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.checkedvalue%3B%0A%20%20%20%20%7D%20else%20if%20(selectedValue%20%3D%3D%3D%20widgetMap.toggle.uncheckedvalue)%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20If%20selected%20value%20matches%20the%20unchecked%20value%2C%20set%20datavalue%20to%20unchecked%20value%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.uncheckedvalue%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20Log%20a%20warning%20if%20the%20selected%20value%20does%20not%20match%20known%20values%0A%20%20%20%20%20%20%20%20console.warn(%22Selected%20value%20does%20not%20match%20any%20known%20value%22)%3B%0A%20%20%20%20%20%20%20%20%2F%2F%20Optionally%20set%20to%20a%20default%20value%20or%20handle%20the%20error%0A%20%20%20%20%20%20%20%20widgetMap.toggle.datavalue%20%3D%20widgetMap.toggle.uncheckedvalue%3B%20%2F%2F%20Default%20to%20unchecked%0A%20%20%20%20%7D%0A%7D%0A",styles:".switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-height%3A%2032px%3B%0A%20%20%20%20--wm-switch-width%3A%2052px%3B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20--wm-switch-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-switch-active-border-color%3A%20var(--wm-color-surface-tint)%3B%0A%20%20%20%20--wm-switch-border-style%3A%20solid%3B%0A%20%20%20%20--wm-switch-border-width%3A%202px%3B%0A%20%20%20%20--wm-switch-border-radius%3A%20100px%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-space-4)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-tranistion%3A%200.25s%20ease-in%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20calc(var(--wm-switch-height)%20-%20var(--wm-space-2))%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20calc(var(--wm-switch-height)%20-%20var(--wm-space-2))%3B%0A%20%20%20%20--wm-switch-caption-icon-size%3A%2016px%3B%0A%20%20%20%20--wm-switch-caption-state-layer-color%3A%20var(--wm-color-on-surface)%3B%0A%20%20%20%20--wm-switch-condensed-height%3A%2014px%3B%0A%20%20%20%20--wm-switch-condensed-width%3A%2034px%3B%0A%20%20%20%20--wm-switch-condensed-background%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-condensed-caption-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-condensed-active-background%3A%20var(--wm-color-primary-container)%3B%0A%20%20%20%20--wm-switch-condensed-caption-active-background%3A%20var(--wm-color-primary)%3B%0A%20%20%20%20--wm-switch-condensed-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-condensed-caption-icon-width%3A%20var(--wm-space-5)%3B%0A%20%20%20%20--wm-switch-condensed-caption-icon-height%3A%20var(--wm-space-5)%3B%0A%20%20%20%20--wm-switch-condensed-shadow%3A%20var(--wm-elevation-shadow-1)%3B%0A%20%20%20%20--wm-switch-ios-height%3A%2026px%3B%0A%20%20%20%20--wm-switch-ios-width%3A%2042px%3B%0A%20%20%20%20--wm-switch-ios-background%3A%20%23E9E9EA%3B%0A%20%20%20%20--wm-switch-ios-border-color%3A%20var(--wm-color-outline)%3B%0A%20%20%20%20--wm-switch-ios-active-background%3A%20%2365C466%3B%0A%20%20%20%20--wm-switch-ios-border-radius%3A%20100px%3B%0A%20%20%20%20--wm-switch-ios-caption-border-radius%3A%2024px%3B%0A%20%20%20%20--wm-switch-ios-caption-width%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-height%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-ios-caption-active-background%3A%20var(--wm-color-on-primary)%3B%0A%20%20%20%20--wm-switch-ios-tranistion%3A%200.25s%20ease-in%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-width%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-height%3A%2022px%3B%0A%20%20%20%20--wm-switch-ios-caption-icon-size%3A%2016px%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%2C%0A.condensed-switch-wrapper%20.app-checkbox%2C%0A.ios-switch-wrapper%20.app-checkbox%20%7B%0A%20%20%20%20margin%3A%200px%3B%0A%7D%0A%0A.switch-wrapper%20%7B%0A%20%20%20%20margin%3A%208px%3B%0A%7D%0A%0A.switch-wrapper%20.switch%20label%20input%5Btype%3D%22checkbox%22%5D%2C%0A.switch-wrapper%20.switch%20label%20span.caption%2C%0A.switch-wrapper%20.switch%20label%20span.caption%3A%3Abefore%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.switch-wrapper%20.switch%20label%20%7B%0A%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20border%3A%20var(--wm-switch-border-width)%20var(--wm-switch-border-style)%20var(--wm-switch-border-color)%3B%0A%20%20%20%20background%3A%20var(--wm-switch-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-border-radius)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-height)%3B%0A%20%20%20%20min-height%3A%20var(--wm-switch-height)%3B%0A%20%20%20%20width%3A%20var(--wm-switch-width)%3B%0A%20%20%20%20user-select%3A%20none%3B%0A%20%20%20%20-webkit-tap-highlight-color%3A%20transparent%3B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20box-shadow%3A%20unset%3B%0A%20%20%20%20overflow%3A%20visible%3B%0A%20%20%20%20margin-block%3A%208px%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.switch%20label%20%7B%0A%20%20%20%20border%3A%20var(--wm-switch-border-width)%20var(--wm-switch-border-style)%20var(--wm-switch-active-background)%3B%0A%20%20%20%20background%3A%20var(--wm-switch-active-background)%3B%0A%7D%0A%0A.switch-wrapper.icon%20.switch%20label%20%7B%0A%20%20%20%20padding%3A%200px%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-caption-border-radius)%3B%0A%20%20%20%20width%3A%20var(--wm-switch-caption-width)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-caption-height)%3B%0A%20%20%20%20min-height%3A%20var(--wm-switch-caption-height)%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20left%3A%208px%3B%0A%20%20%20%20top%3A%2016px%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20padding%3A%200px%3B%0A%20%20%20%20transition%3A%20transform%200.3s%20ease%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%2012px%3B%0A%20%20%20%20left%3A%204px%3B%0A%20%20%20%20width%3A%20var(--wm-switch-caption-icon-width)%3B%0A%20%20%20%20height%3A%20var(--wm-switch-caption-icon-height)%3B%0A%20%20%20%20font-size%3A%20var(--wm-switch-caption-icon-size)%3B%0A%20%20%20%20max-width%3A%20var(--wm-switch-caption-icon-width)%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-width)%20-%20var(--wm-switch-caption-width)%20-%20var(--wm-space-4)))%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.switch-wrapper.icon%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Anot(%3Achecked))%20.icon-container%20span.start-icon%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.switch-wrapper.icon%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20span.end-icon%20%7B%0A%20%20%20%20display%3A%20block%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-active-background)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20min-height%3A%20100%25%3B%0A%20%20%20%20min-width%3A%20100%25%3B%0A%20%20%20%20color%3A%20var(--wm-switch-background)%3B%0A%20%20%20%20overflow%3A%20visible%3B%0A%20%20%20%20z-index%3A%2010%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20font-size%3A%20var(--wm-switch-caption-icon-size)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20color%3A%20var(--wm-switch-active-background)%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%20.start-icon%20.switch-wrapper%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%7D%0A%0A.switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20-webkit-appearance%3A%20none%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20left%3A%20-12px%3B%0A%20%20%20%20top%3A%20-12px%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20width%3A%20calc(var(--wm-switch-caption-icon-width)%20%2B%20var(--wm-space-4))%3B%0A%20%20%20%20height%3A%20calc(var(--wm-switch-caption-icon-height)%20%2B%20var(--wm-space-4))%3B%0A%20%20%20%20background%3A%20var(--wm-switch-caption-state-layer-color)%3B%0A%20%20%20%20box-shadow%3A%20none%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20transform%3A%20scale(1)%3B%0A%20%20%20%20pointer-events%3A%20none%3B%0A%7D%0A%0A.switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%3A%3Abefore%2C%0A.switch-wrapper.icon%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Ahover~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-hover)%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Afocus~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-focus)%3B%0A%7D%0A%0A.switch-wrapper%20.app-checkbox%3Aactive~.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20opacity%3A%20var(--wm-opacity-focus)%3B%0A%7D%0A%0A%0A%2F*%20condensed%20styles%20*%2F%0A%0A.condensed-switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-switch-condensed-background)%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20var(--wm-switch-condensed-caption-icon-width)%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20var(--wm-switch-condensed-caption-icon-height)%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-switch-condensed-caption-icon-width)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-switch-condensed-caption-icon-height)%3B%0A%20%20%20%20--wm-switch-caption-icon-size%3A%20var(--wm-switch-condensed-caption-icon-size)%3B%0A%20%20%20%20--wm-switch-height%3A%20var(--wm-switch-condensed-height)%3B%0A%20%20%20%20--wm-switch-width%3A%20var(--wm-switch-condensed-width)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-switch-condensed-active-background)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-switch-condensed-caption-background)%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%20var(--wm-switch-condensed-caption-border-radius)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-switch-condensed-caption-active-background)%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.condensed-switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.condensed-switch%20label%2C%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.condensed-switch%20label%20%7B%0A%20%20%20%20border%3A%200px%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20%7B%0A%20%20%20%20left%3A%20-4px%3B%0A%20%20%20%20top%3A%205px%3B%0A%20%20%20%20box-shadow%3A%20var(--wm-switch-condensed-shadow)%3B%0A%7D%0A%0A.switch-wrapper.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%2C%0A.switch-wrapper.condensed-switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.condensed-switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%205px%3B%0A%20%20%20%20left%3A%20-4px%3B%0A%7D%0A%0A.switch-wrapper.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-condensed-width)%20-%20var(--wm-switch-condensed-caption-icon-width)%20%2B%208px))%3B%0A%7D%0A%0A.condensed-switch-wrapper%20.icon-container%20.start-icon%2C%0A.condensed-switch-wrapper%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-condensed-caption-background)%3B%0A%20%20%20%20border-radius%3A%20var(--wm-switch-condensed-caption-border-radius)%3B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.icon-container%20.start-icon%2C%0A.condensed-switch-wrapper%3Ahas(.app-toggle.checkbox.condensed-switch%20label%3Einput%3Achecked)%20.icon-container%20.end-icon%20%7B%0A%20%20%20%20background%3A%20var(--wm-switch-condensed-caption-active-background)%3B%0A%7D%0A%0A%0A%2F*%20ios%20styles%20*%2F%0A%0A.ios-switch-wrapper%20%7B%0A%20%20%20%20--wm-switch-background%3A%20var(--wm-switch-ios-background)%3B%0A%20%20%20%20--wm-switch-border-radius%3A%20var(--wm-switch-ios-border-radius)%3B%0A%20%20%20%20--wm-switch-height%3A%20var(--wm-switch-ios-height)%3B%0A%20%20%20%20--wm-switch-width%3A%20var(--wm-switch-ios-width)%3B%0A%20%20%20%20--wm-switch-active-background%3A%20var(--wm-switch-ios-active-background)%3B%0A%20%20%20%20--wm-switch-caption-background%3A%20var(--wm-switch-ios-caption-background)%3B%0A%20%20%20%20--wm-switch-caption-border-radius%3A%20var(--wm-switch-ios-caption-border-radius)%3B%0A%20%20%20%20--wm-switch-caption-height%3A%20var(--wm-switch-ios-caption-height)%3B%0A%20%20%20%20--wm-switch-caption-width%3A%20var(--wm-switch-ios-caption-width)%3B%0A%20%20%20%20--wm-switch-caption-icon-height%3A%20var(--wm-switch-ios-caption-height)%3B%0A%20%20%20%20--wm-switch-caption-icon-width%3A%20var(--wm-switch-ios-caption-width)%3B%0A%20%20%20%20--wm-switch-caption-active-background%3A%20var(--wm-switch-ios-caption-active-background)%3B%0A%7D%0A%0A.ios-switch-wrapper%20.ios-switch%20label%2C%0A.ios-switch-wrapper%3Ahas(.app-toggle.checkbox.ios-switch%20label%3Einput%3Achecked)%20.ios-switch%20label%20%7B%0A%20%20%20%20border%3A%200px%3B%0A%7D%0A%0A.ios-switch-wrapper.icon%3Ahas(.app-toggle.checkbox.ios-switch)%20.ios-switch%20label%20%7B%0A%20%20%20%20padding%3A%200px%3B%0A%7D%0A%0A.ios-switch-wrapper.switch-wrapper%20.icon-container%2C%0A.switch-wrapper.ios-switch-wrapper.icon%20.icon-container%2C%0A.switch-wrapper.ios-switch-wrapper.icon%20.icon-container%20%7B%0A%20%20%20%20top%3A%2010px%3B%0A%20%20%20%20left%3A%202px%3B%0A%20%20%20%20box-shadow%3A%20var(--wm-switch-condensed-shadow)%3B%0A%7D%0A%0A.ios-switch-wrapper%3Ahas(.app-toggle.checkbox.switch%20label%3Einput%3Achecked)%20.icon-container%20%7B%0A%20%20%20%20top%3A%2010px%3B%0A%20%20%20%20transform%3A%20translateX(calc(var(--wm-switch-width)%20-%20var(--wm-switch-caption-width)%20-%206px))%3B%0A%7D%0A%0A.ios-switch-wrapper%20.icon-container%20.start-icon%20.app-icon%2C%0A.ios-switch-wrapper%20.icon-container%20.end-icon%20.app-icon%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.ios-switch-wrapper%20.icon-container%3A%3Abefore%20%7B%0A%20%20%20%20left%3A%20-8px%3B%0A%20%20%20%20top%3A%20-8px%3B%0A%7D%0A",variables:"%7B%20%7D",config:"%7B%0A%09%22widgetType%22%3A%20%22wm-checkbox%22%2C%0A%09%22properties%22%3A%20%7B%0A%09%09%22switch_type%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Switch%20Type%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20style%20of%20the%20switch.%20Options%20include%20'filled'%2C%20'condensed'%2C%20and%20'iOS'.%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Filled%22%2C%20%22Condensed%22%2C%20%22IOS%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Filled%22%0A%09%09%7D%2C%0A%09%09%22state%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22State%22%2C%0A%09%09%09%22description%22%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%09%22options%22%3A%20%5B%22Enabled%22%2C%20%22Disabled%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Enabled%22%0A%09%09%7D%2C%0A%09%09%22label_text%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Label%20Text%22%2C%0A%09%09%09%22description%22%3A%20%22Sets%20the%20text%20displayed%20on%20the%20label%20of%20the%20switch.%22%2C%0A%09%09%09%22value%22%3A%20%22%22%0A%09%09%7D%2C%0A%09%09%22icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22boolean%22%2C%0A%09%09%09%22displayName%22%3A%20%22Switch%20Icons%22%2C%0A%09%09%09%22description%22%3A%20%22Enables%20or%20disables%20icon%20options%20for%20the%20switch.%20If%20true%2C%20you%20can%20select%20icons%20for%20the%20switch.%22%2C%0A%09%09%09%22value%22%3A%20false%0A%09%09%7D%2C%0A%09%09%22selected_icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Selected%20Icon%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20icon%20to%20use%20when%20the%20switch%20is%20in%20the%20selected%20state.%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-check%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22unselected_icon%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Unselected%20Icon%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20icon%20to%20use%20when%20the%20switch%20is%20in%20the%20unselected%20state.%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-close%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22selected%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Default%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20default%20value%20of%20the%20switch.%20This%20value%20is%20used%20to%20represent%20the%20state%20of%20the%20switch.%20For%20example%2C%20'true'%20for%20checked%20and%20'false'%20for%20unchecked.%22%2C%0A%09%09%09%22value%22%3A%20%22false%22%0A%09%09%7D%2C%0A%09%09%22checked_value%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Checked%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20value%20to%20represent%20the%20switch%20when%20it%20is%20checked.%22%2C%0A%09%09%09%22value%22%3A%20%22true%22%0A%09%09%7D%2C%0A%09%09%22unchecked_value%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Unchecked%20Value%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20value%20to%20represent%20the%20switch%20when%20it%20is%20unchecked.%22%2C%0A%09%09%09%22value%22%3A%20%22false%22%0A%09%09%7D%2C%0A%09%09%22required%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22boolean%22%2C%0A%09%09%09%22displayName%22%3A%20%22Required%22%2C%0A%09%09%09%22description%22%3A%20%22Indicates%20whether%20the%20switch%20is%20required.%20Set%20to%20true%20to%20make%20it%20a%20required%20field.%22%2C%0A%09%09%09%22value%22%3A%20false%0A%09%09%7D%0A%09%7D%2C%0A%09%22events%22%3A%20%7B%7D%0A%7D%0A"}},"./src/textfield/page.min.js":
|
|
1765
1765
|
/*!***********************************!*\
|
|
1766
1766
|
!*** ./src/textfield/page.min.js ***!
|
|
1767
|
-
\***********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{textfield:()=>textfield});const textfield={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20captionposition%3D%22floating%22%20required%3D%22false%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20class%3D%22control-label%22%20notag%3D%22true%22%20name%3D%22labelCaption%22%20caption%3D%22bind%3Aprops.label_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22form-field-wrapper%22%20name%3D%22container2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-leading-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonLeadingIcon%22%20iconclass%3D%22bind%3Aprops.leading_icon_class%22%20show%3D%22bind%3Aprops.leading_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-text%20name%3D%22textField%22%20updateon%3D%22default%22%20placeholder%3D%22bind%3Aprops.placeholder_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20datavalue%3D%22bind%3Aprops.input_text%22%3E%3C%2Fwm-text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-trailing-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonTrailingIcon%22%20iconclass%3D%22bind%3Aprops.trailing_icon_class%22%20on-click%3D%22buttonTrailingIconClick(%24event%2C%20widget)%22%20show%3D%22bind%3Aprops.trailing_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22help-wrapper%22%20name%3D%22containerSupportingWrapper%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-label%20padding%3D%22unset%22%20class%3D%22p%20help-block%22%20type%3D%22p%22%20name%3D%22labelSupportingText%22%20caption%3D%22bind%3Aprops.supporting_text%22%20show%3D%22bind%3Aprops.show_supporting_text%22%3E%3C%2Fwm-label%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%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'widgetMap'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'widgetMap.username.datavalue'%0A%20%20%20%20%20*%2F%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.input_text%3B%0A%7D%3B%0A%0AWidget.onPropertyChange%20%3D%20function(propname%2C%20newvalue%2C%20oldvalue)%20%7B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20'prop-leading_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-trailing_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-required'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-input_type'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleLeadingIcon(widgetMap%2C%20leading_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20if%20(leading_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20if%20(trailing_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleRequired(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20handleinputType(widgetMap%2C%20input_type)%20%7B%0A%20%20%20%20widgetMap.textField.type%20%3D%20input_type%3B%0A%7D%0A%0AWidget.buttonTrailingIconClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20%2F%2F%20Widget.invokeEvent('trailingIconButtonOnClick')%3B%0A%7D%3B%0A",styles:".wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-leading-icon%20%7B%0A%20%20%20%20padding-left%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-trailing-icon%20%7B%0A%20%20%20%20padding-right%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%20%7B%0A%20%20%20%20--wm-form-control-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20border-width%3A%200%200%201px%200%3B%0A%20%20%20%20border-radius%3A%20var(--wm-form-control-radius)%20var(--wm-form-control-radius)%200%200%3B%0A%20%20%20%20padding-bottom%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-focus)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled.ng-touched.ng-invalid%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20%7B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20min-height%3A%20auto%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20.app-icon%20%7B%0A%20%20%20%20font-size%3A%20var(--wm-icon-size-md)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-leading-icon%2C%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-form-control-height)%20-%20var(--wm-btn-icon-md-height)%20-%20var(--wm-btn-icon-md-margin)%20-%20var(--wm-btn-icon-md-margin))%20%2F%202)%3B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20left%3A%20auto%3B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20margin-top%3A%204px%3B%0A%20%20%20%20padding%3A%200%20var(--wm-form-control-padding)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block.required%3Aafter%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%3Ahas(.form-control.ng-touched.ng-invalid)%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20--wm-help-block-color%3A%20var(--wm-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20var(--wm-form-control-padding))%3B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%20%7B%0A%20%20%20%20left%3A%20var(--wm-form-control-padding)%3B%0A%20%20%20%20top%3A%20calc(var(--wm-form-control-height)*0.15)%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%3Abefore%20%7B%0A%20%20%20%20background%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled.with-leading-icon%20%7B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*%202.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-input-text%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20variant%20between%20outlined%20and%20filled.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Outlined%22%2C%20%22Filled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Outlined%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20TextField%20is%20interactive(enabled)%20or%20non-interactive(disabled)%20state.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22text_configurations%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Text%20configurations%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Input%20text%22%2C%20%22Label%20text%22%2C%20%22Placeholder%20text%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Input%20text%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Leading%20Icon%2FButton.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Trailing%20Icon%2FButton.%20%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20supporting%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Supporting%20text(help%20text).%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Caption%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22placeholder_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Placeholder%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20text%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enter%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Supporting%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20supporting%20text(helper%20text)%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Supporting%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Leading%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-search%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Trailing%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_type%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Input%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20input%20type%20between%20text%2C%20password%20and%20tel.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22text%22%2C%20%22password%22%2C%20%22tel%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20textfiled%20to%20be%20mandatory%20while%20submittion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22trailingIconButtonOnClick%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22event%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Button%20onClick%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20changes.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget%2C%20new%20value%2C%20and%20old%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22buttonTrailingIconClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/widget-registry.js":
|
|
1767
|
+
\***********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{textfield:()=>textfield});const textfield={markup:"%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20captionposition%3D%22floating%22%20required%3D%22false%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20class%3D%22control-label%22%20notag%3D%22true%22%20name%3D%22labelCaption%22%20caption%3D%22bind%3Aprops.label_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22form-field-wrapper%22%20name%3D%22container2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-leading-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonLeadingIcon%22%20iconclass%3D%22bind%3Aprops.leading_icon_class%22%20show%3D%22bind%3Aprops.leading_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-text%20name%3D%22textField%22%20updateon%3D%22default%22%20placeholder%3D%22bind%3Aprops.placeholder_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20datavalue%3D%22bind%3Aprops.input_text%22%3E%3C%2Fwm-text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-trailing-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonTrailingIcon%22%20iconclass%3D%22bind%3Aprops.trailing_icon_class%22%20on-click%3D%22buttonTrailingIconClick(%24event%2C%20widget)%22%20show%3D%22bind%3Aprops.trailing_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22help-wrapper%22%20name%3D%22containerSupportingWrapper%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-label%20padding%3D%22unset%22%20class%3D%22p%20help-block%22%20type%3D%22p%22%20name%3D%22labelSupportingText%22%20caption%3D%22bind%3Aprops.supporting_text%22%20show%3D%22bind%3Aprops.show_supporting_text%22%3E%3C%2Fwm-label%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%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'widgetMap'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'widgetMap.username.datavalue'%0A%20%20%20%20%20*%2F%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.input_text%3B%0A%7D%3B%0A%0AWidget.onPropertyChange%20%3D%20function(propname%2C%20newvalue%2C%20oldvalue)%20%7B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20'prop-leading_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-trailing_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-required'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-input_type'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleLeadingIcon(widgetMap%2C%20leading_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20if%20(leading_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20if%20(trailing_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleRequired(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20handleinputType(widgetMap%2C%20input_type)%20%7B%0A%20%20%20%20widgetMap.textField.type%20%3D%20input_type%3B%0A%7D%0A%0AWidget.buttonTrailingIconClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20%2F%2F%20Widget.invokeEvent('trailingIconButtonOnClick')%3B%0A%7D%3B%0A",styles:".wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-leading-icon%20%7B%0A%20%20%20%20padding-left%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-trailing-icon%20%7B%0A%20%20%20%20padding-right%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%20%7B%0A%20%20%20%20--wm-form-control-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20border-width%3A%200%200%201px%200%3B%0A%20%20%20%20border-radius%3A%20var(--wm-form-control-radius)%20var(--wm-form-control-radius)%200%200%3B%0A%20%20%20%20padding-bottom%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-focus)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled.ng-touched.ng-invalid%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20%7B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20min-height%3A%20auto%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20.app-icon%20%7B%0A%20%20%20%20font-size%3A%20var(--wm-icon-size-md)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-leading-icon%2C%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-form-control-height)%20-%20var(--wm-btn-icon-md-height)%20-%20var(--wm-btn-icon-md-margin)%20-%20var(--wm-btn-icon-md-margin))%20%2F%202)%3B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20left%3A%20auto%3B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20margin-top%3A%204px%3B%0A%20%20%20%20padding%3A%200%20var(--wm-form-control-padding)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block.required%3Aafter%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%3Ahas(.form-control.ng-touched.ng-invalid)%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20--wm-help-block-color%3A%20var(--wm-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20var(--wm-form-control-padding))%3B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%20%7B%0A%20%20%20%20left%3A%20var(--wm-form-control-padding)%3B%0A%20%20%20%20top%3A%20calc(var(--wm-form-control-height)*0.15)%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%3Abefore%20%7B%0A%20%20%20%20background%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled.with-leading-icon%20%7B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*%202.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A",variables:"%7B%20%7D%0A",config:"%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-input-text%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20variant%20between%20outlined%20and%20filled.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Outlined%22%2C%20%22Filled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Outlined%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20TextField%20is%20interactive(enabled)%20or%20non-interactive(disabled)%20state.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22text_configurations%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Text%20configurations%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20you%20to%20specify%20different%20text%20types%20for%20the%20TextField%2C%20including%20input%20text%2C%20label%20text%2C%20and%20placeholder%20text.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Input%20text%22%2C%20%22Label%20text%22%2C%20%22Placeholder%20text%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Input%20text%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Leading%20Icon%2FButton.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Trailing%20Icon%2FButton.%20%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20supporting%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Supporting%20text(help%20text).%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Caption%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22placeholder_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Placeholder%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20text%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enter%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Supporting%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20supporting%20text(helper%20text)%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Supporting%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Leading%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-search%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Trailing%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_type%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Input%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20input%20type%20between%20text%2C%20password%20and%20tel.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22text%22%2C%20%22password%22%2C%20%22tel%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20textfiled%20to%20be%20mandatory%20while%20submittion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22trailingIconButtonOnClick%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22event%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Button%20onClick%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20changes.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget%2C%20new%20value%2C%20and%20old%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22buttonTrailingIconClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"}},"./src/widget-registry.js":
|
|
1768
1768
|
/*!********************************!*\
|
|
1769
1769
|
!*** ./src/widget-registry.js ***!
|
|
1770
|
-
\********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{widgetRegistry:()=>widgetRegistry});const widgetRegistry=[{name:"checkbox_set",displayName:"
|
|
1770
|
+
\********************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{widgetRegistry:()=>widgetRegistry});const widgetRegistry=[{name:"checkbox_set",displayName:"Checkboxset",iconClass:"checkboxset",desc:"Checkbox set control supporting Material 3 design system"},{name:"divider",displayName:"Divider",iconClass:"design-dialog",desc:"Divider based on Material 3 design system"},{name:"icon_button",displayName:"Icon button",iconClass:"button",desc:"Icon button based on Material 3 design system"},{name:"input_chip",displayName:"Input Chip",iconClass:"chips",desc:"Input chips based on Material 3 design system"},{name:"radio_set",displayName:"Radioset",iconClass:"radioset",desc:"Radioset based on Material 3 design system"},{name:"switch_button",displayName:"Switch",iconClass:"switch",desc:"Switch button based on Material 3 design system"},{name:"textfield",displayName:"Textfield",iconClass:"text",desc:"Input text control based on Material 3 design system"},{name:"slider",displayName:"Slider",iconClass:"slider",desc:"Slider control based on Material 3 design system"},{name:"discrete_slider",displayName:"Discrete slider",iconClass:"slider",desc:"Discrete Slider control based on Material 3 design system"},{name:"progressbar",displayName:"Progress bar",iconClass:"progress",desc:"Progress bar widget based on Material 3 design system"},{name:"icon_button_toggleable",displayName:"Icon Button Toggleable",iconClass:"button",desc:"Icon Button Toggleable based on Material 3 design system"}]}};var __webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==undefined){return cachedModule.exports}var module=__webpack_module_cache__[moduleId]={exports:{}};__webpack_modules__[moduleId](module,module.exports,__webpack_require__);return module.exports}(()=>{__webpack_require__.d=(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_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop)})();(()=>{__webpack_require__.r=exports=>{if(typeof Symbol!=="undefined"&&Symbol.toStringTag){Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"})}Object.defineProperty(exports,"__esModule",{value:true})}})();var __webpack_exports__={};
|
|
1771
1771
|
/*!******************!*\
|
|
1772
1772
|
!*** ./index.ts ***!
|
|
1773
1773
|
\******************/__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{checkbox_set:()=>_src_checkbox_set_page_min__WEBPACK_IMPORTED_MODULE_1__.checkbox_set,discrete_slider:()=>_src_discrete_slider_page_min__WEBPACK_IMPORTED_MODULE_9__.discrete_slider,divider:()=>_src_divider_page_min__WEBPACK_IMPORTED_MODULE_2__.divider,icon_button:()=>_src_icon_button_page_min__WEBPACK_IMPORTED_MODULE_3__.icon_button,icon_button_toggleable:()=>_src_icon_button_toggleable_page_min__WEBPACK_IMPORTED_MODULE_10__.icon_button_toggleable,input_chip:()=>_src_input_chip_page_min__WEBPACK_IMPORTED_MODULE_4__.input_chip,progressbar:()=>_src_progressbar_page_min__WEBPACK_IMPORTED_MODULE_8__.progressbar,radio_set:()=>_src_radio_set_page_min__WEBPACK_IMPORTED_MODULE_5__.radio_set,slider:()=>_src_slider_page_min__WEBPACK_IMPORTED_MODULE_7__.slider,switch_button:()=>_src_switch_button_page_min__WEBPACK_IMPORTED_MODULE_6__.switch_button,textfield:()=>_src_textfield_page_min__WEBPACK_IMPORTED_MODULE_0__.textfield,widgetRegistry:()=>_src_widget_registry__WEBPACK_IMPORTED_MODULE_11__.widgetRegistry});var _src_textfield_page_min__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./src/textfield/page.min */"./src/textfield/page.min.js");var _src_checkbox_set_page_min__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./src/checkbox_set/page.min */"./src/checkbox_set/page.min.js");var _src_divider_page_min__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(/*! ./src/divider/page.min */"./src/divider/page.min.js");var _src_icon_button_page_min__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(/*! ./src/icon_button/page.min */"./src/icon_button/page.min.js");var _src_input_chip_page_min__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(/*! ./src/input_chip/page.min */"./src/input_chip/page.min.js");var _src_radio_set_page_min__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(/*! ./src/radio_set/page.min */"./src/radio_set/page.min.js");var _src_switch_button_page_min__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(/*! ./src/switch_button/page.min */"./src/switch_button/page.min.js");var _src_slider_page_min__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(/*! ./src/slider/page.min */"./src/slider/page.min.js");var _src_progressbar_page_min__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(/*! ./src/progressbar/page.min */"./src/progressbar/page.min.js");var _src_discrete_slider_page_min__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(/*! ./src/discrete_slider/page.min */"./src/discrete_slider/page.min.js");var _src_icon_button_toggleable_page_min__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(/*! ./src/icon_button_toggleable/page.min */"./src/icon_button_toggleable/page.min.js");var _src_widget_registry__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(/*! ./src/widget-registry */"./src/widget-registry.js");return __webpack_exports__})()));(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports):typeof define==="function"&&define.amd?define(["exports"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.jmespath={}))})(this,(function(exports){"use strict";const isObject=obj=>obj!==null&&Object.prototype.toString.call(obj)==="[object Object]";const strictDeepEqual=(first,second)=>{if(first===second){return true}if(typeof first!==typeof second){return false}if(Array.isArray(first)&&Array.isArray(second)){if(first.length!==second.length){return false}for(let i=0;i<first.length;i+=1){if(!strictDeepEqual(first[i],second[i])){return false}}return true}if(isObject(first)&&isObject(second)){const firstEntries=Object.entries(first);const secondKeys=new Set(Object.keys(second));if(firstEntries.length!==secondKeys.size){return false}for(const[key,value]of firstEntries){if(!strictDeepEqual(value,second[key])){return false}secondKeys.delete(key)}return secondKeys.size===0}return false};const isFalse=obj=>{if(obj===""||obj===false||obj===null||obj===undefined){return true}if(Array.isArray(obj)&&obj.length===0){return true}if(isObject(obj)){for(const key in obj){if(obj.hasOwnProperty(key)){return false}}return true}return false};const isAlpha=ch=>ch>="a"&&ch<="z"||ch>="A"&&ch<="Z"||ch==="_";const isNum=ch=>ch>="0"&&ch<="9"||ch==="-";const isAlphaNum=ch=>ch>="a"&&ch<="z"||ch>="A"&&ch<="Z"||ch>="0"&&ch<="9"||ch==="_";var Token;(function(Token){Token["TOK_EOF"]="EOF";Token["TOK_UNQUOTEDIDENTIFIER"]="UnquotedIdentifier";Token["TOK_QUOTEDIDENTIFIER"]="QuotedIdentifier";Token["TOK_RBRACKET"]="Rbracket";Token["TOK_RPAREN"]="Rparen";Token["TOK_COMMA"]="Comma";Token["TOK_COLON"]="Colon";Token["TOK_RBRACE"]="Rbrace";Token["TOK_NUMBER"]="Number";Token["TOK_CURRENT"]="Current";Token["TOK_ROOT"]="Root";Token["TOK_EXPREF"]="Expref";Token["TOK_PIPE"]="Pipe";Token["TOK_OR"]="Or";Token["TOK_AND"]="And";Token["TOK_EQ"]="EQ";Token["TOK_GT"]="GT";Token["TOK_LT"]="LT";Token["TOK_GTE"]="GTE";Token["TOK_LTE"]="LTE";Token["TOK_NE"]="NE";Token["TOK_FLATTEN"]="Flatten";Token["TOK_STAR"]="Star";Token["TOK_FILTER"]="Filter";Token["TOK_DOT"]="Dot";Token["TOK_NOT"]="Not";Token["TOK_LBRACE"]="Lbrace";Token["TOK_LBRACKET"]="Lbracket";Token["TOK_LPAREN"]="Lparen";Token["TOK_LITERAL"]="Literal"})(Token||(Token={}));const basicTokens={"(":Token.TOK_LPAREN,")":Token.TOK_RPAREN,"*":Token.TOK_STAR,",":Token.TOK_COMMA,".":Token.TOK_DOT,":":Token.TOK_COLON,"@":Token.TOK_CURRENT,["$"]:Token.TOK_ROOT,"]":Token.TOK_RBRACKET,"{":Token.TOK_LBRACE,"}":Token.TOK_RBRACE};const operatorStartToken={"!":true,"<":true,"=":true,">":true};const skipChars={"\t":true,"\n":true,"\r":true," ":true};class StreamLexer{constructor(){this._current=0}tokenize(stream){const tokens=[];this._current=0;let start;let identifier;let token;while(this._current<stream.length){if(isAlpha(stream[this._current])){start=this._current;identifier=this.consumeUnquotedIdentifier(stream);tokens.push({start:start,type:Token.TOK_UNQUOTEDIDENTIFIER,value:identifier})}else if(basicTokens[stream[this._current]]!==undefined){tokens.push({start:this._current,type:basicTokens[stream[this._current]],value:stream[this._current]});this._current+=1}else if(isNum(stream[this._current])){token=this.consumeNumber(stream);tokens.push(token)}else if(stream[this._current]==="["){token=this.consumeLBracket(stream);tokens.push(token)}else if(stream[this._current]==='"'){start=this._current;identifier=this.consumeQuotedIdentifier(stream);tokens.push({start:start,type:Token.TOK_QUOTEDIDENTIFIER,value:identifier})}else if(stream[this._current]===`'`){start=this._current;identifier=this.consumeRawStringLiteral(stream);tokens.push({start:start,type:Token.TOK_LITERAL,value:identifier})}else if(stream[this._current]==="`"){start=this._current;const literal=this.consumeLiteral(stream);tokens.push({start:start,type:Token.TOK_LITERAL,value:literal})}else if(operatorStartToken[stream[this._current]]!==undefined){token=this.consumeOperator(stream);token&&tokens.push(token)}else if(skipChars[stream[this._current]]!==undefined){this._current+=1}else if(stream[this._current]==="&"){start=this._current;this._current+=1;if(stream[this._current]==="&"){this._current+=1;tokens.push({start:start,type:Token.TOK_AND,value:"&&"})}else{tokens.push({start:start,type:Token.TOK_EXPREF,value:"&"})}}else if(stream[this._current]==="|"){start=this._current;this._current+=1;if(stream[this._current]==="|"){this._current+=1;tokens.push({start:start,type:Token.TOK_OR,value:"||"})}else{tokens.push({start:start,type:Token.TOK_PIPE,value:"|"})}}else{const error=new Error(`Unknown character: ${stream[this._current]}`);error.name="LexerError";throw error}}return tokens}consumeUnquotedIdentifier(stream){const start=this._current;this._current+=1;while(this._current<stream.length&&isAlphaNum(stream[this._current])){this._current+=1}return stream.slice(start,this._current)}consumeQuotedIdentifier(stream){const start=this._current;this._current+=1;const maxLength=stream.length;while(stream[this._current]!=='"'&&this._current<maxLength){let current=this._current;if(stream[current]==="\\"&&(stream[current+1]==="\\"||stream[current+1]==='"')){current+=2}else{current+=1}this._current=current}this._current+=1;return JSON.parse(stream.slice(start,this._current))}consumeRawStringLiteral(stream){const start=this._current;this._current+=1;const maxLength=stream.length;while(stream[this._current]!==`'`&&this._current<maxLength){let current=this._current;if(stream[current]==="\\"&&(stream[current+1]==="\\"||stream[current+1]===`'`)){current+=2}else{current+=1}this._current=current}this._current+=1;const literal=stream.slice(start+1,this._current-1);return literal.replace(`\\'`,`'`)}consumeNumber(stream){const start=this._current;this._current+=1;const maxLength=stream.length;while(isNum(stream[this._current])&&this._current<maxLength){this._current+=1}const value=parseInt(stream.slice(start,this._current),10);return{start:start,value:value,type:Token.TOK_NUMBER}}consumeLBracket(stream){const start=this._current;this._current+=1;if(stream[this._current]==="?"){this._current+=1;return{start:start,type:Token.TOK_FILTER,value:"[?"}}if(stream[this._current]==="]"){this._current+=1;return{start:start,type:Token.TOK_FLATTEN,value:"[]"}}return{start:start,type:Token.TOK_LBRACKET,value:"["}}consumeOperator(stream){const start=this._current;const startingChar=stream[start];this._current+=1;if(startingChar==="!"){if(stream[this._current]==="="){this._current+=1;return{start:start,type:Token.TOK_NE,value:"!="}}return{start:start,type:Token.TOK_NOT,value:"!"}}if(startingChar==="<"){if(stream[this._current]==="="){this._current+=1;return{start:start,type:Token.TOK_LTE,value:"<="}}return{start:start,type:Token.TOK_LT,value:"<"}}if(startingChar===">"){if(stream[this._current]==="="){this._current+=1;return{start:start,type:Token.TOK_GTE,value:">="}}return{start:start,type:Token.TOK_GT,value:">"}}if(startingChar==="="&&stream[this._current]==="="){this._current+=1;return{start:start,type:Token.TOK_EQ,value:"=="}}}consumeLiteral(stream){this._current+=1;const start=this._current;const maxLength=stream.length;while(stream[this._current]!=="`"&&this._current<maxLength){let current=this._current;if(stream[current]==="\\"&&(stream[current+1]==="\\"||stream[current+1]==="`")){current+=2}else{current+=1}this._current=current}let literalString=stream.slice(start,this._current).trimLeft();literalString=literalString.replace("\\`","`");const literal=this.looksLikeJSON(literalString)?JSON.parse(literalString):JSON.parse(`"${literalString}"`);this._current+=1;return literal}looksLikeJSON(literalString){const startingChars='[{"';const jsonLiterals=["true","false","null"];const numberLooking="-0123456789";if(literalString===""){return false}if(startingChars.includes(literalString[0])){return true}if(jsonLiterals.includes(literalString)){return true}if(numberLooking.includes(literalString[0])){try{JSON.parse(literalString);return true}catch(ex){return false}}return false}}const Lexer=new StreamLexer;const bindingPower={[Token.TOK_EOF]:0,[Token.TOK_UNQUOTEDIDENTIFIER]:0,[Token.TOK_QUOTEDIDENTIFIER]:0,[Token.TOK_RBRACKET]:0,[Token.TOK_RPAREN]:0,[Token.TOK_COMMA]:0,[Token.TOK_RBRACE]:0,[Token.TOK_NUMBER]:0,[Token.TOK_CURRENT]:0,[Token.TOK_EXPREF]:0,[Token.TOK_ROOT]:0,[Token.TOK_PIPE]:1,[Token.TOK_OR]:2,[Token.TOK_AND]:3,[Token.TOK_EQ]:5,[Token.TOK_GT]:5,[Token.TOK_LT]:5,[Token.TOK_GTE]:5,[Token.TOK_LTE]:5,[Token.TOK_NE]:5,[Token.TOK_FLATTEN]:9,[Token.TOK_STAR]:20,[Token.TOK_FILTER]:21,[Token.TOK_DOT]:40,[Token.TOK_NOT]:45,[Token.TOK_LBRACE]:50,[Token.TOK_LBRACKET]:55,[Token.TOK_LPAREN]:60};class TokenParser{constructor(){this.index=0;this.tokens=[]}parse(expression){this.loadTokens(expression);this.index=0;const ast=this.expression(0);if(this.lookahead(0)!==Token.TOK_EOF){const token=this.lookaheadToken(0);this.errorToken(token,`Unexpected token type: ${token.type}, value: ${token.value}`)}return ast}loadTokens(expression){this.tokens=[...Lexer.tokenize(expression),{type:Token.TOK_EOF,value:"",start:expression.length}]}expression(rbp){const leftToken=this.lookaheadToken(0);this.advance();let left=this.nud(leftToken);let currentTokenType=this.lookahead(0);while(rbp<bindingPower[currentTokenType]){this.advance();left=this.led(currentTokenType,left);currentTokenType=this.lookahead(0)}return left}lookahead(offset){return this.tokens[this.index+offset].type}lookaheadToken(offset){return this.tokens[this.index+offset]}advance(){this.index+=1}nud(token){let left;let right;let expression;switch(token.type){case Token.TOK_LITERAL:return{type:"Literal",value:token.value};case Token.TOK_UNQUOTEDIDENTIFIER:return{type:"Field",name:token.value};case Token.TOK_QUOTEDIDENTIFIER:const node={type:"Field",name:token.value};if(this.lookahead(0)===Token.TOK_LPAREN){throw new Error("Quoted identifier not allowed for function names.")}else{return node}case Token.TOK_NOT:right=this.expression(bindingPower.Not);return{type:"NotExpression",children:[right]};case Token.TOK_STAR:left={type:"Identity"};right=this.lookahead(0)===Token.TOK_RBRACKET&&{type:"Identity"}||this.parseProjectionRHS(bindingPower.Star);return{type:"ValueProjection",children:[left,right]};case Token.TOK_FILTER:return this.led(token.type,{type:"Identity"});case Token.TOK_LBRACE:return this.parseMultiselectHash();case Token.TOK_FLATTEN:left={type:Token.TOK_FLATTEN,children:[{type:"Identity"}]};right=this.parseProjectionRHS(bindingPower.Flatten);return{type:"Projection",children:[left,right]};case Token.TOK_LBRACKET:if(this.lookahead(0)===Token.TOK_NUMBER||this.lookahead(0)===Token.TOK_COLON){right=this.parseIndexExpression();return this.projectIfSlice({type:"Identity"},right)}if(this.lookahead(0)===Token.TOK_STAR&&this.lookahead(1)===Token.TOK_RBRACKET){this.advance();this.advance();right=this.parseProjectionRHS(bindingPower.Star);return{children:[{type:"Identity"},right],type:"Projection"}}return this.parseMultiselectList();case Token.TOK_CURRENT:return{type:Token.TOK_CURRENT};case Token.TOK_ROOT:return{type:Token.TOK_ROOT};case Token.TOK_EXPREF:expression=this.expression(bindingPower.Expref);return{type:"ExpressionReference",children:[expression]};case Token.TOK_LPAREN:const args=[];while(this.lookahead(0)!==Token.TOK_RPAREN){if(this.lookahead(0)===Token.TOK_CURRENT){expression={type:Token.TOK_CURRENT};this.advance()}else{expression=this.expression(0)}args.push(expression)}this.match(Token.TOK_RPAREN);return args[0];default:this.errorToken(token)}}led(tokenName,left){let right;switch(tokenName){case Token.TOK_DOT:const rbp=bindingPower.Dot;if(this.lookahead(0)!==Token.TOK_STAR){right=this.parseDotRHS(rbp);return{type:"Subexpression",children:[left,right]}}this.advance();right=this.parseProjectionRHS(rbp);return{type:"ValueProjection",children:[left,right]};case Token.TOK_PIPE:right=this.expression(bindingPower.Pipe);return{type:Token.TOK_PIPE,children:[left,right]};case Token.TOK_OR:right=this.expression(bindingPower.Or);return{type:"OrExpression",children:[left,right]};case Token.TOK_AND:right=this.expression(bindingPower.And);return{type:"AndExpression",children:[left,right]};case Token.TOK_LPAREN:const name=left.name;const args=[];let expression;while(this.lookahead(0)!==Token.TOK_RPAREN){if(this.lookahead(0)===Token.TOK_CURRENT){expression={type:Token.TOK_CURRENT};this.advance()}else{expression=this.expression(0)}if(this.lookahead(0)===Token.TOK_COMMA){this.match(Token.TOK_COMMA)}args.push(expression)}this.match(Token.TOK_RPAREN);const node={name:name,type:"Function",children:args};return node;case Token.TOK_FILTER:const condition=this.expression(0);this.match(Token.TOK_RBRACKET);right=this.lookahead(0)===Token.TOK_FLATTEN&&{type:"Identity"}||this.parseProjectionRHS(bindingPower.Filter);return{type:"FilterProjection",children:[left,right,condition]};case Token.TOK_FLATTEN:const leftNode={type:Token.TOK_FLATTEN,children:[left]};const rightNode=this.parseProjectionRHS(bindingPower.Flatten);return{type:"Projection",children:[leftNode,rightNode]};case Token.TOK_EQ:case Token.TOK_NE:case Token.TOK_GT:case Token.TOK_GTE:case Token.TOK_LT:case Token.TOK_LTE:return this.parseComparator(left,tokenName);case Token.TOK_LBRACKET:const token=this.lookaheadToken(0);if(token.type===Token.TOK_NUMBER||token.type===Token.TOK_COLON){right=this.parseIndexExpression();return this.projectIfSlice(left,right)}this.match(Token.TOK_STAR);this.match(Token.TOK_RBRACKET);right=this.parseProjectionRHS(bindingPower.Star);return{type:"Projection",children:[left,right]};default:return this.errorToken(this.lookaheadToken(0))}}match(tokenType){if(this.lookahead(0)===tokenType){this.advance();return}else{const token=this.lookaheadToken(0);this.errorToken(token,`Expected ${tokenType}, got: ${token.type}`)}}errorToken(token,message=""){const error=new Error(message||`Invalid token (${token.type}): "${token.value}"`);error.name="ParserError";throw error}parseIndexExpression(){if(this.lookahead(0)===Token.TOK_COLON||this.lookahead(1)===Token.TOK_COLON){return this.parseSliceExpression()}const node={type:"Index",value:this.lookaheadToken(0).value};this.advance();this.match(Token.TOK_RBRACKET);return node}projectIfSlice(left,right){const indexExpr={type:"IndexExpression",children:[left,right]};if(right.type==="Slice"){return{children:[indexExpr,this.parseProjectionRHS(bindingPower.Star)],type:"Projection"}}return indexExpr}parseSliceExpression(){const parts=[null,null,null];let index=0;let currentTokenType=this.lookahead(0);while(currentTokenType!==Token.TOK_RBRACKET&&index<3){if(currentTokenType===Token.TOK_COLON){index+=1;this.advance()}else if(currentTokenType===Token.TOK_NUMBER){parts[index]=this.lookaheadToken(0).value;this.advance()}else{const token=this.lookaheadToken(0);this.errorToken(token,`Syntax error, unexpected token: ${token.value}(${token.type})`)}currentTokenType=this.lookahead(0)}this.match(Token.TOK_RBRACKET);return{children:parts,type:"Slice"}}parseComparator(left,comparator){const right=this.expression(bindingPower[comparator]);return{type:"Comparator",name:comparator,children:[left,right]}}parseDotRHS(rbp){const lookahead=this.lookahead(0);const exprTokens=[Token.TOK_UNQUOTEDIDENTIFIER,Token.TOK_QUOTEDIDENTIFIER,Token.TOK_STAR];if(exprTokens.includes(lookahead)){return this.expression(rbp)}if(lookahead===Token.TOK_LBRACKET){this.match(Token.TOK_LBRACKET);return this.parseMultiselectList()}if(lookahead===Token.TOK_LBRACE){this.match(Token.TOK_LBRACE);return this.parseMultiselectHash()}const token=this.lookaheadToken(0);this.errorToken(token,`Syntax error, unexpected token: ${token.value}(${token.type})`)}parseProjectionRHS(rbp){if(bindingPower[this.lookahead(0)]<10){return{type:"Identity"}}if(this.lookahead(0)===Token.TOK_LBRACKET){return this.expression(rbp)}if(this.lookahead(0)===Token.TOK_FILTER){return this.expression(rbp)}if(this.lookahead(0)===Token.TOK_DOT){this.match(Token.TOK_DOT);return this.parseDotRHS(rbp)}const token=this.lookaheadToken(0);this.errorToken(token,`Syntax error, unexpected token: ${token.value}(${token.type})`)}parseMultiselectList(){const expressions=[];while(this.lookahead(0)!==Token.TOK_RBRACKET){const expression=this.expression(0);expressions.push(expression);if(this.lookahead(0)===Token.TOK_COMMA){this.match(Token.TOK_COMMA);if(this.lookahead(0)===Token.TOK_RBRACKET){throw new Error("Unexpected token Rbracket")}}}this.match(Token.TOK_RBRACKET);return{type:"MultiSelectList",children:expressions}}parseMultiselectHash(){const pairs=[];const identifierTypes=[Token.TOK_UNQUOTEDIDENTIFIER,Token.TOK_QUOTEDIDENTIFIER];let keyToken;let keyName;let value;for(;;){keyToken=this.lookaheadToken(0);if(!identifierTypes.includes(keyToken.type)){throw new Error(`Expecting an identifier token, got: ${keyToken.type}`)}keyName=keyToken.value;this.advance();this.match(Token.TOK_COLON);value=this.expression(0);pairs.push({value:value,type:"KeyValuePair",name:keyName});if(this.lookahead(0)===Token.TOK_COMMA){this.match(Token.TOK_COMMA)}else if(this.lookahead(0)===Token.TOK_RBRACE){this.match(Token.TOK_RBRACE);break}}return{type:"MultiSelectHash",children:pairs}}}const Parser=new TokenParser;var InputArgument;(function(InputArgument){InputArgument[InputArgument["TYPE_NUMBER"]=0]="TYPE_NUMBER";InputArgument[InputArgument["TYPE_ANY"]=1]="TYPE_ANY";InputArgument[InputArgument["TYPE_STRING"]=2]="TYPE_STRING";InputArgument[InputArgument["TYPE_ARRAY"]=3]="TYPE_ARRAY";InputArgument[InputArgument["TYPE_OBJECT"]=4]="TYPE_OBJECT";InputArgument[InputArgument["TYPE_BOOLEAN"]=5]="TYPE_BOOLEAN";InputArgument[InputArgument["TYPE_EXPREF"]=6]="TYPE_EXPREF";InputArgument[InputArgument["TYPE_NULL"]=7]="TYPE_NULL";InputArgument[InputArgument["TYPE_ARRAY_NUMBER"]=8]="TYPE_ARRAY_NUMBER";InputArgument[InputArgument["TYPE_ARRAY_STRING"]=9]="TYPE_ARRAY_STRING"})(InputArgument||(InputArgument={}));class Runtime{constructor(interpreter){this.TYPE_NAME_TABLE={[InputArgument.TYPE_NUMBER]:"number",[InputArgument.TYPE_ANY]:"any",[InputArgument.TYPE_STRING]:"string",[InputArgument.TYPE_ARRAY]:"array",[InputArgument.TYPE_OBJECT]:"object",[InputArgument.TYPE_BOOLEAN]:"boolean",[InputArgument.TYPE_EXPREF]:"expression",[InputArgument.TYPE_NULL]:"null",[InputArgument.TYPE_ARRAY_NUMBER]:"Array<number>",[InputArgument.TYPE_ARRAY_STRING]:"Array<string>"};this.functionAbs=([inputValue])=>Math.abs(inputValue);this.functionAvg=([inputArray])=>{let sum=0;for(let i=0;i<inputArray.length;i+=1){sum+=inputArray[i]}return sum/inputArray.length};this.functionCeil=([inputValue])=>Math.ceil(inputValue);this.functionContains=resolvedArgs=>{const[searchable,searchValue]=resolvedArgs;return searchable.includes(searchValue)};this.functionEndsWith=resolvedArgs=>{const[searchStr,suffix]=resolvedArgs;return searchStr.includes(suffix,searchStr.length-suffix.length)};this.functionFloor=([inputValue])=>Math.floor(inputValue);this.functionJoin=resolvedArgs=>{const[joinChar,listJoin]=resolvedArgs;return listJoin.join(joinChar)};this.functionKeys=([inputObject])=>Object.keys(inputObject);this.functionLength=([inputValue])=>{if(!isObject(inputValue)){return inputValue.length}return Object.keys(inputValue).length};this.functionMap=resolvedArgs=>{if(!this._interpreter){return[]}const mapped=[];const interpreter=this._interpreter;const exprefNode=resolvedArgs[0];const elements=resolvedArgs[1];for(let i=0;i<elements.length;i+=1){mapped.push(interpreter.visit(exprefNode,elements[i]))}return mapped};this.functionMax=([inputValue])=>{if(!inputValue.length){return null}const typeName=this.getTypeName(inputValue[0]);if(typeName===InputArgument.TYPE_NUMBER){return Math.max(...inputValue)}const elements=inputValue;let maxElement=elements[0];for(let i=1;i<elements.length;i+=1){if(maxElement.localeCompare(elements[i])<0){maxElement=elements[i]}}return maxElement};this.functionMaxBy=resolvedArgs=>{const exprefNode=resolvedArgs[1];const resolvedArray=resolvedArgs[0];const keyFunction=this.createKeyFunction(exprefNode,[InputArgument.TYPE_NUMBER,InputArgument.TYPE_STRING]);let maxNumber=-Infinity;let maxRecord;let current;for(let i=0;i<resolvedArray.length;i+=1){current=keyFunction&&keyFunction(resolvedArray[i]);if(current!==undefined&¤t>maxNumber){maxNumber=current;maxRecord=resolvedArray[i]}}return maxRecord};this.functionMerge=resolvedArgs=>{let merged={};for(let i=0;i<resolvedArgs.length;i+=1){const current=resolvedArgs[i];merged=Object.assign(merged,current)}return merged};this.functionMin=([inputValue])=>{if(!inputValue.length){return null}const typeName=this.getTypeName(inputValue[0]);if(typeName===InputArgument.TYPE_NUMBER){return Math.min(...inputValue)}const elements=inputValue;let minElement=elements[0];for(let i=1;i<elements.length;i+=1){if(elements[i].localeCompare(minElement)<0){minElement=elements[i]}}return minElement};this.functionMinBy=resolvedArgs=>{const exprefNode=resolvedArgs[1];const resolvedArray=resolvedArgs[0];const keyFunction=this.createKeyFunction(exprefNode,[InputArgument.TYPE_NUMBER,InputArgument.TYPE_STRING]);let minNumber=Infinity;let minRecord;let current;for(let i=0;i<resolvedArray.length;i+=1){current=keyFunction&&keyFunction(resolvedArray[i]);if(current!==undefined&¤t<minNumber){minNumber=current;minRecord=resolvedArray[i]}}return minRecord};this.functionNotNull=resolvedArgs=>{for(let i=0;i<resolvedArgs.length;i+=1){if(this.getTypeName(resolvedArgs[i])!==InputArgument.TYPE_NULL){return resolvedArgs[i]}}return null};this.functionReverse=([inputValue])=>{const typeName=this.getTypeName(inputValue);if(typeName===InputArgument.TYPE_STRING){const originalStr=inputValue;let reversedStr="";for(let i=originalStr.length-1;i>=0;i-=1){reversedStr+=originalStr[i]}return reversedStr}const reversedArray=inputValue.slice(0);reversedArray.reverse();return reversedArray};this.functionSort=([inputValue])=>[...inputValue].sort();this.functionSortBy=resolvedArgs=>{if(!this._interpreter){return[]}const sortedArray=resolvedArgs[0].slice(0);if(sortedArray.length===0){return sortedArray}const interpreter=this._interpreter;const exprefNode=resolvedArgs[1];const requiredType=this.getTypeName(interpreter.visit(exprefNode,sortedArray[0]));if(requiredType!==undefined&&![InputArgument.TYPE_NUMBER,InputArgument.TYPE_STRING].includes(requiredType)){throw new Error(`TypeError: unexpected type (${this.TYPE_NAME_TABLE[requiredType]})`)}const decorated=[];for(let i=0;i<sortedArray.length;i+=1){decorated.push([i,sortedArray[i]])}decorated.sort(((a,b)=>{const exprA=interpreter.visit(exprefNode,a[1]);const exprB=interpreter.visit(exprefNode,b[1]);if(this.getTypeName(exprA)!==requiredType){throw new Error(`TypeError: expected (${this.TYPE_NAME_TABLE[requiredType]}), received ${this.TYPE_NAME_TABLE[this.getTypeName(exprA)]}`)}else if(this.getTypeName(exprB)!==requiredType){throw new Error(`TypeError: expected (${this.TYPE_NAME_TABLE[requiredType]}), received ${this.TYPE_NAME_TABLE[this.getTypeName(exprB)]}`)}if(exprA>exprB){return 1}return exprA<exprB?-1:a[0]-b[0]}));for(let j=0;j<decorated.length;j+=1){sortedArray[j]=decorated[j][1]}return sortedArray};this.functionStartsWith=([searchable,searchStr])=>searchable.startsWith(searchStr);this.functionSum=([inputValue])=>inputValue.reduce(((x,y)=>x+y),0);this.functionToArray=([inputValue])=>{if(this.getTypeName(inputValue)===InputArgument.TYPE_ARRAY){return inputValue}return[inputValue]};this.functionToNumber=([inputValue])=>{const typeName=this.getTypeName(inputValue);let convertedValue;if(typeName===InputArgument.TYPE_NUMBER){return inputValue}if(typeName===InputArgument.TYPE_STRING){convertedValue=+inputValue;if(!isNaN(convertedValue)){return convertedValue}}return null};this.functionToString=([inputValue])=>{if(this.getTypeName(inputValue)===InputArgument.TYPE_STRING){return inputValue}return JSON.stringify(inputValue)};this.functionType=([inputValue])=>{switch(this.getTypeName(inputValue)){case InputArgument.TYPE_NUMBER:return"number";case InputArgument.TYPE_STRING:return"string";case InputArgument.TYPE_ARRAY:return"array";case InputArgument.TYPE_OBJECT:return"object";case InputArgument.TYPE_BOOLEAN:return"boolean";case InputArgument.TYPE_EXPREF:return"expref";case InputArgument.TYPE_NULL:return"null";default:return}};this.functionValues=([inputObject])=>Object.values(inputObject);this.functionTable={abs:{_func:this.functionAbs,_signature:[{types:[InputArgument.TYPE_NUMBER]}]},avg:{_func:this.functionAvg,_signature:[{types:[InputArgument.TYPE_ARRAY_NUMBER]}]},ceil:{_func:this.functionCeil,_signature:[{types:[InputArgument.TYPE_NUMBER]}]},contains:{_func:this.functionContains,_signature:[{types:[InputArgument.TYPE_STRING,InputArgument.TYPE_ARRAY]},{types:[InputArgument.TYPE_ANY]}]},ends_with:{_func:this.functionEndsWith,_signature:[{types:[InputArgument.TYPE_STRING]},{types:[InputArgument.TYPE_STRING]}]},floor:{_func:this.functionFloor,_signature:[{types:[InputArgument.TYPE_NUMBER]}]},join:{_func:this.functionJoin,_signature:[{types:[InputArgument.TYPE_STRING]},{types:[InputArgument.TYPE_ARRAY_STRING]}]},keys:{_func:this.functionKeys,_signature:[{types:[InputArgument.TYPE_OBJECT]}]},length:{_func:this.functionLength,_signature:[{types:[InputArgument.TYPE_STRING,InputArgument.TYPE_ARRAY,InputArgument.TYPE_OBJECT]}]},map:{_func:this.functionMap,_signature:[{types:[InputArgument.TYPE_EXPREF]},{types:[InputArgument.TYPE_ARRAY]}]},max:{_func:this.functionMax,_signature:[{types:[InputArgument.TYPE_ARRAY_NUMBER,InputArgument.TYPE_ARRAY_STRING]}]},max_by:{_func:this.functionMaxBy,_signature:[{types:[InputArgument.TYPE_ARRAY]},{types:[InputArgument.TYPE_EXPREF]}]},merge:{_func:this.functionMerge,_signature:[{types:[InputArgument.TYPE_OBJECT],variadic:true}]},min:{_func:this.functionMin,_signature:[{types:[InputArgument.TYPE_ARRAY_NUMBER,InputArgument.TYPE_ARRAY_STRING]}]},min_by:{_func:this.functionMinBy,_signature:[{types:[InputArgument.TYPE_ARRAY]},{types:[InputArgument.TYPE_EXPREF]}]},not_null:{_func:this.functionNotNull,_signature:[{types:[InputArgument.TYPE_ANY],variadic:true}]},reverse:{_func:this.functionReverse,_signature:[{types:[InputArgument.TYPE_STRING,InputArgument.TYPE_ARRAY]}]},sort:{_func:this.functionSort,_signature:[{types:[InputArgument.TYPE_ARRAY_STRING,InputArgument.TYPE_ARRAY_NUMBER]}]},sort_by:{_func:this.functionSortBy,_signature:[{types:[InputArgument.TYPE_ARRAY]},{types:[InputArgument.TYPE_EXPREF]}]},starts_with:{_func:this.functionStartsWith,_signature:[{types:[InputArgument.TYPE_STRING]},{types:[InputArgument.TYPE_STRING]}]},sum:{_func:this.functionSum,_signature:[{types:[InputArgument.TYPE_ARRAY_NUMBER]}]},to_array:{_func:this.functionToArray,_signature:[{types:[InputArgument.TYPE_ANY]}]},to_number:{_func:this.functionToNumber,_signature:[{types:[InputArgument.TYPE_ANY]}]},to_string:{_func:this.functionToString,_signature:[{types:[InputArgument.TYPE_ANY]}]},type:{_func:this.functionType,_signature:[{types:[InputArgument.TYPE_ANY]}]},values:{_func:this.functionValues,_signature:[{types:[InputArgument.TYPE_OBJECT]}]}};this._interpreter=interpreter}registerFunction(name,customFunction,signature){if(name in this.functionTable){throw new Error(`Function already defined: ${name}()`)}this.functionTable[name]={_func:customFunction.bind(this),_signature:signature}}callFunction(name,resolvedArgs){const functionEntry=this.functionTable[name];if(functionEntry===undefined){throw new Error(`Unknown function: ${name}()`)}this.validateArgs(name,resolvedArgs,functionEntry._signature);return functionEntry._func.call(this,resolvedArgs)}validateInputSignatures(name,signature){for(let i=0;i<signature.length;i+=1){if("variadic"in signature[i]&&i!==signature.length-1){throw new Error(`ArgumentError: ${name}() 'variadic' argument ${i+1} must occur last`)}}}validateArgs(name,args,signature){var _a,_b;let pluralized;this.validateInputSignatures(name,signature);const numberOfRequiredArgs=signature.filter((argSignature=>{var _a;return(_a=!argSignature.optional)!==null&&_a!==void 0?_a:false})).length;const lastArgIsVariadic=(_b=(_a=signature[signature.length-1])===null||_a===void 0?void 0:_a.variadic)!==null&&_b!==void 0?_b:false;const tooFewArgs=args.length<numberOfRequiredArgs;const tooManyArgs=args.length>signature.length;const tooFewModifier=tooFewArgs&&(!lastArgIsVariadic&&numberOfRequiredArgs>1||lastArgIsVariadic)?"at least ":"";if(lastArgIsVariadic&&tooFewArgs||!lastArgIsVariadic&&(tooFewArgs||tooManyArgs)){pluralized=signature.length>1;throw new Error(`ArgumentError: ${name}() takes ${tooFewModifier}${numberOfRequiredArgs} argument${pluralized&&"s"||""} but received ${args.length}`)}let currentSpec;let actualType;let typeMatched;for(let i=0;i<signature.length;i+=1){typeMatched=false;currentSpec=signature[i].types;actualType=this.getTypeName(args[i]);let j;for(j=0;j<currentSpec.length;j+=1){if(actualType!==undefined&&this.typeMatches(actualType,currentSpec[j],args[i])){typeMatched=true;break}}if(!typeMatched&&actualType!==undefined){const expected=currentSpec.map((typeIdentifier=>this.TYPE_NAME_TABLE[typeIdentifier])).join(" | ");throw new Error(`TypeError: ${name}() expected argument ${i+1} to be type (${expected}) but received type ${this.TYPE_NAME_TABLE[actualType]} instead.`)}}}typeMatches(actual,expected,argValue){if(expected===InputArgument.TYPE_ANY){return true}if(expected===InputArgument.TYPE_ARRAY_STRING||expected===InputArgument.TYPE_ARRAY_NUMBER||expected===InputArgument.TYPE_ARRAY){if(expected===InputArgument.TYPE_ARRAY){return actual===InputArgument.TYPE_ARRAY}if(actual===InputArgument.TYPE_ARRAY){let subtype;if(expected===InputArgument.TYPE_ARRAY_NUMBER){subtype=InputArgument.TYPE_NUMBER}else if(expected===InputArgument.TYPE_ARRAY_STRING){subtype=InputArgument.TYPE_STRING}for(let i=0;i<argValue.length;i+=1){const typeName=this.getTypeName(argValue[i]);if(typeName!==undefined&&subtype!==undefined&&!this.typeMatches(typeName,subtype,argValue[i])){return false}}return true}}else{return actual===expected}return false}getTypeName(obj){switch(Object.prototype.toString.call(obj)){case"[object String]":return InputArgument.TYPE_STRING;case"[object Number]":return InputArgument.TYPE_NUMBER;case"[object Array]":return InputArgument.TYPE_ARRAY;case"[object Boolean]":return InputArgument.TYPE_BOOLEAN;case"[object Null]":return InputArgument.TYPE_NULL;case"[object Object]":if(obj.jmespathType===Token.TOK_EXPREF){return InputArgument.TYPE_EXPREF}return InputArgument.TYPE_OBJECT;default:return}}createKeyFunction(exprefNode,allowedTypes){if(!this._interpreter){return}const interpreter=this._interpreter;const keyFunc=x=>{const current=interpreter.visit(exprefNode,x);if(!allowedTypes.includes(this.getTypeName(current))){const msg=`TypeError: expected one of (${allowedTypes.map((t=>this.TYPE_NAME_TABLE[t])).join(" | ")}), received ${this.TYPE_NAME_TABLE[this.getTypeName(current)]}`;throw new Error(msg)}return current};return keyFunc}}class TreeInterpreter$1{constructor(){this._rootValue=null;this.runtime=new Runtime(this)}search(node,value){this._rootValue=value;return this.visit(node,value)}visit(node,value){let matched;let current;let result;let first;let second;let field;let left;let right;let collected;let i;let base;switch(node.type){case"Field":if(value===null){return null}if(isObject(value)){field=value[node.name];if(field===undefined){return null}return field}return null;case"Subexpression":result=this.visit(node.children[0],value);for(i=1;i<node.children.length;i+=1){result=this.visit(node.children[1],result);if(result===null){return null}}return result;case"IndexExpression":left=this.visit(node.children[0],value);right=this.visit(node.children[1],left);return right;case"Index":if(!Array.isArray(value)){return null}let index=node.value;if(index<0){index=value.length+index}result=value[index];if(result===undefined){result=null}return result;case"Slice":if(!Array.isArray(value)){return null}const sliceParams=[...node.children];const computed=this.computeSliceParams(value.length,sliceParams);const[start,stop,step]=computed;result=[];if(step>0){for(i=start;i<stop;i+=step){result.push(value[i])}}else{for(i=start;i>stop;i+=step){result.push(value[i])}}return result;case"Projection":base=this.visit(node.children[0],value);if(!Array.isArray(base)){return null}collected=[];for(i=0;i<base.length;i+=1){current=this.visit(node.children[1],base[i]);if(current!==null){collected.push(current)}}return collected;case"ValueProjection":base=this.visit(node.children[0],value);if(!isObject(base)){return null}collected=[];const values=Object.values(base);for(i=0;i<values.length;i+=1){current=this.visit(node.children[1],values[i]);if(current!==null){collected.push(current)}}return collected;case"FilterProjection":base=this.visit(node.children[0],value);if(!Array.isArray(base)){return null}const filtered=[];const finalResults=[];for(i=0;i<base.length;i+=1){matched=this.visit(node.children[2],base[i]);if(!isFalse(matched)){filtered.push(base[i])}}for(let j=0;j<filtered.length;j+=1){current=this.visit(node.children[1],filtered[j]);if(current!==null){finalResults.push(current)}}return finalResults;case"Comparator":first=this.visit(node.children[0],value);second=this.visit(node.children[1],value);switch(node.name){case Token.TOK_EQ:result=strictDeepEqual(first,second);break;case Token.TOK_NE:result=!strictDeepEqual(first,second);break;case Token.TOK_GT:result=first>second;break;case Token.TOK_GTE:result=first>=second;break;case Token.TOK_LT:result=first<second;break;case Token.TOK_LTE:result=first<=second;break;default:throw new Error(`Unknown comparator: ${node.name}`)}return result;case Token.TOK_FLATTEN:const original=this.visit(node.children[0],value);if(!Array.isArray(original)){return null}let merged=[];for(i=0;i<original.length;i+=1){current=original[i];if(Array.isArray(current)){merged=[...merged,...current]}else{merged.push(current)}}return merged;case"Identity":return value;case"MultiSelectList":if(value===null){return null}collected=[];for(i=0;i<node.children.length;i+=1){collected.push(this.visit(node.children[i],value))}return collected;case"MultiSelectHash":if(value===null){return null}collected={};let child;for(i=0;i<node.children.length;i+=1){child=node.children[i];collected[child.name]=this.visit(child.value,value)}return collected;case"OrExpression":matched=this.visit(node.children[0],value);if(isFalse(matched)){matched=this.visit(node.children[1],value)}return matched;case"AndExpression":first=this.visit(node.children[0],value);if(isFalse(first)){return first}return this.visit(node.children[1],value);case"NotExpression":first=this.visit(node.children[0],value);return isFalse(first);case"Literal":return node.value;case Token.TOK_PIPE:left=this.visit(node.children[0],value);return this.visit(node.children[1],left);case Token.TOK_CURRENT:return value;case Token.TOK_ROOT:return this._rootValue;case"Function":const resolvedArgs=[];for(let j=0;j<node.children.length;j+=1){resolvedArgs.push(this.visit(node.children[j],value))}return this.runtime.callFunction(node.name,resolvedArgs);case"ExpressionReference":const refNode=node.children[0];refNode.jmespathType=Token.TOK_EXPREF;return refNode;default:throw new Error(`Unknown node type: ${node.type}`)}}computeSliceParams(arrayLength,sliceParams){let[start,stop,step]=sliceParams;if(step===null){step=1}else if(step===0){const error=new Error("Invalid slice, step cannot be 0");error.name="RuntimeError";throw error}const stepValueNegative=step<0?true:false;start=start===null?stepValueNegative?arrayLength-1:0:this.capSliceRange(arrayLength,start,step);stop=stop===null?stepValueNegative?-1:arrayLength:this.capSliceRange(arrayLength,stop,step);return[start,stop,step]}capSliceRange(arrayLength,actualValue,step){let nextActualValue=actualValue;if(nextActualValue<0){nextActualValue+=arrayLength;if(nextActualValue<0){nextActualValue=step<0?-1:0}}else if(nextActualValue>=arrayLength){nextActualValue=step<0?arrayLength-1:arrayLength}return nextActualValue}}const TreeInterpreterInstance=new TreeInterpreter$1;const TYPE_ANY=InputArgument.TYPE_ANY;const TYPE_ARRAY=InputArgument.TYPE_ARRAY;const TYPE_ARRAY_NUMBER=InputArgument.TYPE_ARRAY_NUMBER;const TYPE_ARRAY_STRING=InputArgument.TYPE_ARRAY_STRING;const TYPE_BOOLEAN=InputArgument.TYPE_BOOLEAN;const TYPE_EXPREF=InputArgument.TYPE_EXPREF;const TYPE_NULL=InputArgument.TYPE_NULL;const TYPE_NUMBER=InputArgument.TYPE_NUMBER;const TYPE_OBJECT=InputArgument.TYPE_OBJECT;const TYPE_STRING=InputArgument.TYPE_STRING;function compile(expression){const nodeTree=Parser.parse(expression);return nodeTree}function tokenize(expression){return Lexer.tokenize(expression)}const registerFunction=(functionName,customFunction,signature)=>{TreeInterpreterInstance.runtime.registerFunction(functionName,customFunction,signature)};function search(data,expression){const nodeTree=Parser.parse(expression);return TreeInterpreterInstance.search(nodeTree,data)}const TreeInterpreter=TreeInterpreterInstance;const jmespath={compile:compile,registerFunction:registerFunction,search:search,tokenize:tokenize,TreeInterpreter:TreeInterpreter,TYPE_ANY:TYPE_ANY,TYPE_ARRAY_NUMBER:TYPE_ARRAY_NUMBER,TYPE_ARRAY_STRING:TYPE_ARRAY_STRING,TYPE_ARRAY:TYPE_ARRAY,TYPE_BOOLEAN:TYPE_BOOLEAN,TYPE_EXPREF:TYPE_EXPREF,TYPE_NULL:TYPE_NULL,TYPE_NUMBER:TYPE_NUMBER,TYPE_OBJECT:TYPE_OBJECT,TYPE_STRING:TYPE_STRING};exports.TYPE_ANY=TYPE_ANY;exports.TYPE_ARRAY=TYPE_ARRAY;exports.TYPE_ARRAY_NUMBER=TYPE_ARRAY_NUMBER;exports.TYPE_ARRAY_STRING=TYPE_ARRAY_STRING;exports.TYPE_BOOLEAN=TYPE_BOOLEAN;exports.TYPE_EXPREF=TYPE_EXPREF;exports.TYPE_NULL=TYPE_NULL;exports.TYPE_NUMBER=TYPE_NUMBER;exports.TYPE_OBJECT=TYPE_OBJECT;exports.TYPE_STRING=TYPE_STRING;exports.TreeInterpreter=TreeInterpreter;exports.compile=compile;exports.default=jmespath;exports.jmespath=jmespath;exports.registerFunction=registerFunction;exports.search=search;exports.tokenize=tokenize;Object.defineProperty(exports,"__esModule",{value:true})}));(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports,require("imask"),require("@angular/common"),require("@angular/core"),require("@angular/forms")):typeof define==="function"&&define.amd?define(["exports","imask","@angular/common","@angular/core","@angular/forms"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.angularIMask={},global.IMask,global.ng.common,global.ng.core,global.ng.forms))})(this,(function(exports,IMask,common,i0,forms){"use strict";function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach((function(k){if(k!=="default"){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}})}}))}n.default=e;return Object.freeze(n)}var i0__namespace=_interopNamespaceDefault(i0);class DefaultImaskFactory{create(el,opts){return IMask(el,opts)}static{this.\u0275fac=i0__namespace.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:DefaultImaskFactory,deps:[],target:i0__namespace.\u0275\u0275FactoryTarget.Injectable})}static{this.\u0275prov=i0__namespace.\u0275\u0275ngDeclareInjectable({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:DefaultImaskFactory,providedIn:"root"})}}i0__namespace.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:DefaultImaskFactory,decorators:[{type:i0.Injectable,args:[{providedIn:"root"}]}]});const IMASK_FACTORY=new i0.InjectionToken("IMASK_FACTORY",{providedIn:"root",factory:()=>i0.inject(DefaultImaskFactory)});const MASKEDINPUT_VALUE_ACCESSOR={provide:forms.NG_VALUE_ACCESSOR,useExisting:i0.forwardRef((()=>IMaskDirective)),multi:true};const DEFAULT_IMASK_ELEMENT=elementRef=>elementRef.nativeElement;class IMaskDirective{constructor(){this.onTouched=()=>{};this.onChange=()=>{};this._viewInitialized=false;this._composing=false;this._writing=false;this._elementRef=i0.inject(i0.ElementRef);this._renderer=i0.inject(i0.Renderer2);this._factory=i0.inject(IMASK_FACTORY);this._platformId=i0.inject(i0.PLATFORM_ID);this._compositionMode=i0.inject(forms.COMPOSITION_BUFFER_MODE,{optional:true})??!this._isAndroid();this.imaskElement=DEFAULT_IMASK_ELEMENT;this.accept=new i0.EventEmitter;this.complete=new i0.EventEmitter}get element(){return this.imaskElement(this._elementRef,this)}get maskValue(){if(!this.maskRef)return this.element?.value||"";if(this.unmask==="typed")return this.maskRef.typedValue;if(this.unmask)return this.maskRef.unmaskedValue;return this.maskRef.value}set maskValue(value){if(this.maskRef){if(this.unmask==="typed")this.maskRef.typedValue=value;else if(this.unmask)this.maskRef.unmaskedValue=value;else this.maskRef.value=value}else{this._renderer.setProperty(this.element,"value",value)}}ngAfterViewInit(){if(this.imask)this.initMask();this._viewInitialized=true}ngOnChanges(changes){if(changes["elementRef"]&&!this.imaskElement)this.imaskElement=DEFAULT_IMASK_ELEMENT;if(!changes["imask"]||!this._viewInitialized)return;if(this.imask){if(this.maskRef)this.maskRef.updateOptions(this.imask);else{this.initMask();this.onChange(this.maskValue)}}else{this.destroyMask()}}destroyMask(){if(this.maskRef){this.maskRef.destroy();delete this.maskRef}}ngOnDestroy(){this.destroyMask();this.accept.complete();this.complete.complete()}beginWrite(value){this._writing=true;this._writingValue=value}endWrite(){this._writing=false;return this._writingValue}writeValue(value){value=value==null&&this.unmask!=="typed"?"":value;if(this.maskRef){this.beginWrite(value);this.maskValue=value;this.endWrite()}else{this._renderer.setProperty(this.element,"value",value);this._initialValue=value}}_onAccept(){const value=this.maskValue;if(this._writing&&value===this.endWrite())return;this.onChange(value);this.accept.emit(value)}_onComplete(){this.complete.emit(this.maskValue)}initMask(){this.maskRef=this._factory.create(this.element,this.imask).on("accept",this._onAccept.bind(this)).on("complete",this._onComplete.bind(this));if(this._initialValue!=null)this.writeValue(this._initialValue);delete this._initialValue}setDisabledState(isDisabled){this._renderer.setProperty(this.element,"disabled",isDisabled)}registerOnChange(fn){this.onChange=fn}registerOnTouched(fn){this.onTouched=fn}_handleInput(value){if(this.maskRef)return;if(!this._compositionMode||this._compositionMode&&!this._composing){this.onChange(value)}}_compositionStart(){this._composing=true}_compositionEnd(value){this._composing=false;this._compositionMode&&this._handleInput(value)}_isAndroid(){return common.isPlatformBrowser(this._platformId)&&/android (\d+)/.test(navigator.userAgent.toLowerCase())}static{this.\u0275fac=i0__namespace.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskDirective,deps:[],target:i0__namespace.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=i0__namespace.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"16.2.12",type:IMaskDirective,isStandalone:true,selector:"[imask]",inputs:{imask:"imask",unmask:"unmask",imaskElement:"imaskElement"},outputs:{accept:"accept",complete:"complete"},host:{listeners:{input:"_handleInput($event.target.value)",blur:"onTouched()",compositionstart:"_compositionStart()",compositionend:"_compositionEnd($event.target.value)"}},providers:[MASKEDINPUT_VALUE_ACCESSOR],exportAs:["imask"],usesOnChanges:true,ngImport:i0__namespace})}}i0__namespace.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskDirective,decorators:[{type:i0.Directive,args:[{selector:"[imask]",standalone:true,exportAs:"imask",host:{"(input)":"_handleInput($event.target.value)","(blur)":"onTouched()","(compositionstart)":"_compositionStart()","(compositionend)":"_compositionEnd($event.target.value)"},providers:[MASKEDINPUT_VALUE_ACCESSOR]}]}],propDecorators:{imask:[{type:i0.Input}],unmask:[{type:i0.Input}],imaskElement:[{type:i0.Input}],accept:[{type:i0.Output}],complete:[{type:i0.Output}]}});class IMaskPipe{transform(...args){return IMask.pipe(...args)}static{this.\u0275fac=i0__namespace.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskPipe,deps:[],target:i0__namespace.\u0275\u0275FactoryTarget.Pipe})}static{this.\u0275pipe=i0__namespace.\u0275\u0275ngDeclarePipe({minVersion:"14.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskPipe,isStandalone:true,name:"imask"})}}i0__namespace.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskPipe,decorators:[{type:i0.Pipe,args:[{name:"imask",standalone:true}]}]});class IMaskModule{static{this.\u0275fac=i0__namespace.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskModule,deps:[],target:i0__namespace.\u0275\u0275FactoryTarget.NgModule})}static{this.\u0275mod=i0__namespace.\u0275\u0275ngDeclareNgModule({minVersion:"14.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskModule,imports:[IMaskDirective,IMaskPipe],exports:[IMaskDirective,IMaskPipe]})}static{this.\u0275inj=i0__namespace.\u0275\u0275ngDeclareInjector({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskModule})}}i0__namespace.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"16.2.12",ngImport:i0__namespace,type:IMaskModule,decorators:[{type:i0.NgModule,args:[{imports:[IMaskDirective,IMaskPipe],exports:[IMaskDirective,IMaskPipe]}]}]});exports.IMask=IMask;Object.defineProperty(exports,"PIPE_TYPE",{enumerable:true,get:function(){return IMask.PIPE_TYPE}});Object.defineProperty(exports,"pipe",{enumerable:true,get:function(){return IMask.pipe}});exports.DEFAULT_IMASK_ELEMENT=DEFAULT_IMASK_ELEMENT;exports.DefaultImaskFactory=DefaultImaskFactory;exports.IMASK_FACTORY=IMASK_FACTORY;exports.IMaskDirective=IMaskDirective;exports.IMaskModule=IMaskModule;exports.IMaskPipe=IMaskPipe;exports.MASKEDINPUT_VALUE_ACCESSOR=MASKEDINPUT_VALUE_ACCESSOR}));
|