@smart-webcomponents-angular/scrollbar 9.2.22 → 13.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +10 -2
  2. package/common/i18n.phonenumbers.min.js +501 -0
  3. package/common/runtime.js +748 -0
  4. package/demo/angular.json +2 -2
  5. package/demo/src/tsconfig.app.json +15 -15
  6. package/demo/src/tsconfig.json +23 -23
  7. package/esm2020/scrollbar/index.mjs +2 -0
  8. package/{esm2015/scrollbar/public_api.js → esm2020/scrollbar/public_api.mjs} +0 -0
  9. package/{esm2015/scrollbar/smart-webcomponents-angular-scrollbar.js → esm2020/scrollbar/smart-webcomponents-angular-scrollbar.mjs} +2 -3
  10. package/esm2020/scrollbar/smart.element.mjs +96 -0
  11. package/esm2020/scrollbar/smart.scrollbar.mjs +243 -0
  12. package/esm2020/scrollbar/smart.scrollbar.module.mjs +18 -0
  13. package/fesm2015/{smart-webcomponents-angular-scrollbar.js → smart-webcomponents-angular-scrollbar.mjs} +88 -50
  14. package/fesm2015/smart-webcomponents-angular-scrollbar.mjs.map +1 -0
  15. package/fesm2020/smart-webcomponents-angular-scrollbar.mjs +365 -0
  16. package/fesm2020/smart-webcomponents-angular-scrollbar.mjs.map +1 -0
  17. package/images/flags.png +0 -0
  18. package/index.d.ts +3578 -658
  19. package/package.json +26 -24
  20. package/scrollbar/index.d.ts +1 -0
  21. package/scrollbar/smart-webcomponents-angular-scrollbar.d.ts +2 -2
  22. package/scrollbar/smart.element.d.ts +4 -1
  23. package/scrollbar/smart.scrollbar.d.ts +9 -1
  24. package/scrollbar/smart.scrollbar.module.d.ts +5 -0
  25. package/source/modules/smart.scrollbar.js +1 -1
  26. package/source/smart.button.js +2 -2
  27. package/source/smart.element.js +2 -2
  28. package/source/smart.scrollbar.js +2 -2
  29. package/styles/font/smart-icons.eot +0 -0
  30. package/styles/font/smart-icons.svg +64 -2
  31. package/styles/font/smart-icons.ttf +0 -0
  32. package/styles/font/smart-icons.woff +0 -0
  33. package/styles/font/smart-icons.woff2 +0 -0
  34. package/styles/smart.base.css +4 -4
  35. package/styles/smart.common.css +1 -1
  36. package/styles/smart.scrollbar.css +2 -2
  37. package/bundles/smart-webcomponents-angular-scrollbar.umd.js +0 -750
  38. package/bundles/smart-webcomponents-angular-scrollbar.umd.min.js +0 -25
  39. package/demo/src/app/app.component.ts +0 -87
  40. package/demo/src/app/app.module.ts +0 -15
  41. package/demo/src/app/main.ts +0 -6
  42. package/demo/src/main.ts +0 -16
  43. package/demo/src/polyfills.ts +0 -73
  44. package/esm2015/scrollbar/smart.element.js +0 -83
  45. package/esm2015/scrollbar/smart.scrollbar.js +0 -221
  46. package/esm2015/scrollbar/smart.scrollbar.module.js +0 -13
  47. package/fesm2015/smart-webcomponents-angular-scrollbar.js.map +0 -1
  48. package/scrollbar/smart-webcomponents-angular-scrollbar.metadata.json +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smart-webcomponents-angular/scrollbar",
3
- "version": "9.2.22",
3
+ "version": "13.0.10",
4
4
  "preferGlobal": true,
5
5
  "keywords": [
6
6
  "angular",
@@ -20,43 +20,45 @@
20
20
  "angular material ui scrollbar component"
21
21
  ],
22
22
  "dependencies": {
23
- "@angular/cdk": "^11.0.0 || ^12.0.0-0",
24
- "@angular/elements": "^11.0.0 || ^12.0.0-0"
23
+ "@angular/cdk": "13.2.2",
24
+ "@angular/elements": "13.2.2"
25
25
  },
26
26
  "devDependencies": {
27
- "@angular/animations": "^11.0.0",
28
- "@angular/common": "^11.0.0 || ^12.0.0-0",
29
- "@angular/compiler": "^11.0.0 || ^12.0.0-0",
30
- "@angular/cdk": "^11.0.0 || ^12.0.0-0",
31
- "@angular/core": "^11.0.0 || ^12.0.0-0",
32
- "@angular/forms": "^11.0.0 || ^12.0.0-0",
33
- "@angular/platform-browser": "^11.0.0 || ^12.0.0-0",
27
+ "@angular/animations": "^13.2.2",
28
+ "@angular/common": "13.2.2",
29
+ "@angular/compiler": "13.2.2",
30
+ "@angular/cdk": "13.2.2",
31
+ "@angular/core": "13.2.2",
32
+ "@angular/forms": "13.2.2",
33
+ "@angular/platform-browser": "13.2.2",
34
34
  "core-js": "^2.6.9",
35
35
  "rxjs": "^6.5.3",
36
36
  "systemjs": "0.19.43",
37
37
  "tslib": "^1.10.0",
38
- "zone.js": "~0.10.2",
39
- "@angular-devkit/core": "^11.0.0 || ^12.0.0-0",
40
- "@angular-devkit/schematics": "^11.0.0 || ^12.0.0-0",
41
- "@angular/bazel": "^11.0.0 || ^12.0.0-0",
42
- "@angular/compiler-cli": "^11.0.0 || ^12.0.0-0",
43
- "@angular/platform-browser-dynamic": "^11.0.0 || ^12.0.0-0",
44
- "@angular/platform-server": "^11.0.0 || ^12.0.0-0",
45
- "@angular/router": "^11.0.0 || ^12.0.0-0",
46
- "typescript": "~4.1.0"
38
+ "zone.js": "~0.11.4",
39
+ "@angular-devkit/core": "13.2.2",
40
+ "@angular-devkit/schematics": "13.2.2",
41
+ "@angular/bazel": "13.2.2",
42
+ "@angular/compiler-cli": "13.2.2",
43
+ "@angular/platform-browser-dynamic": "13.2.2",
44
+ "@angular/platform-server": "13.2.2",
45
+ "@angular/router": "13.2.2",
46
+ "typescript": "~4.4.2"
47
47
  },
48
48
  "author": "jQWidgets <support@jqwidgets.com> (https://www.htmlelements.com/)",
49
49
  "license": "SEE LICENSE IN https://www.htmlelements.com/license/",
50
50
  "homepage": "https://www.htmlelements.com/",
51
51
  "description": "[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/)",
52
52
  "main": "./bundles/smart-webcomponents-angular-scrollbar.umd.js",
53
- "module": "./fesm2015/smart-webcomponents-angular-scrollbar.js",
54
- "es2015": "./fesm2015/smart-webcomponents-angular-scrollbar.js",
55
- "esm2015": "./esm2015/scrollbar/smart-webcomponents-angular-scrollbar.js",
56
- "fesm2015": "./fesm2015/smart-webcomponents-angular-scrollbar.js",
53
+ "module": "./fesm2015/smart-webcomponents-angular-scrollbar.mjs",
54
+ "es2015": "./fesm2015/smart-webcomponents-angular-scrollbar.mjs",
55
+ "esm2015": "./esm2020/scrollbar/smart-webcomponents-angular-scrollbar.mjs",
56
+ "esm2020": "./esm2020/scrollbar/smart-webcomponents-angular-scrollbar.mjs",
57
+ "fesm2015": "./fesm2015/smart-webcomponents-angular-scrollbar.mjs",
58
+ "fesm2020": "./fesm2020/smart-webcomponents-angular-scrollbar.mjs",
57
59
  "typings": "./scrollbar/smart-webcomponents-angular-scrollbar.d.ts",
58
60
  "metadata": "./scrollbar/smart-webcomponents-angular-scrollbar.metadata.json",
59
- "sideEffects": false,
61
+ "sideEffects": true,
60
62
  "scripts": {
61
63
  "start": "node start.js",
62
64
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -0,0 +1 @@
1
+ export * from './public_api';
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
- export * from './public_api';
5
- export { BaseElement as ɵa } from './smart.element';
4
+ /// <amd-module name="smart-webcomponents-angular/scrollbar" />
5
+ export * from './index';
@@ -1,9 +1,10 @@
1
+ import { ElementRef, EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
1
3
  declare global {
2
4
  interface Window {
3
5
  Smart: any;
4
6
  }
5
7
  }
6
- import { ElementRef, EventEmitter } from '@angular/core';
7
8
  export declare class BaseElement {
8
9
  constructor(ref: ElementRef);
9
10
  onCreate: EventEmitter<any>;
@@ -32,5 +33,7 @@ export declare class BaseElement {
32
33
  /** @description Determines the theme. Theme defines the look of the element */
33
34
  get theme(): string;
34
35
  set theme(value: string);
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<BaseElement, never>;
37
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseElement, never, never, { "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "messages": "messages"; "rightToLeft": "rightToLeft"; "theme": "theme"; }, { "onCreate": "onCreate"; "onReady": "onReady"; "onAttach": "onAttach"; "onDetach": "onDetach"; }, never>;
35
38
  }
36
39
  export declare const Smart: any;
@@ -2,6 +2,7 @@ import { ScrollBar } from './../index';
2
2
  import { Animation, DragMechanicalAction, Orientation } from './../index';
3
3
  import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
4
4
  import { BaseElement } from './smart.element';
5
+ import * as i0 from "@angular/core";
5
6
  export { Animation, DragMechanicalAction, Orientation, ElementRenderMode } from './../index';
6
7
  export { Smart } from './smart.element';
7
8
  export { ScrollBar } from './../index';
@@ -65,7 +66,12 @@ export declare class ScrollBarComponent extends BaseElement implements OnInit, A
65
66
  get value(): number;
66
67
  set value(value: number);
67
68
  /** @description This event is triggered when the value is changed.
68
- * @param event. The custom event. */
69
+ * @param event. The custom event. Custom event was created with: event.detail( value, oldValue, min, max)
70
+ * value - A numeric value indicating the scroll position.
71
+ * oldValue - A numeric value indicating the previous scroll position.
72
+ * min - A numeric value indicating the min scroll position.
73
+ * max - A numeric value indicating the max scroll position.
74
+ */
69
75
  onChange: EventEmitter<CustomEvent>;
70
76
  /** @description Redraws the element.
71
77
  */
@@ -79,4 +85,6 @@ export declare class ScrollBarComponent extends BaseElement implements OnInit, A
79
85
  private listen;
80
86
  /** @description Remove event listeners. */
81
87
  private unlisten;
88
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScrollBarComponent, never>;
89
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollBarComponent, "smart-scroll-bar, [smart-scroll-bar]", never, { "animation": "animation"; "disabled": "disabled"; "largeStep": "largeStep"; "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "max": "max"; "mechanicalAction": "mechanicalAction"; "messages": "messages"; "min": "min"; "orientation": "orientation"; "readonly": "readonly"; "rightToLeft": "rightToLeft"; "showButtons": "showButtons"; "step": "step"; "theme": "theme"; "unfocusable": "unfocusable"; "value": "value"; }, { "onChange": "onChange"; }, never>;
82
90
  }
@@ -1,2 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./smart.scrollbar";
1
3
  export declare class ScrollBarModule {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScrollBarModule, never>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollBarModule, [typeof i1.ScrollBarComponent], never, [typeof i1.ScrollBarComponent]>;
6
+ static ɵinj: i0.ɵɵInjectorDeclaration<ScrollBarModule>;
2
7
  }
@@ -1,5 +1,5 @@
1
1
 
2
- /* Smart UI v9.2.22 (2021-03-22)
2
+ /* Smart UI v13.0.10 (2022-02-21)
3
3
  Copyright (c) 2011-2021 jQWidgets.
4
4
  License: https://htmlelements.com/license/ */ //
5
5
 
@@ -1,6 +1,6 @@
1
1
 
2
- /* Smart UI v9.2.22 (2021-03-22)
2
+ /* Smart UI v13.0.10 (2022-02-21)
3
3
  Copyright (c) 2011-2021 jQWidgets.
4
4
  License: https://htmlelements.com/license/ */ //
5
5
 
6
- !function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}({5:function(e,t){Smart("smart-button",class extends Smart.ContentElement{static get properties(){return{value:{type:"string"},name:{type:"string"},type:{value:"button",type:"string"},clickMode:{allowedValues:["hover","press","release","pressAndRelease"],type:"string",value:"release"}}}static get styleUrls(){return["smart.button.css"]}template(){return"<button class=\"smart-button smart-unselectable\" inner-h-t-m-l='[[innerHTML]]' id='button' type='[[type]]' name='[[name]]' value='[[value]]' disabled='[[disabled]]' role=\"presentation\"></button>"}refresh(){}static get listeners(){return{"button.down":"_downHandler","button.mouseenter":"_mouseEnterHandler","button.mouseleave":"_mouseLeaveHandler","button.touchend":"_touchEndHandler","button.click":"_clickHandler","button.up":"_upHandler",up:"_upHandler","button.focus":"_focusHandler","button.blur":"_blurHandler"}}focus(){const e=this;e.$.button?e.$.button.focus():HTMLElement.prototype.focus.call(e)}blur(){const e=this;e.$.button?e.$.button.blur():HTMLElement.prototype.blur.call(e)}_upHandler(e){e.stopPropagation(),this.$.setAttributeValue("active",!1)}_focusHandler(){this.$.setAttributeValue("focus",!0),this.$.fireEvent("focus")}_blurHandler(){this.$.setAttributeValue("focus",!1),this.$.fireEvent("blur")}_clickHandler(e){("release"!==this.clickMode&&"pressAndRelease"!==this.clickMode||this.readonly)&&(e.preventDefault(),e.stopPropagation())}_downHandler(e){const t=this;if(!(t.disabled||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t.$.setAttributeValue("active",!0),"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||t.readonly))){const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_mouseEnterHandler(e){const t=this;if(!t.readonly&&(t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0),"hover"===t.clickMode)){const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_touchEndHandler(){const e=this;setTimeout((function(){e.$button.setAttributeValue("hover",!1),e.$.setAttributeValue("hover",!1)}),300)}_mouseLeaveHandler(){this.$button.setAttributeValue("hover",!1),this.$.setAttributeValue("hover",!1)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const r=this;"disabled"===e?(r._setFocusable(),r.$button&&r.$button.setAttributeValue("hover",!1),r.$.setAttributeValue("hover",!1),r instanceof Smart.RepeatButton&&r._stopRepeat()):"unfocusable"===e&&r._setFocusable()}_setFocusable(){const e=this.$.button?this.$.button:this;if(this.disabled||this.unfocusable)return e.removeAttribute("tabindex"),void(e.tabIndex=-1);e.tabIndex=this.tabIndex>0?this.tabIndex:0}ready(){const e=this;super.ready(),e.setAttribute("role","button"),e._setFocusable(),e.enableShadowDOM&&e.$.hiddenInput&&e.appendChild(e.$.hiddenInput)}}),Smart("smart-repeat-button",class extends Smart.Button{static get properties(){return{delay:{value:50,type:"number"},initialDelay:{value:150,type:"number"}}}static get listeners(){return{"button.down":"_startRepeat","button.mouseenter":"_overriddenHandler","button.mouseleave":"_overriddenHandler","button.pointerenter":"_updateInBoundsFlag","button.pointerleave":"_updateInBoundsFlag","button.touchmove":"_touchmoveHandler","document.up":"_stopRepeat"}}_clickHandler(e){const t=this;("release"!==t.clickMode||t.preventDefaultClick||t.readonly||t.disabled)&&(e.preventDefault(),e.stopPropagation(),t.preventDefaultClick=!1)}_updateInBoundsFlag(e){const t=this;-1!==e.type.indexOf("leave")?(t._isPointerInBounds=!1,t.$button.setAttributeValue("hover",!1),t.$.setAttributeValue("hover",!1)):(t._isPointerInBounds=!0,t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0)),1!==("buttons"in e?e.buttons:e.which)&&t._stopRepeat(e)}_startRepeat(e){const t=this;t.setAttribute("active",""),t._initialTimer||t.readonly||(t._initialTimer=setTimeout((function(){t._repeatTimer=setInterval(()=>{if(t._isPointerInBounds){const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}),t.preventDefaultClick=!0}},t.delay)}),t.initialDelay))}_stopRepeat(e){const t=this;t.readonly||e&&("pointercancel"===e.type||e.originalEvent&&"pointercancel"===e.originalEvent.type)||(t.$.setAttributeValue("active",!1),t._repeatTimer&&(clearInterval(t._repeatTimer),t._repeatTimer=null),t._initialTimer&&(clearTimeout(t._initialTimer),t._initialTimer=null))}_touchmoveHandler(e){this.preventDefaultClick&&e.cancelable&&(e.preventDefault(),e.stopPropagation())}_overriddenHandler(){}}),Smart("smart-toggle-button",class extends Smart.Button{static get properties(){return{checked:{value:!1,type:"boolean?"},falseContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminate:{value:!1,type:"boolean"},trueContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateTemplate:{value:null,type:"any"},trueTemplate:{value:null,type:"any"},falseTemplate:{value:null,type:"any"},type:{value:"toggle",type:"string",defaultReflectToAttribute:!0,readonly:!0}}}static get listeners(){return{keydown:"_keyHandler",keyup:"_keyHandler",dragstart:"_dragStartHandler","button.click":"_buttonClickHandler","button.mouseenter":"_buttonMouseEnterHandler","button.mouseleave":"_buttonMouseLeaveHandler","document.up":"_documentUpHandler"}}ready(){super.ready(),this._setAriaState()}_setAriaState(){const e=this,t=e.checked;null!==t?e.setAttribute("aria-pressed",t):e.setAttribute("aria-pressed","mixed")}_buttonClickHandler(){}_buttonMouseLeaveHandler(){this.removeAttribute("hover")}_buttonMouseEnterHandler(){this.setAttribute("hover",""),this.disabled||this.readonly||"hover"!==this.clickMode||(this._changeCheckState("pointer"),this.focus(),this._updateHidenInputNameAndValue())}_documentUpHandler(e){this._pressed&&(this._pressed=!1,this.disabled||this.readonly||"press"===this.clickMode||"pointercancel"===e.originalEvent.type||(this._changeCheckState("pointer"),this.focus(),this._updateHidenInputNameAndValue()))}_downHandler(e){const t=this;t.disabled||t.readonly||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t._pressed=!0,"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||(t._changeCheckState("pointer"),t.$.fireEvent("click"),t._updateHidenInputNameAndValue()),"press"===t.clickMode&&(e.preventDefault(),e.stopPropagation()))}_dragStartHandler(e){e.preventDefault()}_keyHandler(e){const t=this;if(!0!==t.disabled&&!t.readonly&&32===e.keyCode){if("keydown"===e.type)return void e.preventDefault();if("none"===t.switchMode)return;t._changeCheckState("keyboard"),t._updateHidenInputNameAndValue()}}_changeCheckState(e){const t=this;let n=null;null===t.checked?t.checked=!0:(n=t.checked,t.checked=!t.checked),t._handleTextSelection(),t.$.fireEvent("change",{value:t.checked,oldValue:n,changeType:e}),t.checked?t.$.fireEvent("checkValue",{changeType:e}):t.$.fireEvent("uncheckValue",{changeType:e}),t._setAriaState()}_handleTextSelection(){const e=this;e.$.addClass("smart-unselectable"),e.timer&&clearTimeout(e.timer),e.timer=setTimeout(()=>e.$.removeClass("smart-unselectable"),500)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const r=this;if("checked"===e)return r.$.fireEvent("change",{value:n,oldValue:t,changeType:"api"}),void r._setAriaState();switch(e){case"trueTemplate":r._handleTemplate(!0);break;case"falseTemplate":r._handleTemplate(!1);break;case"indeterminateTemplate":r._handleTemplate()}}_htmlBindOnInitialization(){this._bindContentProperty("trueContent","smart-true-content"),this._bindContentProperty("falseContent","smart-false-content"),this._bindContentProperty("indeterminateContent","smart-indeterminate-content")}_bindContentProperty(e,t){const n=this;if(!n.$[e+"Container"])return;let r=document.createElement("div");r.innerHTML=n.innerHTML;let a,i=r.getElementsByClassName(t);if(i.length>0)for(let e=0;e<i.length;e++)a=i[e];""===n[e]&&(n[e]=void 0===a?"":a.outerHTML),n.$[e+"Container"].innerHTML=n[e]}_updateContentProperties(){const e=this;function t(t){e.$[t+"Container"]&&(e[t]=e.$[t+"Container"].innerHTML)}t("trueContent"),t("falseContent"),t("indeterminateContent")}_updateHidenInputValue(){const e=this;if(!e.$.hiddenInput)return;let t;t=null===e.checked?"null":!1===e.checked?"off":e.value||"on",e.$.hiddenInput.setAttribute("value",t)}_updateHidenInputName(){if(!this.$.hiddenInput)return;let e=!1===this.checked?"":this.name||"";this.$.hiddenInput.setAttribute("name",e)}_updateHidenInputNameAndValue(){this._updateHidenInputName(),this._updateHidenInputValue()}_handleTemplate(e,t){const n=this;let r,a,i;if(!0===e?(r=n.trueTemplate,a=n.$.trueContentContainer,i=n.trueContent):!1===e?(r=n.falseTemplate,a=n.$.falseContentContainer,i=n.falseContent):(r=n.indeterminateTemplate,a=n.$.indeterminateContentContainer,i=n.indeterminateContent),t&&(a.innerHTML=i||""),null===r||!r)return;if("function"==typeof r)return void r(a,{value:i});if(!("content"in document.createElement("template")))return void n.error(n.localize("htmlTemplateNotSuported",{elementType:n.nodeName.toLowerCase()}));if(r=document.getElementById(r),null===r||!("content"in r))return void n.error(n.localize("invalidTemplate",{elementType:n.nodeName.toLowerCase(),property:"template"}));const o=r.content,l=o.childNodes.length,s=/{{\w+}}/g;let u,d=[];for(let e=0;e<l;e++)for(u=s.exec(o.childNodes[e].innerHTML);u;)d.push({childNodeIndex:e,bindingString:u[0]}),u=s.exec(o.childNodes[e].innerHTML);const c=d.length;let p,h,b=document.importNode(r.content,!0);for(let e=0;e<c;e++){p=b.childNodes[d[e].childNodeIndex],h=d.length;for(let t=0;t<h;t++)p.innerHTML=p.innerHTML.replace(d[e].bindingString,i)}a.innerHTML="";for(let e=0;e<b.childNodes.length;e++)b.childNodes[e].outerHTML&&(a.innerHTML+=b.childNodes[e].outerHTML)}})}});
6
+ Smart("smart-button",class extends Smart.ContentElement{static get properties(){return{value:{type:"string"},name:{type:"string"},type:{value:"button",type:"string"},clickMode:{allowedValues:["hover","press","release","pressAndRelease"],type:"string",value:"release"}}}static get styleUrls(){return["smart.button.css"]}template(){return"<button class=\"smart-button smart-unselectable\" inner-h-t-m-l='[[innerHTML]]' id='button' type='[[type]]' name='[[name]]' value='[[value]]' disabled='[[disabled]]' role=\"presentation\"></button>"}refresh(){}static get listeners(){return{"button.down":"_downHandler","button.mouseenter":"_mouseEnterHandler","button.mouseleave":"_mouseLeaveHandler","button.touchend":"_touchEndHandler","button.click":"_clickHandler","button.up":"_upHandler",up:"_upHandler","button.focus":"_focusHandler","button.blur":"_blurHandler"}}focus(){const e=this;e.$.button?e.$.button.focus():HTMLElement.prototype.focus.call(e)}blur(){const e=this;e.$.button?e.$.button.blur():HTMLElement.prototype.blur.call(e)}_upHandler(e){const t=this;if(e.stopPropagation(),t.$.setAttributeValue("active",!1),t.dataset.target){const n=document.querySelector(t.dataset.target);let a=t.dataset.toggle;const r="smart-window".toLowerCase();if(n&&n.nodeName.toLowerCase()===r&&"modal"===a&&(a="openModal"),"tab"===a||"pill"===a||"list"===a){const e=this.closest(".nav, .list-group"),a='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',r=!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?e.children(".active"):e.querySelectorAll("li > .active");if(e){const n=e.querySelectorAll(a);for(let e=0;e<n.length;e++)n[e].classList.remove("primary");for(let e=0;e<r.length;e++)r[e].classList.remove("active");let i=t.parentNode;for(;i;){if("LI"===i.nodeName){i.classList.add("active");break}i=i.parentNode}t.classList.add("primary")}return n.parentNode.querySelectorAll(".active").forEach((e=>{e.classList.remove("active"),e.classList.add("smart-hidden")})),n.classList.add("active"),void n.classList.remove("smart-hidden")}a&&n&&!n[a]&&"collapse"===a&&(setTimeout((()=>{n.classList.contains("smart-hidden")?n.classList.remove("smart-hidden"):n.classList.add("smart-hidden")})),e.originalEvent.preventDefault()),a&&n&&!n[a]&&"dropdown"===a?(setTimeout((()=>{n.opened=!n.opened})),e.originalEvent.preventDefault()):a&&n&&n[a]&&(setTimeout((()=>{n[a]()}),50),e.originalEvent.preventDefault())}}_focusHandler(){this.$.setAttributeValue("focus",!0),this.$.fireEvent("focus")}_blurHandler(){this.$.setAttributeValue("focus",!1),this.$.fireEvent("blur")}_clickHandler(e){const t=this;("release"!==t.clickMode&&"pressAndRelease"!==t.clickMode||t.readonly)&&(e.preventDefault(),e.stopPropagation())}_downHandler(e){const t=this;if(!(t.disabled||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t.$.setAttributeValue("active",!0),"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||t.readonly))){if(t.hasAttribute("smart-blazor"))return void t.$.dispatchEvent(new Event("click"));const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_mouseEnterHandler(e){const t=this;if(!t.readonly&&(t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0),"hover"===t.clickMode)){const n="buttons"in e?e.buttons:e.which;if(t.hasAttribute("smart-blazor"))return void t.$.dispatchEvent(new Event("click"));t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_touchEndHandler(){const e=this;setTimeout((function(){e.$button.setAttributeValue("hover",!1),e.$.setAttributeValue("hover",!1)}),300)}_mouseLeaveHandler(){this.$button.setAttributeValue("hover",!1),this.$.setAttributeValue("hover",!1)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const a=this;"disabled"===e?(a._setFocusable(),a.$button&&a.$button.setAttributeValue("hover",!1),a.$.setAttributeValue("hover",!1),a instanceof Smart.RepeatButton&&a._stopRepeat()):"unfocusable"===e&&a._setFocusable()}_setFocusable(){const e=this,t=e.$.button?e.$.button:e;if(e.disabled||e.unfocusable)return t.removeAttribute("tabindex"),void(t.tabIndex=-1);t.tabIndex=e.tabIndex>0?e.tabIndex:0}ready(){const e=this;super.ready(),e.setAttribute("role","button"),e._setFocusable(),e.enableShadowDOM&&e.$.hiddenInput&&e.appendChild(e.$.hiddenInput)}}),Smart("smart-repeat-button",class extends Smart.Button{static get properties(){return{delay:{value:50,type:"number"},initialDelay:{value:150,type:"number"}}}static get listeners(){return{"button.down":"_startRepeat","button.mouseenter":"_overriddenHandler","button.mouseleave":"_overriddenHandler","button.pointerenter":"_updateInBoundsFlag","button.pointerleave":"_updateInBoundsFlag","button.touchmove":"_touchmoveHandler","document.up":"_stopRepeat"}}_clickHandler(e){const t=this;("release"!==t.clickMode||t.preventDefaultClick||t.readonly||t.disabled)&&(e.preventDefault(),e.stopPropagation(),t.preventDefaultClick=!1)}_updateInBoundsFlag(e){const t=this;-1!==e.type.indexOf("leave")?(t._isPointerInBounds=!1,t.$button.setAttributeValue("hover",!1),t.$.setAttributeValue("hover",!1)):(t._isPointerInBounds=!0,t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0)),1!==("buttons"in e?e.buttons:e.which)&&t._stopRepeat(e)}_startRepeat(e){const t=this;t.setAttribute("active",""),t._initialTimer||t.readonly||(t._initialTimer=setTimeout((function(){t._repeatTimer=setInterval((()=>{if(t._isPointerInBounds){if(t.hasAttribute("smart-blazor"))return t.$.dispatchEvent(new Event("click")),void(t.preventDefaultClick=!0);const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}),t.preventDefaultClick=!0}}),t.delay)}),t.initialDelay))}_stopRepeat(e){const t=this;t.readonly||e&&("pointercancel"===e.type||e.originalEvent&&"pointercancel"===e.originalEvent.type)||(t.$.setAttributeValue("active",!1),t._repeatTimer&&(clearInterval(t._repeatTimer),t._repeatTimer=null),t._initialTimer&&(clearTimeout(t._initialTimer),t._initialTimer=null))}_touchmoveHandler(e){this.preventDefaultClick&&e.cancelable&&(e.preventDefault(),e.stopPropagation())}_overriddenHandler(){}}),Smart("smart-toggle-button",class extends Smart.Button{static get properties(){return{checked:{value:!1,type:"boolean?"},falseContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminate:{value:!1,type:"boolean"},trueContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateTemplate:{value:null,type:"any"},trueTemplate:{value:null,type:"any"},falseTemplate:{value:null,type:"any"},type:{value:"toggle",type:"string",defaultReflectToAttribute:!0,readonly:!0}}}static get listeners(){return{keydown:"_keyHandler",keyup:"_keyHandler",dragstart:"_dragStartHandler","button.click":"_buttonClickHandler","button.mouseenter":"_buttonMouseEnterHandler","button.mouseleave":"_buttonMouseLeaveHandler","document.up":"_documentUpHandler"}}ready(){super.ready(),this._setAriaState()}_setAriaState(){const e=this,t=e.checked;null!==t?e.setAttribute("aria-pressed",t):e.setAttribute("aria-pressed","mixed")}_buttonClickHandler(){}_buttonMouseLeaveHandler(){this.removeAttribute("hover")}_buttonMouseEnterHandler(){const e=this;e.setAttribute("hover",""),e.disabled||e.readonly||"hover"!==e.clickMode||(e._changeCheckState("pointer"),e.focus(),e._updateHidenInputNameAndValue())}_documentUpHandler(e){const t=this;t._pressed&&(t._pressed=!1,t.disabled||t.readonly||"press"===t.clickMode||"pointercancel"===e.originalEvent.type||(t._changeCheckState("pointer"),t.focus(),t._updateHidenInputNameAndValue()))}_downHandler(e){const t=this;t.disabled||t.readonly||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t._pressed=!0,"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||(t._changeCheckState("pointer"),t.hasAttribute("smart-blazor")?t.$.dispatchEvent(new Event("click")):t.$.fireEvent("click"),t._updateHidenInputNameAndValue()),"press"===t.clickMode&&(e.preventDefault(),e.stopPropagation()))}_dragStartHandler(e){e.preventDefault()}_keyHandler(e){const t=this;if(!0!==t.disabled&&!t.readonly&&32===e.keyCode){if("keydown"===e.type)return void e.preventDefault();if("none"===t.switchMode)return;t._changeCheckState("keyboard"),t._updateHidenInputNameAndValue()}}_changeCheckState(e){const t=this;let n=null;null===t.checked?t.checked=!0:(n=t.checked,t.checked=!t.checked),t._handleTextSelection(),t.$.fireEvent("change",{value:t.checked,oldValue:n,changeType:e}),t.checked?t.$.fireEvent("checkValue",{changeType:e}):t.$.fireEvent("uncheckValue",{changeType:e}),t._setAriaState()}_handleTextSelection(){const e=this;e.$.addClass("smart-unselectable"),e.timer&&clearTimeout(e.timer),e.timer=setTimeout((()=>e.$.removeClass("smart-unselectable")),500)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const a=this;if("checked"===e)return a.$.fireEvent("change",{value:n,oldValue:t,changeType:"api"}),void a._setAriaState();switch(e){case"trueTemplate":a._handleTemplate(!0);break;case"falseTemplate":a._handleTemplate(!1);break;case"indeterminateTemplate":a._handleTemplate()}}_htmlBindOnInitialization(){const e=this;e._bindContentProperty("trueContent","smart-true-content"),e._bindContentProperty("falseContent","smart-false-content"),e._bindContentProperty("indeterminateContent","smart-indeterminate-content")}_bindContentProperty(e,t){const n=this;if(!n.$[e+"Container"])return;let a=document.createElement("div");a.innerHTML=n.innerHTML;let r,i=a.getElementsByClassName(t);if(i.length>0)for(let e=0;e<i.length;e++)r=i[e];""===n[e]&&(n[e]=void 0===r?"":r.outerHTML),n.$[e+"Container"].innerHTML=n[e]}_updateContentProperties(){const e=this;function t(t){e.$[t+"Container"]&&(e[t]=e.$[t+"Container"].innerHTML)}t("trueContent"),t("falseContent"),t("indeterminateContent")}_updateHidenInputValue(){const e=this;if(!e.$.hiddenInput)return;let t;t=null===e.checked?"null":!1===e.checked?"off":e.value||"on",e.$.hiddenInput.setAttribute("value",t)}_updateHidenInputName(){const e=this;if(!e.$.hiddenInput)return;let t=!1===e.checked?"":e.name||"";e.$.hiddenInput.setAttribute("name",t)}_updateHidenInputNameAndValue(){this._updateHidenInputName(),this._updateHidenInputValue()}_handleTemplate(e,t){const n=this;let a,r,i;if(!0===e?(a=n.trueTemplate,r=n.$.trueContentContainer,i=n.trueContent):!1===e?(a=n.falseTemplate,r=n.$.falseContentContainer,i=n.falseContent):(a=n.indeterminateTemplate,r=n.$.indeterminateContentContainer,i=n.indeterminateContent),t&&(r.innerHTML=i||""),null===a||!a)return;if("function"==typeof a)return void a(r,{value:i});if(!("content"in document.createElement("template")))return void n.error(n.localize("htmlTemplateNotSuported",{elementType:n.nodeName.toLowerCase()}));if(a=document.getElementById(a),null===a||!("content"in a))return void n.error(n.localize("invalidTemplate",{elementType:n.nodeName.toLowerCase(),property:"template"}));const l=a.content,o=l.childNodes.length,s=/{{\w+}}/g;let u,d=[];for(let e=0;e<o;e++)for(u=s.exec(l.childNodes[e].innerHTML);u;)d.push({childNodeIndex:e,bindingString:u[0]}),u=s.exec(l.childNodes[e].innerHTML);const c=d.length;let p,h,m=document.importNode(a.content,!0);for(let e=0;e<c;e++){p=m.childNodes[d[e].childNodeIndex],h=d.length;for(let t=0;t<h;t++)p.innerHTML=p.innerHTML.replace(d[e].bindingString,i)}r.innerHTML="";for(let e=0;e<m.childNodes.length;e++)m.childNodes[e].outerHTML&&(r.innerHTML+=m.childNodes[e].outerHTML)}});