@dnncommunity/dnn-elements 0.24.0-beta.8 → 0.24.0

package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.js

@@ -21,10 +21,10 @@ export class DnnSortIcon {
         this.sortChanged.emit(this.sortDirection);
     }
     render() {
-        return (h(Host, { key: '5c039e28844e2883a3121e2d9d9debce7aaec0c9', tabIndex: this.focused ? -1 : 0, onFocus: () => this.button.focus(), onBlur: () => this.button.blur() }, h("button", { key: '8b43439d56a625f774b9a7b82ff8e3b6e050bc61', ref: el => this.button = el, class: { "active": this.sortDirection != "none" }, onClick: () => this.changeSort(), onFocus: () => this.focused = true, onBlur: () => this.focused = false }, this.sortDirection == "none" &&
-            h("svg", { key: 'a6ba4b60d29fb03fe47bf42d44efa31364acd858', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: '10c9ea3f2f4d0eb6bbaf5bb9f5ceb4af56d71055', d: "M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z" })), this.sortDirection == "asc" &&
-            h("svg", { key: '09d0e887e73bea6be841d702523c85d105810dfc', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: 'ff38ae29946425a956668946e46a56fa324acc58', d: "M 0 7 H 12 L 6 0 Z" })), this.sortDirection == "desc" &&
-            h("svg", { key: '780373c41d29abaf0ff6642cf6d554a5e8ce961d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: 'dc44360d96d4ee212328250fadaf8f8d320f01e4', d: "M 0 9 H 12 L 6 16 Z" })))));
+        return (h(Host, { key: '4679e6439444a14eb3c16ab0fe1659d8096311dd', tabIndex: this.focused ? -1 : 0, onFocus: () => this.button.focus(), onBlur: () => this.button.blur() }, h("button", { key: '038d9aba0ec4a69c0e22e9c391be4bfb03559123', ref: el => this.button = el, class: { "active": this.sortDirection != "none" }, onClick: () => this.changeSort(), onFocus: () => this.focused = true, onBlur: () => this.focused = false }, this.sortDirection == "none" &&
+            h("svg", { key: '1bbe327786ba6764794f63123f47896b9c464442', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: '6cd4bd061233c96ffed12351ea8800c70b4eb374', d: "M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z" })), this.sortDirection == "asc" &&
+            h("svg", { key: '95330386350dc6859797128a8ce1080bea99351f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: '7a8ca6db9ac9455f41dcc817676eb6ec604151d1', d: "M 0 7 H 12 L 6 0 Z" })), this.sortDirection == "desc" &&
+            h("svg", { key: '3f097be25df06ac0abc18f4d32166da2e8754526', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { key: '6e5c311a062292247003b3b06e5d5b5e5ffd24e6', d: "M 0 9 H 12 L 6 16 Z" })))));
     }
     static get is() { return "dnn-sort-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-tab/dnn-tab.js

@@ -14,8 +14,8 @@ export class DnnTab {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '11e00bf6b0dc398bb1694334de73b98725261e9d' }, this.visible &&
-            h("slot", { key: '222991618962f83b0ce79deee011979c3bfec2b5' })));
+        return (h(Host, { key: 'c137597fa8cab7b2416e52272ed4ffbd5ade548d' }, this.visible &&
+            h("slot", { key: '6ea0f232817399f057b093e3ded8c80814c27209' })));
     }
     static get is() { return "dnn-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-tabs/dnn-tabs.js

@@ -34,7 +34,7 @@ export class DnnTabs {
         this.selectedTabTitle = tabTitle;
     }
     render() {
-        return (h(Host, { key: '82168aac2c1896254c0f0e9599551b61d7cb2885', ref: el => this.component = el }, h("div", { key: '4189cf0756bbcdf51d0e3c7a85bb0daf4998aab6', class: "tabTitles" }, this.tabTitles.map(tabTitle => h("button", { class: this.selectedTabTitle == tabTitle ? "visible" : "", onClick: () => this.showTab(tabTitle) }, tabTitle))), h("div", { key: 'a117874b58985967efff0d9b23474d7658916e61', class: "currentTab" }, h("slot", { key: '67bd8036e6aec21f86874e17268ca7861cd35f89' }))));
+        return (h(Host, { key: 'a39325f6c3e682c6bf68c6e71a7faa2055d3d4c9', ref: el => this.component = el }, h("div", { key: '13451a0ee391729067fa4cd9c04bcd4943dcbaa4', class: "tabTitles" }, this.tabTitles.map(tabTitle => h("button", { class: this.selectedTabTitle == tabTitle ? "visible" : "", onClick: () => this.showTab(tabTitle) }, tabTitle))), h("div", { key: '395ad747c55195cc590af3510aca27d874dc8c88', class: "currentTab" }, h("slot", { key: 'b3411645aff9582a6c6551390dd240ecfd0dc12f' }))));
     }
     static get is() { return "dnn-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-textarea/dnn-textarea.js

@@ -80,7 +80,7 @@ export class DnnTextarea {
     }
     render() {
         var _a;
-        return (h(Host, { key: '78bc32de18f8c22005f02e37b3d7d0be2ea7ae7d', tabIndex: this.focused ? -1 : 0, onFocus: () => this.textarea.focus(), onBlur: () => this.textarea.blur() }, h("dnn-fieldset", { key: '26f23d95e0e5188421edee99a56a6d7fb2b58228', ref: el => this.fieldset = el, invalid: !this.valid, focused: this.focused, resizable: this.resizable, label: `${(_a = this.label) !== null && _a !== void 0 ? _a : ""}${this.required ? " *" : ""}`, helpText: this.helpText, disabled: this.disabled, id: this.labelId, floatLabel: this.shouldLabelFloat(), onClick: () => !this.focused && this.textarea.focus() }, h("textarea", { key: '5a7d1b97c43ce0cead8b6bd47da900b888656a32', ref: el => this.textarea = el, name: this.name, value: this.value, required: this.required, onBlur: () => this.focused = false, onFocus: () => this.focused = true, onChange: () => this.handleChange(), onInput: e => this.handleInput(e.target.value), onInvalid: () => this.handleInvalid(), disabled: this.disabled, autoComplete: this.autocomplete, minlength: this.minlength, maxlength: this.maxlength, readonly: this.readonly, "aria-labelledby": this.labelId, rows: this.rows }))));
+        return (h(Host, { key: 'dbc7de88630e93d1bc75ba0f29b4d492d433ed3f', tabIndex: this.focused ? -1 : 0, onFocus: () => this.textarea.focus(), onBlur: () => this.textarea.blur() }, h("dnn-fieldset", { key: '5c95dfbf4564daa898d9d14ca5dfa4fdff8a9007', ref: el => this.fieldset = el, invalid: !this.valid, focused: this.focused, resizable: this.resizable, label: `${(_a = this.label) !== null && _a !== void 0 ? _a : ""}${this.required ? " *" : ""}`, helpText: this.helpText, disabled: this.disabled, id: this.labelId, floatLabel: this.shouldLabelFloat(), onClick: () => !this.focused && this.textarea.focus() }, h("textarea", { key: 'a09f9af15bc8e79111975edeafac7f35cd097133', ref: el => this.textarea = el, name: this.name, value: this.value, required: this.required, onBlur: () => this.focused = false, onFocus: () => this.focused = true, onChange: () => this.handleChange(), onInput: e => this.handleInput(e.target.value), onInvalid: () => this.handleInvalid(), disabled: this.disabled, autoComplete: this.autocomplete, minlength: this.minlength, maxlength: this.maxlength, readonly: this.readonly, "aria-labelledby": this.labelId, rows: this.rows }))));
     }
     static get is() { return "dnn-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-toggle/dnn-toggle.js

@@ -7,6 +7,9 @@ export class DnnToggle {
         this.value = "on";
         this.focused = false;
     }
+    handleClick() {
+        this.checked = !this.checked;
+    }
     checkedChanged(newValue) {
         this.checkChanged.emit({ checked: newValue });
         this.setFormValue();
@@ -33,11 +36,7 @@ export class DnnToggle {
         }
     }
     render() {
-        return (h(Host, { key: '955f3dfc70358b7cb33bc1ea905a1416371c2e96', tabIndex: this.focused ? -1 : 0, onFocus: () => this.button.focus(), onBlur: () => this.button.blur() }, h("button", { key: '3900bf9eb88872dfaccdc4d7f6bcba87624796d0', ref: el => this.button = el, disabled: this.disabled, class: { 'checked': this.checked }, onClick: () => {
-                if (!this.disabled) {
-                    this.checked = !this.checked;
-                }
-            }, onFocus: () => this.focused = true, onBlur: () => this.focused = false }, h("div", { key: '99319305029d03c3563116b171567f24d81d0e11', class: "handle" }))));
+        return (h(Host, { key: '5f13fb0d04983ad1ae0817044e9a832dcb6c902e', tabIndex: this.focused ? -1 : 0, onFocus: () => this.button.focus(), onBlur: () => this.button.blur() }, h("button", { key: '9b85f6b8f97d3c5a493bef5cf80b2df73bd2a922', ref: el => this.button = el, disabled: this.disabled, class: { 'checked': this.checked }, onFocus: () => this.focused = true, onBlur: () => this.focused = false }, h("div", { key: 'eca8549c63112e65b1ac3e0dfb0b680679c86cbb', class: "handle" }))));
     }
     static get is() { return "dnn-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -163,6 +162,15 @@ export class DnnToggle {
                 "methodName": "checkedChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleClick",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }];
+    }
     static get attachInternalsMemberName() { return "internals"; }
 }
 //# sourceMappingURL=dnn-toggle.js.map

package/dist/collection/components/dnn-toggle/dnn-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"dnn-toggle.js","sourceRoot":"","sources":["../../../src/components/dnn-toggle/dnn-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUtH,MAAM,OAAO,SAAS;;uBAKiB,KAAK;wBAGrB,KAAK;;qBAMA,IAAI;uBAaT,KAAK;;IALxB,cAAc,CAAC,QAAiB;QAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAMD,iBAAiB;QACb,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAID,0EAA0E;IAC1E,iBAAiB;QACb,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACxC,CAAC;IAEO,YAAY;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBACI,CAAC;gBACF,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;YACpC,CAAC;QACL,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI,qDACD,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAEhC,+DACI,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE;oBACV,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACjB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;oBACjC,CAAC;gBACL,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,EAClC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK;gBAElC,4DAAK,KAAK,EAAC,QAAQ,GAAO,CACrB,CACN,CACV,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Element, Prop, Event, EventEmitter, Watch, Host, AttachInternals, State } from \"@stencil/core\";\nimport { DnnToggleChangeEventDetail } from \"./toggle-interface\";\n\n\n@Component({\n    tag: \"dnn-toggle\",\n    styleUrl: \"dnn-toggle.scss\",\n    shadow: true,\n    formAssociated: true,\n})\nexport class DnnToggle {\n\n    @Element() element: HTMLDnnToggleElement;\n\n    /** If 'true' the toggle is checked (on). */\n    @Prop({ mutable: true }) checked = false;\n\n    /** If 'true' the toggle is not be interacted with. */\n    @Prop() disabled = false;\n\n    /** The field name to use in forms. */\n    @Prop() name: string;\n\n    /** The value to post when used in forms. */\n    @Prop() value: string = \"on\";\n\n    /** Fires when the toggle changed */\n    @Event() checkChanged!: EventEmitter<DnnToggleChangeEventDetail>;\n\n    @AttachInternals() internals: ElementInternals;\n    \n    @Watch(\"checked\")\n    checkedChanged(newValue: boolean) {\n        this.checkChanged.emit({ checked: newValue });\n        this.setFormValue();\n    }\n    \n    @State() focused = false;\n    \n    private button: HTMLButtonElement;\n    \n    componentWillLoad() {\n        this.originalChecked = this.checked;\n        this.setFormValue();\n    }\n\n    private originalChecked: boolean;\n\n    // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n    formResetCallback() {\n        this.internals.setValidity({});\n        this.checked = this.originalChecked;\n    }\n\n    private setFormValue() {\n        if (this.name != undefined && this.name.length > 0) {\n            if (this.checked) {\n                var data = new FormData();\n                data.append(this.name, this.value);\n                this.internals.setFormValue(data);\n            }\n            else {\n                this.internals.setFormValue(\"\");\n            }\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                tabIndex={this.focused ? -1 : 0}\n                onFocus={() => this.button.focus()}\n                onBlur={() => this.button.blur()}\n            >\n                <button\n                    ref={el => this.button = el}\n                    disabled={this.disabled}\n                    class={{ 'checked': this.checked }}\n                    onClick={() => {\n                        if (!this.disabled) {\n                            this.checked = !this.checked;\n                        }\n                    }}\n                    onFocus={() => this.focused = true}\n                    onBlur={() => this.focused = false}\n                >\n                    <div class=\"handle\"></div>\n                </button>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"dnn-toggle.js","sourceRoot":"","sources":["../../../src/components/dnn-toggle/dnn-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAU9H,MAAM,OAAO,SAAS;;uBAKiB,KAAK;wBAGrB,KAAK;;qBAMA,IAAI;uBAkBT,KAAK;;IAZxB,WAAW;QACP,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IACjC,CAAC;IAKD,cAAc,CAAC,QAAiB;QAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAMD,iBAAiB;QACb,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAID,0EAA0E;IAC1E,iBAAiB;QACb,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACxC,CAAC;IAEO,YAAY;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBACI,CAAC;gBACF,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;YACpC,CAAC;QACL,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI,qDACD,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAClC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAEhC,+DACI,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,EAClC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK;gBAElC,4DAAK,KAAK,EAAC,QAAQ,GAAO,CACrB,CACN,CACV,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Element, Prop, Event, EventEmitter, Watch, Host, AttachInternals, State, Listen } from \"@stencil/core\";\nimport { DnnToggleChangeEventDetail } from \"./toggle-interface\";\n\n\n@Component({\n    tag: \"dnn-toggle\",\n    styleUrl: \"dnn-toggle.scss\",\n    shadow: true,\n    formAssociated: true,\n})\nexport class DnnToggle {\n\n    @Element() element: HTMLDnnToggleElement;\n\n    /** If 'true' the toggle is checked (on). */\n    @Prop({ mutable: true }) checked = false;\n\n    /** If 'true' the toggle is not be interacted with. */\n    @Prop() disabled = false;\n\n    /** The field name to use in forms. */\n    @Prop() name: string;\n\n    /** The value to post when used in forms. */\n    @Prop() value: string = \"on\";\n\n    /** Fires when the toggle changed */\n    @Event() checkChanged!: EventEmitter<DnnToggleChangeEventDetail>;\n\n    @Listen(\"click\", { capture: true })\n    handleClick() {\n        this.checked = !this.checked;\n    }\n\n    @AttachInternals() internals: ElementInternals;\n    \n    @Watch(\"checked\")\n    checkedChanged(newValue: boolean) {\n        this.checkChanged.emit({ checked: newValue });\n        this.setFormValue();\n    }\n    \n    @State() focused = false;\n    \n    private button: HTMLButtonElement;\n    \n    componentWillLoad() {\n        this.originalChecked = this.checked;\n        this.setFormValue();\n    }\n\n    private originalChecked: boolean;\n\n    // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n    formResetCallback() {\n        this.internals.setValidity({});\n        this.checked = this.originalChecked;\n    }\n\n    private setFormValue() {\n        if (this.name != undefined && this.name.length > 0) {\n            if (this.checked) {\n                var data = new FormData();\n                data.append(this.name, this.value);\n                this.internals.setFormValue(data);\n            }\n            else {\n                this.internals.setFormValue(\"\");\n            }\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                tabIndex={this.focused ? -1 : 0}\n                onFocus={() => this.button.focus()}\n                onBlur={() => this.button.blur()}\n            >\n                <button\n                    ref={el => this.button = el}\n                    disabled={this.disabled}\n                    class={{ 'checked': this.checked }}\n                    onFocus={() => this.focused = true}\n                    onBlur={() => this.focused = false}\n                >\n                    <div class=\"handle\"></div>\n                </button>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js

@@ -52,8 +52,8 @@ export class DnnTreeviewItem {
         return this.focused ? -1 : 0;
     }
     render() {
-        return (h(Host, { key: 'a3746f538fbe4ca0e0573c885042cbbac16cd754', tabIndex: this.getTabIndex(), onFocus: () => { var _a; return (_a = this.button) === null || _a === void 0 ? void 0 : _a.focus(); }, onBlur: () => { var _a; return (_a = this.button) === null || _a === void 0 ? void 0 : _a.blur(); } }, h("div", { key: 'a9605a6d74309fa4ed0f253f8783ca643ffa79fa', class: "expander", ref: el => this.expander = el }, this.hasChildren &&
-            h("button", { key: '6189a78b05f43a506820891ba4510a1c5a21d85d', ref: el => this.button = el, onClick: () => this.toggleCollapse(), onFocus: () => this.focused = true, onBlur: () => this.focused = false }, h("svg", { key: '74936a9418ae8f5948c44e37f16f9e9695dcb4ac', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { key: '9c9b4293271b0a2c2f0718f7f46cef406e5e74e2', d: "M10 17l5-5-5-5v10z" }), h("path", { key: '23d715232f55271e3379f25a21509b4e2d701e6c', d: "M0 24V0h24v24H0z", fill: "none" })))), h("div", { key: 'd8e052c3c0bbbdbc8b757990d1475f3ded0c7983', class: "item" }, h("div", { key: '08bf05eac16e72699d5e434a8640957dedc54644', class: "item-slot" }, h("slot", { key: '59ab556aefc15ef697b8cb1d865f35b44eb4fad8' })), h("dnn-collapsible", { key: 'ba88f8a8f04b497a5aed831961f4168250938f0f', ref: el => this.collapsible = el, expanded: this.expanded }, h("div", { key: '6d56e6fe4fdef5fdb3c102b2fe759ee469f54e62', ref: el => this.childElement = el }, h("slot", { key: '350f4e18d566d6fc6b30a4a5efad8ac4c36d8b0b', name: "children" }))))));
+        return (h(Host, { key: 'e7a439c58fb111038234b66c8d1884f0f5c1da56', tabIndex: this.getTabIndex(), onFocus: () => { var _a; return (_a = this.button) === null || _a === void 0 ? void 0 : _a.focus(); }, onBlur: () => { var _a; return (_a = this.button) === null || _a === void 0 ? void 0 : _a.blur(); } }, h("div", { key: '21b5854712196a29932e681175a28bfec964ea2b', class: "expander", ref: el => this.expander = el }, this.hasChildren &&
+            h("button", { key: '1e82a07c04e90fcc78eafbdc4c4df9b40257a978', ref: el => this.button = el, onClick: () => this.toggleCollapse(), onFocus: () => this.focused = true, onBlur: () => this.focused = false }, h("svg", { key: 'b372f15ecaf5976047e9b2449f4fcd3c055f42b8', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { key: '868d81ffe144e899f7c279b0759e24b791ecad15', d: "M10 17l5-5-5-5v10z" }), h("path", { key: 'aebb999015589ddcaa6fd2de21d7cb6ca9d89513', d: "M0 24V0h24v24H0z", fill: "none" })))), h("div", { key: 'b2744d71ffe4280da9d6835733a595f5efb870bf', class: "item" }, h("div", { key: '481e8af5e509a11eb3c4dc6d7643ca27b2131724', class: "item-slot" }, h("slot", { key: '64818d6a55c41aff2deb644c91977c481ee58a50' })), h("dnn-collapsible", { key: '367b4f7696551c2d6710af1eb5916482711685d1', ref: el => this.collapsible = el, expanded: this.expanded }, h("div", { key: '59de6e9d81c051f68c4f36f8d91b11b33d8587d1', ref: el => this.childElement = el }, h("slot", { key: 'e59ba3b15f432ca827be4772c066cd7574200ec0', name: "children" }))))));
     }
     static get is() { return "dnn-treeview-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.js

@@ -108,8 +108,8 @@ export class DnnVerticalOverflowMenu {
         }
     }
     render() {
-        return (h(Host, { key: '6db9c7d189af12b461e3af34f602f6c7fddb5d07' }, h("div", { key: '54aa005c09d774e56ce190847eb69f869ecabb85', class: "menu-container" }, h("div", { key: 'f8b15e41a500f3dc64e7e493bf74cf6b465f5ca2', class: "menu", ref: el => this.menu = el }, h("slot", { key: 'f5d02437cb605cc033f871af76e58d7f58af48e6' })), this.showDropdownButton &&
-            h("div", { key: '85da1756b3d43887b3af977e737ab617af864ac7', class: "overflow" }, h("button", { key: 'a88946dc0c326c33c005819361e234cce8ef79df', ref: el => this.button = el, class: "icon", onClick: () => this.toggleOverflowMenu() }, h("svg", { key: 'a4eb967d91cee9a4c96e0a5da457d11f39feee25', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { key: '3fc89d3aaafc7287c0b6dbe03806dc6e5e2fc566', d: "M0 0h24v24H0z", fill: "none" }), h("path", { key: 'c923dfd621e1027095d580465fce65fb26fc3e82', d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }))), h("div", { key: 'aa6d1e3eba6c3c4fa645c2429d7d8d2f3f05c2d2', class: "dropdown", ref: el => this.dropdown = el }, h("slot", { key: '68f17337ea43044b7bb02d9bac0b76da29009df7', name: "dropdown" }))))));
+        return (h(Host, { key: '6553ac042249e33d80a068a90536999c3a81369b' }, h("div", { key: 'abda0519cdacb5aafe82ea4aed834ff5c45db258', class: "menu-container" }, h("div", { key: 'bbff94190c8bc214a37bbfb055ce6846e1a2457e', class: "menu", ref: el => this.menu = el }, h("slot", { key: '6e97a2e313a635fe11ce2488c15e264f68958e29' })), this.showDropdownButton &&
+            h("div", { key: '1626915b6572090266db9af30b8c6f8fd7cc6bb1', class: "overflow" }, h("button", { key: 'dd2e55c8d08ca42b13600665fc9be680e123e340', ref: el => this.button = el, class: "icon", onClick: () => this.toggleOverflowMenu() }, h("svg", { key: 'a44022b2c686ca8839dd6f9b612adb6576c0b38c', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { key: 'f4107dd8572b748a0c674ec40d0bdd6483c3083d', d: "M0 0h24v24H0z", fill: "none" }), h("path", { key: '50568879b9ac708a8ace4ff03b56618f866f9f12', d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }))), h("div", { key: '263af3536c4aae3c72b8c964ba8f5737869b440c', class: "dropdown", ref: el => this.dropdown = el }, h("slot", { key: '6fbb0e725338c5422cdd94f1f0f30e64f3dabc7f', name: "dropdown" }))))));
     }
     static get is() { return "dnn-vertical-overflow-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js

@@ -109,14 +109,14 @@ export class DnnVerticalSplitview {
         this.rightWidth = fullWidth - this.leftWidth;
     }
     render() {
-        return (h(Host, { key: 'beaf3010798c186c586ad124a672a2e3c2610bd7' }, h("div", { key: '353c7d995b03434a7eb1095ec28c19706e008ce7', class: "left pane", style: {
+        return (h(Host, { key: 'e140fa989f74e328619a4d5a53d4b7cfb6ca5970' }, h("div", { key: '22a05426ed02cb10f3a2ceeb7f7682f8677e4c31', class: "left pane", style: {
                 width: `${this.leftWidth}px`,
-            } }, h("slot", { key: 'e9c87dfcc0f8014ec9cd89ff91f21de679c414cf', name: "left" })), h("button", { key: '9df146da30e8adac9cadd75d14619fa574f0c97e', onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e), ref: el => this.splitter = el, style: {
+            } }, h("slot", { key: 'c997933e9bda3464c6f49e818ac3c39aae7ede99', name: "left" })), h("button", { key: 'f2a04a9418f614df26d3a7fab7a71eda82b5a244', onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e), ref: el => this.splitter = el, style: {
                 minWidth: `${this.splitterWidth.toString()}px`,
                 left: `${this.leftWidth - 2}px`,
-            } }, h("slot", { key: 'f46238df8b64f8627a1058644fbecc2c4989bbc8' })), h("div", { key: '5b42b788656ffd7cad9a80d81dd74925a3deacc8', class: "right pane", style: {
+            } }, h("slot", { key: '2f81c5e1858a6824f5ce4d4162f05acfd1733798' })), h("div", { key: '568a5a6f4aac1a438332085c1288dd9ed84e6143', class: "right pane", style: {
                 width: `${this.rightWidth}px`,
-            } }, h("slot", { key: 'd5e9154ff247e915db7774eab731f1050e348b77', name: "right" }))));
+            } }, h("slot", { key: 'd509c38b1c51ff0dcdef8f9c419ebc1a9ed63a81', name: "right" }))));
     }
     static get is() { return "dnn-vertical-splitview"; }
     static get encapsulation() { return "shadow"; }

package/dist/dnn/dnn.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as l}from"./p-978abd50.js";export{s as setNonce}from"./p-978abd50.js";import{g as a}from"./p-e1255160.js";var t=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};t().then((async e=>{await a();return l([["p-b96b7c4a",[[65,"dnn-color-input",{color:[1025],contrastColor:[1025,"contrast-color"],lightColor:[1025,"light-color"],darkColor:[1025,"dark-color"],label:[1],readonly:[4],localization:[16],name:[1],helpText:[1,"help-text"],useContrastColor:[4,"use-contrast-color"],useLightColor:[4,"use-light-color"],useDarkColor:[4,"use-dark-color"],currentColor:[32],focused:[32]},null,{currentColor:["currentColorChanged"]}]]],["p-70b71aeb",[[65,"dnn-image-cropper",{width:[2],height:[2],resx:[16],quality:[2],preventUndersized:[4,"prevent-undersized"],name:[1],view:[32],localResx:[32],fileName:[32],focused:[32],clear:[64]},null,{resx:["resxChanged"]}]]],["p-27dc2d8f",[[65,"dnn-autocomplete",{label:[1],name:[1],helpText:[1,"help-text"],value:[1537],required:[4],disabled:[4],suggestions:[16],renderSuggestion:[16],totalSuggestions:[2,"total-suggestions"],preloadThresholdPixels:[2,"preload-threshold-pixels"],focused:[32],valid:[32],customValidityMessage:[32],selectedIndex:[32],positionInitialized:[32],lastScrollTop:[32],checkValidity:[64],setCustomValidity:[64]},[[4,"click","handleOutsideClick"]]]]],["p-07a78c58",[[65,"dnn-input",{type:[1025],label:[1],name:[1],value:[1544],helpText:[1,"help-text"],required:[4],disabled:[4],autocomplete:[1],min:[8],max:[8],minlength:[2],maxlength:[2],multiple:[4],pattern:[1],readonly:[4],step:[8],disableValidityReporting:[4,"disable-validity-reporting"],allowShowPassword:[4,"allow-show-password"],focused:[32],valid:[32],checkValidity:[64],setCustomValidity:[64]}]]],["p-9ecfe643",[[65,"dnn-select",{label:[1],name:[1],required:[4],helpText:[1,"help-text"],disabled:[4],disableValidityReporting:[4,"disable-validity-reporting"],value:[1537],focused:[32],valid:[32],customValidityMessage:[32],checkValidity:[64]}]]],["p-535748e2",[[65,"dnn-textarea",{resizable:[1],value:[1025],label:[1],name:[1],helpText:[1,"help-text"],required:[4],disabled:[4],autocomplete:[1],minlength:[2],maxlength:[2],readonly:[4],rows:[2],focused:[32],valid:[32],customValidityMessage:[32],checkValidity:[64],setCustomValidity:[64]}]]],["p-8564bc60",[[1,"dnn-treeview-item",{expanded:[1540],hasChildren:[32],focused:[32]},null,{expanded:["watchExpanded"]}]]],["p-5b15b44a",[[1,"dnn-chevron",{expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],expanded:[1540],focused:[32]},null,{expanded:["handleExpandedChanged"]}]]],["p-50b6bb3f",[[66,"dnn-monaco-editor",{language:[1],value:[1025],name:[1],focused:[32]},null,{language:["languageChanged"],value:["valueChanged"]}]]],["p-7c4bcd14",[[1,"dnn-progress-bar",{value:[2],max:[2],useGradient:[4,"use-gradient"]}]]],["p-e23840d6",[[65,"dnn-richtext",{options:[16],value:[1],name:[1],focused:[32]},null,{value:["watchValueChanged"]}]]],["p-6e54915d",[[1,"dnn-sort-icon",{sortDirection:[1025,"sort-direction"],focused:[32]}]]],["p-350e4008",[[65,"dnn-toggle",{checked:[1028],disabled:[4],name:[1],value:[1],focused:[32]},null,{checked:["checkedChanged"]}]]],["p-3b3475e0",[[1,"dnn-vertical-overflow-menu",{showDropdownButton:[32],showDropdownMenu:[32]}]]],["p-90dd4620",[[1,"dnn-vertical-splitview",{splitterWidth:[2,"splitter-width"],splitWidthPercentage:[1026,"split-width-percentage"],leftWidth:[32],rightWidth:[32],setSplitWidthPercentage:[64],getSplitWidthPercentage:[64]}]]],["p-3d1d6321",[[65,"dnn-checkbox",{checked:[1025],useIntermediate:[4,"use-intermediate"],value:[1],name:[1],focused:[32]},null,{checked:["handleCheckedChange"]}]]],["p-61dfb826",[[1,"dnn-color-picker",{color:[1],colorBoxHeight:[1,"color-box-height"],currentColor:[32],rgbDisplay:[32],hslDisplay:[32],hexDisplay:[32],focused:[32]},null,{currentColor:["handeCurrentColorChanged"]}]]],["p-2486e9db",[[65,"dnn-dropzone",{resx:[16],allowedExtensions:[16],allowCameraMode:[4,"allow-camera-mode"],captureQuality:[2,"capture-quality"],maxFileSize:[2,"max-file-size"],name:[1],canTakeSnapshots:[32],takingPicture:[32],fileTooLarge:[32],invalidExtension:[32],localResx:[32],focused:[32]},null,{resx:["resxChanged"]}]]],["p-4574844c",[[1,"dnn-searchbox",{placeholder:[1],debounced:[4],debounceTime:[2,"debounce-time"],query:[1025],focused:[32]},null,{query:["handleQueryChanged"]}]]],["p-96c850a8",[[1,"dnn-tab",{tabTitle:[1,"tab-title"],visible:[32],show:[64],hide:[64]}],[1,"dnn-tabs",{tabTitles:[32],selectedTabTitle:[32]}]]],["p-21c5ef07",[[1,"dnn-collapsible",{expanded:[516],transitionDuration:[2,"transition-duration"],updateSize:[64]},[[0,"dnnCollapsibleHeightChanged","handleHeightChanged"]],{expanded:["handledExpandedChanged"]}]]],["p-d7d6dffb",[[1,"dnn-modal",{backdropDismiss:[4,"backdrop-dismiss"],closeText:[1,"close-text"],resizable:[4],showCloseButton:[4,"show-close-button"],visible:[1540],show:[64],hide:[64]}]]],["p-9b330c82",[[65,"dnn-button",{type:[1],appearance:[1],formButtonType:[1,"form-button-type"],reversed:[4],size:[1],confirm:[4],confirmYesText:[1,"confirm-yes-text"],confirmNoText:[1,"confirm-no-text"],confirmMessage:[1,"confirm-message"],disabled:[4],focused:[32],modalVisible:[32]}]]],["p-b5241c09",[[1,"dnn-permissions-grid",{permissions:[1040],roleGroups:[16],roles:[16],resx:[16],foundUsers:[16],selectedRoleGroupId:[32],userQuery:[32],pickedUser:[32],localResx:[32],focused:[32]},null,{foundUsers:["handleFoundUsersChanged"],resx:["resxChanged"]}]]],["p-b553c159",[[1,"dnn-fieldset",{focused:[1540],disabled:[1540],invalid:[1540],label:[1],floatLabel:[1540,"float-label"],helpText:[1,"help-text"],resizable:[1],customValidityMessage:[32],setFocused:[64],setBlurred:[64],disable:[64],enable:[64],pinLabel:[64],unpinLabel:[64],setValidity:[64]}]]]],e)}));
+import{p as e,b as a}from"./p-978abd50.js";export{s as setNonce}from"./p-978abd50.js";import{g as l}from"./p-e1255160.js";var d=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};d().then((async e=>{await l();return a([["p-73fddf11",[[65,"dnn-color-input",{color:[1025],contrastColor:[1025,"contrast-color"],lightColor:[1025,"light-color"],darkColor:[1025,"dark-color"],label:[1],readonly:[4],localization:[16],name:[1],helpText:[1,"help-text"],useContrastColor:[4,"use-contrast-color"],useLightColor:[4,"use-light-color"],useDarkColor:[4,"use-dark-color"],currentColor:[32],focused:[32]},null,{currentColor:["currentColorChanged"]}]]],["p-5b8e0904",[[65,"dnn-image-cropper",{width:[2],height:[2],resx:[16],quality:[2],preventUndersized:[4,"prevent-undersized"],name:[1],view:[32],localResx:[32],fileName:[32],focused:[32],clear:[64]},null,{resx:["resxChanged"]}]]],["p-9d2a9141",[[65,"dnn-autocomplete",{label:[1],name:[1],helpText:[1,"help-text"],value:[1537],required:[4],disabled:[4],suggestions:[16],renderSuggestion:[16],totalSuggestions:[2,"total-suggestions"],preloadThresholdPixels:[2,"preload-threshold-pixels"],focused:[32],valid:[32],customValidityMessage:[32],selectedIndex:[32],positionInitialized:[32],lastScrollTop:[32],displayValue:[32],checkValidity:[64],setCustomValidity:[64]},[[4,"click","handleClick"]]]]],["p-5a244627",[[65,"dnn-input",{type:[1025],label:[1],name:[1],value:[1544],helpText:[1,"help-text"],required:[4],disabled:[4],autocomplete:[1],min:[8],max:[8],minlength:[2],maxlength:[2],multiple:[4],pattern:[1],readonly:[4],step:[8],disableValidityReporting:[4,"disable-validity-reporting"],allowShowPassword:[4,"allow-show-password"],focused:[32],valid:[32],checkValidity:[64],setCustomValidity:[64]}]]],["p-af925605",[[65,"dnn-select",{label:[1],name:[1],required:[4],helpText:[1,"help-text"],disabled:[4],disableValidityReporting:[4,"disable-validity-reporting"],value:[1537],focused:[32],valid:[32],customValidityMessage:[32],checkValidity:[64]}]]],["p-a6982c8d",[[65,"dnn-textarea",{resizable:[1],value:[1025],label:[1],name:[1],helpText:[1,"help-text"],required:[4],disabled:[4],autocomplete:[1],minlength:[2],maxlength:[2],readonly:[4],rows:[2],focused:[32],valid:[32],customValidityMessage:[32],checkValidity:[64],setCustomValidity:[64]}]]],["p-672fb82d",[[1,"dnn-treeview-item",{expanded:[1540],hasChildren:[32],focused:[32]},null,{expanded:["watchExpanded"]}]]],["p-9a06ad79",[[1,"dnn-chevron",{expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],expanded:[1540],focused:[32]},null,{expanded:["handleExpandedChanged"]}]]],["p-6643b369",[[66,"dnn-monaco-editor",{language:[1],value:[1025],name:[1],focused:[32]},null,{language:["languageChanged"],value:["valueChanged"]}]]],["p-6659a086",[[1,"dnn-progress-bar",{value:[2],max:[2],useGradient:[4,"use-gradient"]}]]],["p-dcf4505a",[[65,"dnn-richtext",{options:[16],value:[1],name:[1],focused:[32]},null,{value:["watchValueChanged"]}]]],["p-03d3f2b1",[[1,"dnn-sort-icon",{sortDirection:[1025,"sort-direction"],focused:[32]}]]],["p-2c7a91de",[[65,"dnn-toggle",{checked:[1028],disabled:[4],name:[1],value:[1],focused:[32]},[[2,"click","handleClick"]],{checked:["checkedChanged"]}]]],["p-f107355e",[[1,"dnn-vertical-overflow-menu",{showDropdownButton:[32],showDropdownMenu:[32]}]]],["p-576364af",[[1,"dnn-vertical-splitview",{splitterWidth:[2,"splitter-width"],splitWidthPercentage:[1026,"split-width-percentage"],leftWidth:[32],rightWidth:[32],setSplitWidthPercentage:[64],getSplitWidthPercentage:[64]}]]],["p-ea2d6fd2",[[65,"dnn-checkbox",{checked:[1025],useIntermediate:[4,"use-intermediate"],value:[1],name:[1],focused:[32]},[[2,"click","handleClick"]],{checked:["handleCheckedChange"]}]]],["p-69d5f883",[[1,"dnn-color-picker",{color:[1],colorBoxHeight:[1,"color-box-height"],currentColor:[32],rgbDisplay:[32],hslDisplay:[32],hexDisplay:[32],focused:[32]},null,{currentColor:["handeCurrentColorChanged"]}]]],["p-45e1c385",[[65,"dnn-dropzone",{resx:[16],allowedExtensions:[16],allowCameraMode:[4,"allow-camera-mode"],captureQuality:[2,"capture-quality"],maxFileSize:[2,"max-file-size"],name:[1],canTakeSnapshots:[32],takingPicture:[32],fileTooLarge:[32],invalidExtension:[32],localResx:[32],focused:[32]},null,{resx:["resxChanged"]}]]],["p-52ae7b31",[[1,"dnn-searchbox",{placeholder:[1],debounced:[4],debounceTime:[2,"debounce-time"],query:[1025],focused:[32]},null,{query:["handleQueryChanged"]}]]],["p-15c86eb3",[[1,"dnn-tab",{tabTitle:[1,"tab-title"],visible:[32],show:[64],hide:[64]}],[1,"dnn-tabs",{tabTitles:[32],selectedTabTitle:[32]}]]],["p-cfbd1373",[[1,"dnn-collapsible",{expanded:[516],transitionDuration:[2,"transition-duration"],updateSize:[64]},[[0,"dnnCollapsibleHeightChanged","handleHeightChanged"]],{expanded:["handledExpandedChanged"]}]]],["p-bc1dd08b",[[1,"dnn-modal",{backdropDismiss:[4,"backdrop-dismiss"],closeText:[1,"close-text"],resizable:[4],showCloseButton:[4,"show-close-button"],visible:[1540],show:[64],hide:[64]}]]],["p-9b330c82",[[65,"dnn-button",{type:[1],appearance:[1],formButtonType:[1,"form-button-type"],reversed:[4],size:[1],confirm:[4],confirmYesText:[1,"confirm-yes-text"],confirmNoText:[1,"confirm-no-text"],confirmMessage:[1,"confirm-message"],disabled:[4],focused:[32],modalVisible:[32]}]]],["p-6e2adf25",[[1,"dnn-permissions-grid",{permissions:[1040],roleGroups:[16],roles:[16],resx:[16],foundUsers:[16],selectedRoleGroupId:[32],userQuery:[32],pickedUser:[32],localResx:[32],focused:[32]},null,{foundUsers:["handleFoundUsersChanged"],resx:["resxChanged"]}]]],["p-d67edea7",[[1,"dnn-fieldset",{focused:[1540],disabled:[1540],invalid:[1540],label:[1],floatLabel:[1540,"float-label"],helpText:[1,"help-text"],resizable:[1],customValidityMessage:[32],setFocused:[64],setBlurred:[64],disable:[64],enable:[64],pinLabel:[64],unpinLabel:[64],setValidity:[64]}]]]],e)}));
 //# sourceMappingURL=dnn.esm.js.map

package/dist/dnn/dnn.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","color","contrastColor","lightColor","darkColor","label","readonly","localization","name","helpText","useContrastColor","useLightColor","useDarkColor","currentColor","focused","width","height","resx","quality","preventUndersized","view","localResx","fileName","clear","value","required","disabled","suggestions","renderSuggestion","totalSuggestions","preloadThresholdPixels","valid","customValidityMessage","selectedIndex","positionInitialized","lastScrollTop","checkValidity","setCustomValidity","type","autocomplete","min","max","minlength","maxlength","multiple","pattern","step","disableValidityReporting","allowShowPassword","resizable","rows","expanded","hasChildren","expandText","collapseText","language","useGradient","sortDirection","checked","showDropdownButton","showDropdownMenu","splitterWidth","splitWidthPercentage","leftWidth","rightWidth","setSplitWidthPercentage","getSplitWidthPercentage","useIntermediate","colorBoxHeight","rgbDisplay","hslDisplay","hexDisplay","allowedExtensions","allowCameraMode","captureQuality","maxFileSize","canTakeSnapshots","takingPicture","fileTooLarge","invalidExtension","placeholder","debounced","debounceTime","query","tabTitle","visible","show","hide","tabTitles","selectedTabTitle","transitionDuration","updateSize","backdropDismiss","closeText","showCloseButton","appearance","formButtonType","reversed","size","confirm","confirmYesText","confirmNoText","confirmMessage","modalVisible","permissions","roleGroups","roles","foundUsers","selectedRoleGroupId","userQuery","pickedUser","invalid","floatLabel","setFocused","setBlurred","disable","enable","pinLabel","unpinLabel","setValidity"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","color","contrastColor","lightColor","darkColor","label","readonly","localization","name","helpText","useContrastColor","useLightColor","useDarkColor","currentColor","focused","width","height","resx","quality","preventUndersized","view","localResx","fileName","clear","value","required","disabled","suggestions","renderSuggestion","totalSuggestions","preloadThresholdPixels","valid","customValidityMessage","selectedIndex","positionInitialized","lastScrollTop","displayValue","checkValidity","setCustomValidity","type","autocomplete","min","max","minlength","maxlength","multiple","pattern","step","disableValidityReporting","allowShowPassword","resizable","rows","expanded","hasChildren","expandText","collapseText","language","useGradient","sortDirection","checked","showDropdownButton","showDropdownMenu","splitterWidth","splitWidthPercentage","leftWidth","rightWidth","setSplitWidthPercentage","getSplitWidthPercentage","useIntermediate","colorBoxHeight","rgbDisplay","hslDisplay","hexDisplay","allowedExtensions","allowCameraMode","captureQuality","maxFileSize","canTakeSnapshots","takingPicture","fileTooLarge","invalidExtension","placeholder","debounced","debounceTime","query","tabTitle","visible","show","hide","tabTitles","selectedTabTitle","transitionDuration","updateSize","backdropDismiss","closeText","showCloseButton","appearance","formButtonType","reversed","size","confirm","confirmYesText","confirmNoText","confirmMessage","modalVisible","permissions","roleGroups","roles","foundUsers","selectedRoleGroupId","userQuery","pickedUser","invalid","floatLabel","setFocused","setBlurred","disable","enable","pinLabel","unpinLabel","setValidity"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-6e54915d.entry.js → p-03d3f2b1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as s,H as t}from"./p-978abd50.js";const a=":host{--color:#888;--color-sorted:var(--dnn-color-primary, rgb(2,139,255));--color-hover:var(--dnn-color-primary-light, #36a1ff);display:inline-block}button{cursor:pointer;outline:none;border:none;margin:0;padding:0;background-color:transparent;outline:none;display:inline-block;line-height:1em;position:relative;top:0.25em}button svg{height:1.5em;width:auto;fill:var(--color)}button.active svg{fill:var(--color-sorted)}button:hover svg,button:focus-visible svg{fill:var(--color-hover)}";const n=a;const i=class{constructor(s){e(this,s);this.sortChanged=o(this,"sortChanged",7);this.sortDirection="none";this.focused=false}changeSort(){switch(this.sortDirection){case"asc":this.sortDirection="desc";break;case"desc":this.sortDirection="asc";break;case"none":this.sortDirection="asc";break}this.sortChanged.emit(this.sortDirection)}render(){return s(t,{key:"5c039e28844e2883a3121e2d9d9debce7aaec0c9",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},s("button",{key:"8b43439d56a625f774b9a7b82ff8e3b6e050bc61",ref:e=>this.button=e,class:{active:this.sortDirection!="none"},onClick:()=>this.changeSort(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},this.sortDirection=="none"&&s("svg",{key:"a6ba4b60d29fb03fe47bf42d44efa31364acd858",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"10c9ea3f2f4d0eb6bbaf5bb9f5ceb4af56d71055",d:"M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z"})),this.sortDirection=="asc"&&s("svg",{key:"09d0e887e73bea6be841d702523c85d105810dfc",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"ff38ae29946425a956668946e46a56fa324acc58",d:"M 0 7 H 12 L 6 0 Z"})),this.sortDirection=="desc"&&s("svg",{key:"780373c41d29abaf0ff6642cf6d554a5e8ce961d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"dc44360d96d4ee212328250fadaf8f8d320f01e4",d:"M 0 9 H 12 L 6 16 Z"}))))}};i.style=n;export{i as dnn_sort_icon};
-//# sourceMappingURL=p-6e54915d.entry.js.map
+import{r as e,c as o,h as s,H as t}from"./p-978abd50.js";const a=":host{--color:#888;--color-sorted:var(--dnn-color-primary, rgb(2,139,255));--color-hover:var(--dnn-color-primary-light, #36a1ff);display:inline-block}button{cursor:pointer;outline:none;border:none;margin:0;padding:0;background-color:transparent;outline:none;display:inline-block;line-height:1em;position:relative;top:0.25em}button svg{height:1.5em;width:auto;fill:var(--color)}button.active svg{fill:var(--color-sorted)}button:hover svg,button:focus-visible svg{fill:var(--color-hover)}";const c=a;const n=class{constructor(s){e(this,s);this.sortChanged=o(this,"sortChanged",7);this.sortDirection="none";this.focused=false}changeSort(){switch(this.sortDirection){case"asc":this.sortDirection="desc";break;case"desc":this.sortDirection="asc";break;case"none":this.sortDirection="asc";break}this.sortChanged.emit(this.sortDirection)}render(){return s(t,{key:"4679e6439444a14eb3c16ab0fe1659d8096311dd",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},s("button",{key:"038d9aba0ec4a69c0e22e9c391be4bfb03559123",ref:e=>this.button=e,class:{active:this.sortDirection!="none"},onClick:()=>this.changeSort(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},this.sortDirection=="none"&&s("svg",{key:"1bbe327786ba6764794f63123f47896b9c464442",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"6cd4bd061233c96ffed12351ea8800c70b4eb374",d:"M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z"})),this.sortDirection=="asc"&&s("svg",{key:"95330386350dc6859797128a8ce1080bea99351f",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"7a8ca6db9ac9455f41dcc817676eb6ec604151d1",d:"M 0 7 H 12 L 6 0 Z"})),this.sortDirection=="desc"&&s("svg",{key:"3f097be25df06ac0abc18f4d32166da2e8754526",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},s("path",{key:"6e5c311a062292247003b3b06e5d5b5e5ffd24e6",d:"M 0 9 H 12 L 6 16 Z"}))))}};n.style=c;export{n as dnn_sort_icon};
+//# sourceMappingURL=p-03d3f2b1.entry.js.map

package/dist/dnn/{p-96c850a8.entry.js → p-15c86eb3.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,H as r}from"./p-978abd50.js";const s="";const e=s;const c=class{constructor(t){o(this,t);this.tabTitle=undefined;this.visible=false}async show(){this.visible=true}async hide(){this.visible=false}render(){return t(r,{key:"11e00bf6b0dc398bb1694334de73b98725261e9d"},this.visible&&t("slot",{key:"222991618962f83b0ce79deee011979c3bfec2b5"}))}};c.style=e;const a=":host{display:block;--color-background:var(--dnn-color-secondary-dark, lightgray);--color-text:var(--dnn-color-secondary-contrast, #333);--color-visible:var(--dnn-color-primary, #3792ED);--color-visible-text:var(--dnn-color-primary-contrast, #FFF);--color-focus:var(--dnn-color-primary, #3792ed)}.tabTitles{display:flex;background-color:var(--color-background)}.tabTitles button{cursor:pointer;padding:0.5rem 1rem;border:0;margin:0;background-color:transparent;color:var(--color-text)}.tabTitles button.visible{background-color:var(--color-visible);color:var(--color-visible-text)}.tabTitles button:focus-visible,.tabTitles button:hover{outline:none;box-shadow:0 0 2px 2px var(--color-focus)}.currentTab{border:1px solid var(--color-background)}";const i=a;const n=class{constructor(t){o(this,t);this.tabTitles=[];this.selectedTabTitle=""}componentDidLoad(){requestAnimationFrame((()=>{this.updateTitles();this.showFirstTab()}))}getTabs(){return this.component.shadowRoot.querySelector("slot").assignedElements()}updateTitles(){const o=this.getTabs();o.forEach((o=>this.tabTitles=[...this.tabTitles,o.tabTitle]))}showFirstTab(){const o=this.getTabs()[0];o.show();this.selectedTabTitle=o.tabTitle}showTab(o){const t=this.getTabs();t.forEach((t=>{if(t.tabTitle==o){t.show();return}t.hide()}));this.selectedTabTitle=o}render(){return t(r,{key:"82168aac2c1896254c0f0e9599551b61d7cb2885",ref:o=>this.component=o},t("div",{key:"4189cf0756bbcdf51d0e3c7a85bb0daf4998aab6",class:"tabTitles"},this.tabTitles.map((o=>t("button",{class:this.selectedTabTitle==o?"visible":"",onClick:()=>this.showTab(o)},o)))),t("div",{key:"a117874b58985967efff0d9b23474d7658916e61",class:"currentTab"},t("slot",{key:"67bd8036e6aec21f86874e17268ca7861cd35f89"})))}};n.style=i;export{c as dnn_tab,n as dnn_tabs};
-//# sourceMappingURL=p-96c850a8.entry.js.map
+import{r as o,h as t,H as r}from"./p-978abd50.js";const s="";const a=s;const c=class{constructor(t){o(this,t);this.tabTitle=undefined;this.visible=false}async show(){this.visible=true}async hide(){this.visible=false}render(){return t(r,{key:"c137597fa8cab7b2416e52272ed4ffbd5ade548d"},this.visible&&t("slot",{key:"6ea0f232817399f057b093e3ded8c80814c27209"}))}};c.style=a;const e=":host{display:block;--color-background:var(--dnn-color-secondary-dark, lightgray);--color-text:var(--dnn-color-secondary-contrast, #333);--color-visible:var(--dnn-color-primary, #3792ED);--color-visible-text:var(--dnn-color-primary-contrast, #FFF);--color-focus:var(--dnn-color-primary, #3792ed)}.tabTitles{display:flex;background-color:var(--color-background)}.tabTitles button{cursor:pointer;padding:0.5rem 1rem;border:0;margin:0;background-color:transparent;color:var(--color-text)}.tabTitles button.visible{background-color:var(--color-visible);color:var(--color-visible-text)}.tabTitles button:focus-visible,.tabTitles button:hover{outline:none;box-shadow:0 0 2px 2px var(--color-focus)}.currentTab{border:1px solid var(--color-background)}";const i=e;const n=class{constructor(t){o(this,t);this.tabTitles=[];this.selectedTabTitle=""}componentDidLoad(){requestAnimationFrame((()=>{this.updateTitles();this.showFirstTab()}))}getTabs(){return this.component.shadowRoot.querySelector("slot").assignedElements()}updateTitles(){const o=this.getTabs();o.forEach((o=>this.tabTitles=[...this.tabTitles,o.tabTitle]))}showFirstTab(){const o=this.getTabs()[0];o.show();this.selectedTabTitle=o.tabTitle}showTab(o){const t=this.getTabs();t.forEach((t=>{if(t.tabTitle==o){t.show();return}t.hide()}));this.selectedTabTitle=o}render(){return t(r,{key:"a39325f6c3e682c6bf68c6e71a7faa2055d3d4c9",ref:o=>this.component=o},t("div",{key:"13451a0ee391729067fa4cd9c04bcd4943dcbaa4",class:"tabTitles"},this.tabTitles.map((o=>t("button",{class:this.selectedTabTitle==o?"visible":"",onClick:()=>this.showTab(o)},o)))),t("div",{key:"395ad747c55195cc590af3510aca27d874dc8c88",class:"currentTab"},t("slot",{key:"b3411645aff9582a6c6551390dd240ecfd0dc12f"})))}};n.style=i;export{c as dnn_tab,n as dnn_tabs};
+//# sourceMappingURL=p-15c86eb3.entry.js.map

package/dist/dnn/p-2c7a91de.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as o,g as i}from"./p-978abd50.js";const r=":host{display:inline-block;outline:none;cursor:pointer}button{height:1.5em;width:2.5em;outline:none;background-color:var(--background, #888);border:0;border-radius:var(--border-radius, var(--dnn-controls-radius, 0.75em));padding:0.1em;position:relative;margin:0;transition:background-color 300ms ease-in-out;position:relative;cursor:pointer}button:hover,button:focus-visible{box-shadow:0 0 2px 2px var(--dnn-color-primary)}button.checked{background-color:var(--background-checked, var(--dnn-color-primary, blue))}button.checked .handle{left:calc(1em + 4px)}button:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none}button .handle{transition:all 300ms ease-in-out;background-color:white;width:1em;height:1em;border-radius:var(--handle-border-radius, var(--dnn-controls-radius, 50%));position:absolute;top:calc(50% - 0.5em);left:2px}";const a=r;const n=class{constructor(s){e(this,s);this.checkChanged=t(this,"checkChanged",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.checked=false;this.disabled=false;this.name=undefined;this.value="on";this.focused=false}handleClick(){this.checked=!this.checked}checkedChanged(e){this.checkChanged.emit({checked:e});this.setFormValue()}componentWillLoad(){this.originalChecked=this.checked;this.setFormValue()}formResetCallback(){this.internals.setValidity({});this.checked=this.originalChecked}setFormValue(){if(this.name!=undefined&&this.name.length>0){if(this.checked){var e=new FormData;e.append(this.name,this.value);this.internals.setFormValue(e)}else{this.internals.setFormValue("")}}}render(){return s(o,{key:"5f13fb0d04983ad1ae0817044e9a832dcb6c902e",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},s("button",{key:"9b85f6b8f97d3c5a493bef5cf80b2df73bd2a922",ref:e=>this.button=e,disabled:this.disabled,class:{checked:this.checked},onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},s("div",{key:"eca8549c63112e65b1ac3e0dfb0b680679c86cbb",class:"handle"})))}static get formAssociated(){return true}get element(){return i(this)}static get watchers(){return{checked:["checkedChanged"]}}};n.style=a;export{n as dnn_toggle};
+//# sourceMappingURL=p-2c7a91de.entry.js.map

package/dist/dnn/p-2c7a91de.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dnnToggleCss","DnnToggleStyle0","DnnToggle","handleClick","this","checked","checkedChanged","newValue","checkChanged","emit","setFormValue","componentWillLoad","originalChecked","formResetCallback","internals","setValidity","name","undefined","length","data","FormData","append","value","render","h","Host","key","tabIndex","focused","onFocus","button","focus","onBlur","blur","ref","el","disabled","class"],"sources":["src/components/dnn-toggle/dnn-toggle.scss?tag=dnn-toggle&encapsulation=shadow","src/components/dnn-toggle/dnn-toggle.tsx"],"sourcesContent":[":host {\n    /**\n     * @prop --background: Background of the toggle.\n     * @prop --background-checked: Background of the toggle when checked.\n     * @prop --handle-background:  Background of the handle.\n     * @prop --handle-background-checked:  Background of the handle when checked.\n     * @prop --border-radius: The radius of the background borders.\n     * @prop --handle-border-radius: The radius of the handle.\n    */\n\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n}\n\nbutton {\n    height: 1.5em;\n    width: 2.5em;\n    outline: none;\n    background-color: var(--background, #888);\n    border: 0;\n    border-radius: var(--border-radius, var(--dnn-controls-radius, 0.75em));\n    padding: 0.1em;\n    position: relative;\n    margin: 0;\n    transition: background-color 300ms ease-in-out;\n    position: relative;\n    cursor: pointer;\n    &:hover, &:focus-visible{\n        box-shadow: 0 0 2px 2px var(--dnn-color-primary);\n    }\n    &.checked{\n        background-color: var(--background-checked, var(--dnn-color-primary, blue));\n        .handle{\n            left: calc(1em + 4px);\n        }\n    }\n    &:disabled{\n        opacity: 0.5;\n        cursor: not-allowed;\n        box-shadow: none;\n    }\n    .handle{\n        transition: all 300ms ease-in-out;\n        background-color:white;\n        width: 1em;\n        height: 1em;\n        border-radius: var(--handle-border-radius, var(--dnn-controls-radius, 50%));\n        position: absolute;\n        top: calc(50% - 0.5em);\n        left: 2px;\n    }\n}","import { Component, h, Element, Prop, Event, EventEmitter, Watch, Host, AttachInternals, State, Listen } from \"@stencil/core\";\nimport { DnnToggleChangeEventDetail } from \"./toggle-interface\";\n\n\n@Component({\n    tag: \"dnn-toggle\",\n    styleUrl: \"dnn-toggle.scss\",\n    shadow: true,\n    formAssociated: true,\n})\nexport class DnnToggle {\n\n    @Element() element: HTMLDnnToggleElement;\n\n    /** If 'true' the toggle is checked (on). */\n    @Prop({ mutable: true }) checked = false;\n\n    /** If 'true' the toggle is not be interacted with. */\n    @Prop() disabled = false;\n\n    /** The field name to use in forms. */\n    @Prop() name: string;\n\n    /** The value to post when used in forms. */\n    @Prop() value: string = \"on\";\n\n    /** Fires when the toggle changed */\n    @Event() checkChanged!: EventEmitter<DnnToggleChangeEventDetail>;\n\n    @Listen(\"click\", { capture: true })\n    handleClick() {\n        this.checked = !this.checked;\n    }\n\n    @AttachInternals() internals: ElementInternals;\n    \n    @Watch(\"checked\")\n    checkedChanged(newValue: boolean) {\n        this.checkChanged.emit({ checked: newValue });\n        this.setFormValue();\n    }\n    \n    @State() focused = false;\n    \n    private button: HTMLButtonElement;\n    \n    componentWillLoad() {\n        this.originalChecked = this.checked;\n        this.setFormValue();\n    }\n\n    private originalChecked: boolean;\n\n    // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n    formResetCallback() {\n        this.internals.setValidity({});\n        this.checked = this.originalChecked;\n    }\n\n    private setFormValue() {\n        if (this.name != undefined && this.name.length > 0) {\n            if (this.checked) {\n                var data = new FormData();\n                data.append(this.name, this.value);\n                this.internals.setFormValue(data);\n            }\n            else {\n                this.internals.setFormValue(\"\");\n            }\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                tabIndex={this.focused ? -1 : 0}\n                onFocus={() => this.button.focus()}\n                onBlur={() => this.button.blur()}\n            >\n                <button\n                    ref={el => this.button = el}\n                    disabled={this.disabled}\n                    class={{ 'checked': this.checked }}\n                    onFocus={() => this.focused = true}\n                    onBlur={() => this.focused = false}\n                >\n                    <div class=\"handle\"></div>\n                </button>\n            </Host>\n        );\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAe,u0BACrB,MAAAC,EAAeD,E,MCSFE,EAAS,M,iPAKiB,M,cAGhB,M,+BAMK,K,aAkBL,K,CAZnB,WAAAC,GACIC,KAAKC,SAAWD,KAAKC,O,CAMzB,cAAAC,CAAeC,GACXH,KAAKI,aAAaC,KAAK,CAAEJ,QAASE,IAClCH,KAAKM,c,CAOT,iBAAAC,GACIP,KAAKQ,gBAAkBR,KAAKC,QAC5BD,KAAKM,c,CAMT,iBAAAG,GACIT,KAAKU,UAAUC,YAAY,IAC3BX,KAAKC,QAAUD,KAAKQ,e,CAGhB,YAAAF,GACJ,GAAIN,KAAKY,MAAQC,WAAab,KAAKY,KAAKE,OAAS,EAAG,CAChD,GAAId,KAAKC,QAAS,CACd,IAAIc,EAAO,IAAIC,SACfD,EAAKE,OAAOjB,KAAKY,KAAMZ,KAAKkB,OAC5BlB,KAAKU,UAAUJ,aAAaS,E,KAE3B,CACDf,KAAKU,UAAUJ,aAAa,G,GAKxC,MAAAa,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,2CACDC,SAAUvB,KAAKwB,SAAW,EAAI,EAC9BC,QAAS,IAAMzB,KAAK0B,OAAOC,QAC3BC,OAAQ,IAAM5B,KAAK0B,OAAOG,QAE1BT,EAAA,UAAAE,IAAA,2CACIQ,IAAKC,GAAM/B,KAAK0B,OAASK,EACzBC,SAAUhC,KAAKgC,SACfC,MAAO,CAAEhC,QAAWD,KAAKC,SACzBwB,QAAS,IAAMzB,KAAKwB,QAAU,KAC9BI,OAAQ,IAAM5B,KAAKwB,QAAU,OAE7BJ,EAAA,OAAAE,IAAA,2CAAKW,MAAM,Y","ignoreList":[]}

package/dist/dnn/p-45e1c385.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a}from"./p-978abd50.js";import{a as s}from"./p-5df01911.js";const d=":host{--border-color:var(--dnn-color-tertiary-contrast, lightgray);--border-radius:var(--dnn-controls-radius, 5px);--drop-background-color:var(--dnn-color-tertiary, lightblue);display:flex;flex-direction:column;gap:1rem;text-align:center;border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all 300ms ease-in-out}:host(.dropping){background-color:var(--drop-background-color)}p{margin:0;padding:0}button{display:flex;justify-content:center;align-items:center;border:0px;margin:0;padding:0;background-color:transparent}button:hover{cursor:pointer}button svg{margin-right:0.5rem}label.upload-file{display:flex;justify-content:center;align-items:center;cursor:pointer}label.upload-file input{display:none}.video-preview{display:flex;flex-direction:column;align-items:center}.video-preview button{margin:1rem}.error{color:red}";const r=d;const n=class{constructor(t){e(this,t);this.filesSelected=i(this,"filesSelected",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.defaultResx={dragAndDropFile:"Drag and drop a file",capture:"Capture",or:"or",takePicture:"Take a picture",uploadFile:"Upload a file",uploadSizeTooLarge:"The file you tried to upload is too large.",fileSizeLimit:"The maximum size is {0}",invalidExtension:"The file you tried to upload has an invalid extension.",allowedFileExtensions:"Allowed file extensions: {0}"};this.handleDragOver=e=>{e.stopPropagation();e.preventDefault();e.dataTransfer.dropEffect="copy";this.dropzone.classList.add("dropping")};this.handleDrop=e=>{this.invalidExtension=false;this.fileTooLarge=false;e.stopPropagation();e.preventDefault();const i=e.dataTransfer.files;if(this.hasInvalidExtensions(Array.from(i))){this.invalidExtension=true;return}if(this.isAnyFileLargerThanAllowed(Array.from(i))){this.fileTooLarge=true;return}var t=this.getFilesFromFileList(i);this.filesSelected.emit(t)};this.resx=undefined;this.allowedExtensions=undefined;this.allowCameraMode=false;this.captureQuality=.8;this.maxFileSize=undefined;this.name=undefined;this.canTakeSnapshots=false;this.takingPicture=false;this.fileTooLarge=false;this.invalidExtension=false;this.localResx=undefined;this.focused=false}componentWillLoad(){this.mergeResx()}componentDidLoad(){if(this.allowCameraMode){this.checkIfBrowserCanTakeSnapshots().then((e=>this.canTakeSnapshots=e))}if(this.allowedExtensions!=undefined&&this.allowedExtensions.length>0){var e=this.allowedExtensions.map((e=>`.${e}`));var i=e.join(",");this.fileInput.accept=i}}resxChanged(){this.mergeResx()}formResetCallback(){this.internals.setValidity({});this.fileInput.value="";this.internals.setFormValue("")}mergeResx(){this.localResx=Object.assign(Object.assign({},this.defaultResx),this.resx)}checkIfBrowserCanTakeSnapshots(){return new Promise((e=>{const i=navigator.mediaDevices;if(i==undefined||i.enumerateDevices==undefined){e(false)}i.enumerateDevices().then((i=>{var t=i.some((e=>e.kind=="videoinput"));e(t)}))}))}getFilesFromFileList(e){var i=[];for(let t=0;t<e.length;t++){const a=e[t];i.push(a)}return i}isAnyFileLargerThanAllowed(e){if(this.maxFileSize==undefined||this.maxFileSize<=0){return false}if(e.some((e=>e.size>this.maxFileSize))){return true}return false}handleUploadKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.fileInput.click()}}handleUploadButton(e){this.fileTooLarge=false;this.invalidExtension=false;let i=this.getFilesFromFileList(e.files);if(this.isAnyFileLargerThanAllowed(i)){this.fileTooLarge=true;return}if(this.hasInvalidExtensions(i)){this.invalidExtension=true;return}this.filesSelected.emit(i);if(this.name!=undefined&&this.name.length>0){var t=new FormData;i.forEach((e=>{t.append(this.name,e)}));this.internals.setFormValue(t)}}hasInvalidExtensions(e){var i,t;var a=false;for(let r=0;r<e.length;r++){const n=e[r];var s=/(?:\.([^.]+))?$/;const o=(i=s.exec(n.name)[1])===null||i===void 0?void 0:i.toLowerCase();if(o==undefined){a=true}var d=(t=this.allowedExtensions)===null||t===void 0?void 0:t.map((e=>e.toLowerCase()));if(this.allowedExtensions!=undefined&&!(d===null||d===void 0?void 0:d.includes(o))){a=true}return a}}takeSnapshot(){this.takingPicture=true;navigator.mediaDevices.getUserMedia({video:true,audio:false}).then((e=>{this.videoPreview.srcObject=e;this.videoPreview.play().then((()=>{this.videoSettings=e.getVideoTracks()[0].getSettings()}))})).catch((e=>alert(e)))}applySnapshot(){var e=document.createElement("canvas");const i=e.getContext("2d");e.width=this.videoSettings.width;e.height=this.videoSettings.height;i.drawImage(this.videoPreview,0,0);e.toBlob((e=>{var i=new File([e],"image.jpeg",{type:"image/jpeg"});this.takingPicture=false;var t=[i];this.filesSelected.emit(t)}),"image/jpeg",this.captureQuality)}getInvalidExtensionsMessage(){var e=this.localResx.allowedFileExtensions;var e=e.replace("{0}",this.allowedExtensions.join(", "));return e}render(){var e,i,d,r,n,o;return t(a,{key:"e8cb239b37d1be0f7c41240465cd6a158ab0097b",ref:e=>this.dropzone=e,class:"dropzone",onDragOver:e=>this.handleDragOver(e),onDrop:e=>this.handleDrop(e),onDragLeave:()=>this.dropzone.classList.remove("dropping"),tabIndex:this.focused?-1:0,onFocus:()=>this.uploadLabel.focus(),onBlur:()=>this.uploadLabel.blur()},!this.takingPicture&&[t("p",{key:"0a6f9cdb3eef3449dc2092cd6ed5d32e431f3c2d"},(e=this.localResx)===null||e===void 0?void 0:e.dragAndDropFile),t("p",{key:"1179185c6fa4615e9f3ad362e7f7b663c80ee8f9"},"- ",(i=this.localResx)===null||i===void 0?void 0:i.or," -"),t("label",{key:"15a2262c638dd5b4b2f5c0d51fb4d361ccdc98cc",class:"upload-file",tabIndex:0,onKeyDown:e=>this.handleUploadKeyDown(e),ref:e=>this.uploadLabel=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},t("input",{key:"8890c891d3805213887403528b9e8d8661f81100",type:"file",ref:e=>this.fileInput=e,onChange:e=>this.handleUploadButton(e.target)}),t("span",{key:"e4b5083f873c27f7550f29ee5d6f433a4e79ab58"},t("svg",{key:"3f3d9e3e491ab3159767da319d08b3a07c08a65d",xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("g",{key:"d88531469503abfc3b33940f7f690545a6bd7c47"},t("rect",{key:"67cfd319af430b66b2c3c4db9cf043b5ca8b44d2",fill:"none",height:"24",width:"24"})),t("g",{key:"929ff336aa3a765c6b0ae3804af479152f15580e"},t("path",{key:"423d42dd1312a6e92e58112c9abb17c9747c5edc",d:"M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z"}))))," ",(d=this.localResx)===null||d===void 0?void 0:d.uploadFile),this.canTakeSnapshots&&[t("p",{key:"79d4eba604972b765af99a259444017effc430d0"},"- ",(r=this.localResx)===null||r===void 0?void 0:r.or," -"),t("button",{key:"181c7f2c3e0fe10a0e442f671b585d7fd52240e4",onClick:()=>this.takeSnapshot()},t("svg",{key:"a7895b7adac1558f45ccccc87f449bb2ffec557c",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"23128d601f71f2e8cd8af075fe74de8e7f67e92c",d:"M0 0h24v24H0z",fill:"none"}),t("circle",{key:"a082e32a026bfa4586fe203783cbd585e244f774",cx:"12",cy:"12",r:"3.2"}),t("path",{key:"8f1b6b43558cb3ad0e375b01f71da751d88afea8",d:"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"})),(n=this.localResx)===null||n===void 0?void 0:n.takePicture)]],this.takingPicture&&t("div",{key:"48ccb4be518d323659462b075f0ee2bf6d7ae052",class:"video-preview"},t("video",{key:"26659446b8ac3c291aa89352c19515978e0596f8",ref:e=>this.videoPreview=e}),t("button",{key:"9b7699d716d94611d4b3ae7590a5e76efe4f8b83",onClick:()=>this.applySnapshot()},t("svg",{key:"5576687f6e6592825ff4d89e12cc8da2cacf7b49",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"fb833f77e4803eb29d6eb68a92e1a9de775c756b",d:"M0 0h24v24H0z",fill:"none"}),t("circle",{key:"0abc995fbda0ce7af15004867d8cced2e153577d",cx:"12",cy:"12",r:"3.2"}),t("path",{key:"d3045fa3aecc259628598a2ed67c38a7721f1148",d:"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"}))," ",(o=this.localResx)===null||o===void 0?void 0:o.capture)),this.fileTooLarge&&t("div",{key:"b66d8d9f21a9948595df5217f9745e8ecc08f779",class:"error"},t("p",{key:"080b2779e7656c953d77a4b9719cc4984890ec87"},this.localResx.uploadSizeTooLarge,t("br",{key:"683ecdcf26529260f25e16988be94a71d570c61f"}),this.localResx.fileSizeLimit.replace("{0}",s(this.maxFileSize)))),this.invalidExtension&&t("div",{key:"3b48bf8ba1e235d2f4fb3e2192cf18735dfa35df",class:"error"},t("p",{key:"c0b42d27ae92e7d38d48fe9ac86c70d9d657b8c7"},this.localResx.invalidExtension,t("br",{key:"1e0995b7bb02db676e56840e5692b36e2ca5191a"}),this.getInvalidExtensionsMessage())))}static get formAssociated(){return true}static get watchers(){return{resx:["resxChanged"]}}};n.style=r;export{n as dnn_dropzone};
+//# sourceMappingURL=p-45e1c385.entry.js.map

package/dist/dnn/{p-2486e9db.entry.js.map → p-45e1c385.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dnnDropzoneCss","DnnDropzoneStyle0","DnnDropzone","this","defaultResx","dragAndDropFile","capture","or","takePicture","uploadFile","uploadSizeTooLarge","fileSizeLimit","invalidExtension","allowedFileExtensions","handleDragOver","event","stopPropagation","preventDefault","dataTransfer","dropEffect","dropzone","classList","add","handleDrop","dropEvent","fileTooLarge","files","hasInvalidExtensions","Array","from","isAnyFileLargerThanAllowed","fileList","getFilesFromFileList","filesSelected","emit","componentWillLoad","mergeResx","componentDidLoad","allowCameraMode","checkIfBrowserCanTakeSnapshots","then","result","canTakeSnapshots","allowedExtensions","undefined","length","extensionsWithDots","map","e","extensionsList","join","fileInput","accept","resxChanged","formResetCallback","internals","setValidity","value","setFormValue","localResx","Object","assign","resx","Promise","resolve","mediaDevices","navigator","enumerateDevices","devices","some","device","kind","index","file","push","maxFileSize","size","handleUploadKeyDown","key","click","handleUploadButton","element","name","data","FormData","forEach","append","hasInvalid","fileIndex","regex","fileExtension","_a","exec","toLowerCase","loweredAllowedExtensions","_b","includes","takeSnapshot","takingPicture","getUserMedia","video","audio","stream","videoPreview","srcObject","play","videoSettings","getVideoTracks","getSettings","catch","error","alert","applySnapshot","canvas","document","createElement","context","getContext","width","height","drawImage","toBlob","blob","File","type","captureQuality","getInvalidExtensionsMessage","message","replace","render","h","Host","ref","class","onDragOver","onDrop","onDragLeave","remove","tabIndex","focused","onFocus","uploadLabel","focus","onBlur","blur","onKeyDown","el","onChange","target","xmlns","viewBox","fill","d","_c","_d","onClick","cx","cy","r","_e","_f","getReadableFileSizeString"],"sources":["src/components/dnn-dropzone/dnn-dropzone.scss?tag=dnn-dropzone&encapsulation=shadow","src/components/dnn-dropzone/dnn-dropzone.tsx"],"sourcesContent":["\n:host {\n  /** \n  * @prop --border-color: The color of the border.\n  * @prop --border-radius: The radius of the controls borders.\n  * @prop --drop-background-color: The color of the background when a file is dropping.\n  */\n  --border-color: var(--dnn-color-tertiary-contrast, lightgray);\n  --border-radius: var(--dnn-controls-radius, 5px);\n  --drop-background-color: var(--dnn-color-tertiary, lightblue);\n\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  text-align: center;\n  border: 2px dashed var(--border-color);\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  transition: all 300ms ease-in-out;\n}\n\n:host(.dropping){\n  background-color: var(--drop-background-color);\n}\np{\n  margin: 0;\n  padding: 0;\n}\nbutton{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 0px;\n  margin: 0;\n  padding: 0;\n  background-color: transparent;\n  &:hover{\n    cursor: pointer;\n  }\n  svg{\n    margin-right: 0.5rem;\n  }\n}\nlabel.upload-file{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  input{\n    display: none;\n  }\n}\n.video-preview{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  button{\n    margin: 1rem;\n  }\n}\n.error {\n  color:red;\n}","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch, AttachInternals } from '@stencil/core';\nimport { getReadableFileSizeString } from '../../utilities/stringUtilities';\nimport { DropzoneResx } from './types';\n\n@Component({\n  tag: 'dnn-dropzone',\n  styleUrl: 'dnn-dropzone.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DnnDropzone {\n  /** Localization strings */\n  @Prop() resx:DropzoneResx;\n\n  /** A list of allowed file extensions.\n   * If not specified, any file is allowed.\n   * Ex: [\"jpg\", \"jpeg\", \"gif\", \"png\"]\n   */\n  @Prop() allowedExtensions: string[];\n\n  /**\n   * If true, will allow the user to take a snapshot\n   * using the device camera. (only works over https).\n   */\n  @Prop() allowCameraMode: boolean = false;\n\n  /**\n   * Specifies the jpeg quality for when the device\n   * camera is used to generate a picture.\n   * Needs to be a number between 0 and 1 and defaults to 0.8\n   */\n  @Prop() captureQuality: number = 0.8;\n\n  /**\n   * Max file size in bytes.\n   */\n  @Prop() maxFileSize?: number;\n\n  /** The name of the field when used in a form. */\n  @Prop() name: string;\n\n  /** Fires when file were selected. */\n  @Event() filesSelected: EventEmitter<File[]>;\n  \n  @State() canTakeSnapshots: boolean = false;\n  @State() takingPicture: boolean = false;\n  @State() fileTooLarge: boolean = false;\n  @State() invalidExtension: boolean = false;\n  @State() localResx: DropzoneResx;\n  @State() focused = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private dropzone: HTMLElement;\n  private fileInput: HTMLInputElement;\n  private videoPreview: HTMLVideoElement;\n  private uploadLabel: HTMLLabelElement;\n  private videoSettings!: MediaTrackSettings;\n  private defaultResx: DropzoneResx = {\n    dragAndDropFile: \"Drag and drop a file\",\n    capture: \"Capture\",\n    or: \"or\",\n    takePicture: \"Take a picture\",\n    uploadFile: \"Upload a file\",\n    uploadSizeTooLarge: \"The file you tried to upload is too large.\",\n    fileSizeLimit: \"The maximum size is {0}\",\n    invalidExtension: \"The file you tried to upload has an invalid extension.\",\n    allowedFileExtensions: \"Allowed file extensions: {0}\",\n  }\n\n  componentWillLoad() {\n    this.mergeResx();\n  }\n\n  componentDidLoad() {\n    if (this.allowCameraMode){\n      this.checkIfBrowserCanTakeSnapshots()\n      .then(result => this.canTakeSnapshots = result);\n    }\n    if (this.allowedExtensions != undefined && this.allowedExtensions.length > 0){\n      var extensionsWithDots = this.allowedExtensions.map(e => `.${e}`);\n      var extensionsList = extensionsWithDots.join(\",\");\n      this.fileInput.accept = extensionsList;\n    }\n  }\n\n  @Watch('resx')\n  resxChanged() {\n    this.mergeResx();\n  }\n\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.fileInput.value = \"\";\n    this.internals.setFormValue(\"\");\n  }\n\n  private mergeResx(): void {\n    this.localResx = {...this.defaultResx, ...this.resx};\n  }\n\n  private checkIfBrowserCanTakeSnapshots(): Promise<boolean> {\n    return new Promise((resolve) => {\n      const mediaDevices = navigator.mediaDevices;\n      if (mediaDevices == undefined || mediaDevices.enumerateDevices == undefined) {\n        resolve(false);\n      }\n      mediaDevices.enumerateDevices()\n        .then(devices => {\n          var result = devices.some(device => device.kind == \"videoinput\");\n          resolve(result);\n        });\n    });\n  }\n\n  private getFilesFromFileList(files: FileList) : File[] {\n    var fileList: File[] = [];\n    for (let index = 0; index < files.length; index++) {\n      const file = files[index];\n      fileList.push(file);\n    }\n\n    return fileList;\n  }\n\n  private isAnyFileLargerThanAllowed (files:File[]) : boolean {\n    if (this.maxFileSize == undefined || this.maxFileSize <= 0) {\n      return false;\n    } \n\n    if ( files.some(file => file.size > this.maxFileSize )) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private handleUploadKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.fileInput.click();\n    }\n  }\n\n  private handleUploadButton(element: HTMLInputElement): void {\n    this.fileTooLarge = false;\n    this.invalidExtension = false;\n    let files = this.getFilesFromFileList(element.files);\n    \n    if (this.isAnyFileLargerThanAllowed(files)) {\n      this.fileTooLarge = true;\n      return;\n    }\n\n    if (this.hasInvalidExtensions(files)){\n      this.invalidExtension = true;\n      return;\n    }\n\n    this.filesSelected.emit(files);\n    if (this.name != undefined && this.name.length > 0){\n      var data = new FormData();\n      files.forEach(file => {\n        data.append(this.name, file);\n      });\n      this.internals.setFormValue(data);\n    }\n  }\n\n  private handleDragOver = (event: DragEvent) => \n  {\n    event.stopPropagation();\n    event.preventDefault();\n    event.dataTransfer.dropEffect = \"copy\";\n    this.dropzone.classList.add(\"dropping\");\n  };\n\n  private hasInvalidExtensions(files: File[]): boolean{\n    var hasInvalid = false;\n    for (let fileIndex = 0; fileIndex < files.length; fileIndex++) {\n      const file = files[fileIndex];\n      var regex = /(?:\\.([^.]+))?$/;\n      const fileExtension = regex.exec(file.name)[1]?.toLowerCase();\n      if (fileExtension == undefined){\n        hasInvalid = true;\n      }\n\n      var loweredAllowedExtensions = this.allowedExtensions?.map(e => e.toLowerCase());\n      if (this.allowedExtensions != undefined && !loweredAllowedExtensions?.includes(fileExtension)){\n        hasInvalid = true;\n      }\n\n      return hasInvalid;\n    }\n  }\n\n  private handleDrop = (dropEvent: DragEvent) => {\n    this.invalidExtension = false;\n    this.fileTooLarge = false;\n    dropEvent.stopPropagation();\n    dropEvent.preventDefault();\n    const files = dropEvent.dataTransfer.files;\n\n    if (this.hasInvalidExtensions(Array.from(files))){\n      this.invalidExtension = true;\n      return;\n    }\n\n    if (this.isAnyFileLargerThanAllowed(Array.from(files))) {\n      this.fileTooLarge = true;\n      return;\n    }\n\n    var fileList = this.getFilesFromFileList(files);\n    this.filesSelected.emit(fileList);\n  };\n\n  private takeSnapshot(): void {\n    this.takingPicture = true;\n    navigator.mediaDevices.getUserMedia({video: true, audio: false})\n    .then(stream => {\n      stream\n      this.videoPreview.srcObject = stream;\n      this.videoPreview.play()\n      .then(() => {\n        this.videoSettings = stream.getVideoTracks()[0].getSettings();\n      });\n    })\n    .catch(error => alert(error));\n  }\n\n  private applySnapshot(): void {\n    var canvas = document.createElement(\"canvas\");\n    const context = canvas.getContext(\"2d\");\n    canvas.width = this.videoSettings.width;\n    canvas.height = this.videoSettings.height;\n    context.drawImage(this.videoPreview, 0, 0);\n    canvas.toBlob(blob => {\n      var file = new File([blob], \"image.jpeg\", {type:\"image/jpeg\"});\n      this.takingPicture = false;\n      \n      var fileList = [file];\n      this.filesSelected.emit(fileList)\n    }, \"image/jpeg\", this.captureQuality);\n  }\n\n  private getInvalidExtensionsMessage() {\n    var message = this.localResx.allowedFileExtensions;\n    var message = message.replace(\"{0}\", this.allowedExtensions.join(\", \"));\n    return message;\n  }\n  \n  render() {\n    return (\n      <Host\n        ref={e => this.dropzone = e}\n        class=\"dropzone\"\n        onDragOver={e => this.handleDragOver(e)}\n        onDrop={e => this.handleDrop(e)}\n        onDragLeave={() => this.dropzone.classList.remove(\"dropping\")}\n        tabIndex={this.focused ? -1 : 0}\n        onFocus={() => this.uploadLabel.focus()}\n        onBlur={() => this.uploadLabel.blur()}\n      >\n        {!this.takingPicture &&\n          [\n            <p>{this.localResx?.dragAndDropFile}</p>\n          ,\n            <p>- {this.localResx?.or} -</p>\n          ,\n            <label\n              class=\"upload-file\"\n              tabIndex={0}\n              onKeyDown={e => this.handleUploadKeyDown(e)}\n              ref={el => this.uploadLabel = el}\n              onFocus={() => this.focused = true}\n              onBlur={() => this.focused = false}\n            >\n              <input\n                type=\"file\"\n                ref={el => this.fileInput = el}\n                onChange={e => this.handleUploadButton(e.target as HTMLInputElement)}\n              >\n              </input>\n              <span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  enable-background=\"new 0 0 24 24\"\n                  height=\"24px\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"24px\"\n                  fill=\"#000000\">\n                    <g><rect fill=\"none\" height=\"24\" width=\"24\"/></g>\n                    <g><path d=\"M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z\"/></g>\n                </svg>\n              </span>\n              &nbsp;\n              {this.localResx?.uploadFile}\n            </label>\n            ,\n            this.canTakeSnapshots &&\n              [\n                <p>- {this.localResx?.or} -</p>\n                ,\n                <button\n                  onClick={() => this.takeSnapshot()}\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"3.2\"/><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"/></svg>\n                  {this.localResx?.takePicture}\n                </button>\n              ]\n          ]\n        }\n        {this.takingPicture &&\n          <div class=\"video-preview\">\n            <video ref={e => this.videoPreview = e} />\n            <button\n              onClick={() => this.applySnapshot()}\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"3.2\"/><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"/></svg>&nbsp;\n              {this.localResx?.capture}\n            </button>\n          </div>\n        }\n        { this.fileTooLarge && \n          <div class='error'>\n              <p>\n                {this.localResx.uploadSizeTooLarge}\n                <br/>\n                {this.localResx.fileSizeLimit.replace(\"{0}\", getReadableFileSizeString(this.maxFileSize)) } \n              </p>\n          </div>\n        }\n        { this.invalidExtension &&\n          <div class='error'>\n            <p>\n              {this.localResx.invalidExtension}\n              <br/>\n              {this.getInvalidExtensionsMessage()}\n            </p>\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["dnnDropzoneCss","DnnDropzoneStyle0","DnnDropzone","this","defaultResx","dragAndDropFile","capture","or","takePicture","uploadFile","uploadSizeTooLarge","fileSizeLimit","invalidExtension","allowedFileExtensions","handleDragOver","event","stopPropagation","preventDefault","dataTransfer","dropEffect","dropzone","classList","add","handleDrop","dropEvent","fileTooLarge","files","hasInvalidExtensions","Array","from","isAnyFileLargerThanAllowed","fileList","getFilesFromFileList","filesSelected","emit","componentWillLoad","mergeResx","componentDidLoad","allowCameraMode","checkIfBrowserCanTakeSnapshots","then","result","canTakeSnapshots","allowedExtensions","undefined","length","extensionsWithDots","map","e","extensionsList","join","fileInput","accept","resxChanged","formResetCallback","internals","setValidity","value","setFormValue","localResx","Object","assign","resx","Promise","resolve","mediaDevices","navigator","enumerateDevices","devices","some","device","kind","index","file","push","maxFileSize","size","handleUploadKeyDown","key","click","handleUploadButton","element","name","data","FormData","forEach","append","hasInvalid","fileIndex","regex","fileExtension","_a","exec","toLowerCase","loweredAllowedExtensions","_b","includes","takeSnapshot","takingPicture","getUserMedia","video","audio","stream","videoPreview","srcObject","play","videoSettings","getVideoTracks","getSettings","catch","error","alert","applySnapshot","canvas","document","createElement","context","getContext","width","height","drawImage","toBlob","blob","File","type","captureQuality","getInvalidExtensionsMessage","message","replace","render","h","Host","ref","class","onDragOver","onDrop","onDragLeave","remove","tabIndex","focused","onFocus","uploadLabel","focus","onBlur","blur","onKeyDown","el","onChange","target","xmlns","viewBox","fill","d","_c","_d","onClick","cx","cy","r","_e","_f","getReadableFileSizeString"],"sources":["src/components/dnn-dropzone/dnn-dropzone.scss?tag=dnn-dropzone&encapsulation=shadow","src/components/dnn-dropzone/dnn-dropzone.tsx"],"sourcesContent":["\n:host {\n  /** \n  * @prop --border-color: The color of the border.\n  * @prop --border-radius: The radius of the controls borders.\n  * @prop --drop-background-color: The color of the background when a file is dropping.\n  */\n  --border-color: var(--dnn-color-tertiary-contrast, lightgray);\n  --border-radius: var(--dnn-controls-radius, 5px);\n  --drop-background-color: var(--dnn-color-tertiary, lightblue);\n\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  text-align: center;\n  border: 2px dashed var(--border-color);\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  transition: all 300ms ease-in-out;\n}\n\n:host(.dropping){\n  background-color: var(--drop-background-color);\n}\np{\n  margin: 0;\n  padding: 0;\n}\nbutton{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 0px;\n  margin: 0;\n  padding: 0;\n  background-color: transparent;\n  &:hover{\n    cursor: pointer;\n  }\n  svg{\n    margin-right: 0.5rem;\n  }\n}\nlabel.upload-file{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  input{\n    display: none;\n  }\n}\n.video-preview{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  button{\n    margin: 1rem;\n  }\n}\n.error {\n  color:red;\n}","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch, AttachInternals } from '@stencil/core';\nimport { getReadableFileSizeString } from '../../utilities/stringUtilities';\nimport { DropzoneResx } from './types';\n\n@Component({\n  tag: 'dnn-dropzone',\n  styleUrl: 'dnn-dropzone.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DnnDropzone {\n  /** Localization strings */\n  @Prop() resx:DropzoneResx;\n\n  /** A list of allowed file extensions.\n   * If not specified, any file is allowed.\n   * Ex: [\"jpg\", \"jpeg\", \"gif\", \"png\"]\n   */\n  @Prop() allowedExtensions: string[];\n\n  /**\n   * If true, will allow the user to take a snapshot\n   * using the device camera. (only works over https).\n   */\n  @Prop() allowCameraMode: boolean = false;\n\n  /**\n   * Specifies the jpeg quality for when the device\n   * camera is used to generate a picture.\n   * Needs to be a number between 0 and 1 and defaults to 0.8\n   */\n  @Prop() captureQuality: number = 0.8;\n\n  /**\n   * Max file size in bytes.\n   */\n  @Prop() maxFileSize?: number;\n\n  /** The name of the field when used in a form. */\n  @Prop() name: string;\n\n  /** Fires when file were selected. */\n  @Event() filesSelected: EventEmitter<File[]>;\n  \n  @State() canTakeSnapshots: boolean = false;\n  @State() takingPicture: boolean = false;\n  @State() fileTooLarge: boolean = false;\n  @State() invalidExtension: boolean = false;\n  @State() localResx: DropzoneResx;\n  @State() focused = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private dropzone: HTMLElement;\n  private fileInput: HTMLInputElement;\n  private videoPreview: HTMLVideoElement;\n  private uploadLabel: HTMLLabelElement;\n  private videoSettings!: MediaTrackSettings;\n  private defaultResx: DropzoneResx = {\n    dragAndDropFile: \"Drag and drop a file\",\n    capture: \"Capture\",\n    or: \"or\",\n    takePicture: \"Take a picture\",\n    uploadFile: \"Upload a file\",\n    uploadSizeTooLarge: \"The file you tried to upload is too large.\",\n    fileSizeLimit: \"The maximum size is {0}\",\n    invalidExtension: \"The file you tried to upload has an invalid extension.\",\n    allowedFileExtensions: \"Allowed file extensions: {0}\",\n  }\n\n  componentWillLoad() {\n    this.mergeResx();\n  }\n\n  componentDidLoad() {\n    if (this.allowCameraMode){\n      this.checkIfBrowserCanTakeSnapshots()\n      .then(result => this.canTakeSnapshots = result);\n    }\n    if (this.allowedExtensions != undefined && this.allowedExtensions.length > 0){\n      var extensionsWithDots = this.allowedExtensions.map(e => `.${e}`);\n      var extensionsList = extensionsWithDots.join(\",\");\n      this.fileInput.accept = extensionsList;\n    }\n  }\n\n  @Watch('resx')\n  resxChanged() {\n    this.mergeResx();\n  }\n\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.fileInput.value = \"\";\n    this.internals.setFormValue(\"\");\n  }\n\n  private mergeResx(): void {\n    this.localResx = {...this.defaultResx, ...this.resx};\n  }\n\n  private checkIfBrowserCanTakeSnapshots(): Promise<boolean> {\n    return new Promise((resolve) => {\n      const mediaDevices = navigator.mediaDevices;\n      if (mediaDevices == undefined || mediaDevices.enumerateDevices == undefined) {\n        resolve(false);\n      }\n      mediaDevices.enumerateDevices()\n        .then(devices => {\n          var result = devices.some(device => device.kind == \"videoinput\");\n          resolve(result);\n        });\n    });\n  }\n\n  private getFilesFromFileList(files: FileList) : File[] {\n    var fileList: File[] = [];\n    for (let index = 0; index < files.length; index++) {\n      const file = files[index];\n      fileList.push(file);\n    }\n\n    return fileList;\n  }\n\n  private isAnyFileLargerThanAllowed (files:File[]) : boolean {\n    if (this.maxFileSize == undefined || this.maxFileSize <= 0) {\n      return false;\n    } \n\n    if ( files.some(file => file.size > this.maxFileSize )) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private handleUploadKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.fileInput.click();\n    }\n  }\n\n  private handleUploadButton(element: HTMLInputElement): void {\n    this.fileTooLarge = false;\n    this.invalidExtension = false;\n    let files = this.getFilesFromFileList(element.files);\n    \n    if (this.isAnyFileLargerThanAllowed(files)) {\n      this.fileTooLarge = true;\n      return;\n    }\n\n    if (this.hasInvalidExtensions(files)){\n      this.invalidExtension = true;\n      return;\n    }\n\n    this.filesSelected.emit(files);\n    if (this.name != undefined && this.name.length > 0){\n      var data = new FormData();\n      files.forEach(file => {\n        data.append(this.name, file);\n      });\n      this.internals.setFormValue(data);\n    }\n  }\n\n  private handleDragOver = (event: DragEvent) => \n  {\n    event.stopPropagation();\n    event.preventDefault();\n    event.dataTransfer.dropEffect = \"copy\";\n    this.dropzone.classList.add(\"dropping\");\n  };\n\n  private hasInvalidExtensions(files: File[]): boolean{\n    var hasInvalid = false;\n    for (let fileIndex = 0; fileIndex < files.length; fileIndex++) {\n      const file = files[fileIndex];\n      var regex = /(?:\\.([^.]+))?$/;\n      const fileExtension = regex.exec(file.name)[1]?.toLowerCase();\n      if (fileExtension == undefined){\n        hasInvalid = true;\n      }\n\n      var loweredAllowedExtensions = this.allowedExtensions?.map(e => e.toLowerCase());\n      if (this.allowedExtensions != undefined && !loweredAllowedExtensions?.includes(fileExtension)){\n        hasInvalid = true;\n      }\n\n      return hasInvalid;\n    }\n  }\n\n  private handleDrop = (dropEvent: DragEvent) => {\n    this.invalidExtension = false;\n    this.fileTooLarge = false;\n    dropEvent.stopPropagation();\n    dropEvent.preventDefault();\n    const files = dropEvent.dataTransfer.files;\n\n    if (this.hasInvalidExtensions(Array.from(files))){\n      this.invalidExtension = true;\n      return;\n    }\n\n    if (this.isAnyFileLargerThanAllowed(Array.from(files))) {\n      this.fileTooLarge = true;\n      return;\n    }\n\n    var fileList = this.getFilesFromFileList(files);\n    this.filesSelected.emit(fileList);\n  };\n\n  private takeSnapshot(): void {\n    this.takingPicture = true;\n    navigator.mediaDevices.getUserMedia({video: true, audio: false})\n    .then(stream => {\n      stream\n      this.videoPreview.srcObject = stream;\n      this.videoPreview.play()\n      .then(() => {\n        this.videoSettings = stream.getVideoTracks()[0].getSettings();\n      });\n    })\n    .catch(error => alert(error));\n  }\n\n  private applySnapshot(): void {\n    var canvas = document.createElement(\"canvas\");\n    const context = canvas.getContext(\"2d\");\n    canvas.width = this.videoSettings.width;\n    canvas.height = this.videoSettings.height;\n    context.drawImage(this.videoPreview, 0, 0);\n    canvas.toBlob(blob => {\n      var file = new File([blob], \"image.jpeg\", {type:\"image/jpeg\"});\n      this.takingPicture = false;\n      \n      var fileList = [file];\n      this.filesSelected.emit(fileList)\n    }, \"image/jpeg\", this.captureQuality);\n  }\n\n  private getInvalidExtensionsMessage() {\n    var message = this.localResx.allowedFileExtensions;\n    var message = message.replace(\"{0}\", this.allowedExtensions.join(\", \"));\n    return message;\n  }\n  \n  render() {\n    return (\n      <Host\n        ref={e => this.dropzone = e}\n        class=\"dropzone\"\n        onDragOver={e => this.handleDragOver(e)}\n        onDrop={e => this.handleDrop(e)}\n        onDragLeave={() => this.dropzone.classList.remove(\"dropping\")}\n        tabIndex={this.focused ? -1 : 0}\n        onFocus={() => this.uploadLabel.focus()}\n        onBlur={() => this.uploadLabel.blur()}\n      >\n        {!this.takingPicture &&\n          [\n            <p>{this.localResx?.dragAndDropFile}</p>\n          ,\n            <p>- {this.localResx?.or} -</p>\n          ,\n            <label\n              class=\"upload-file\"\n              tabIndex={0}\n              onKeyDown={e => this.handleUploadKeyDown(e)}\n              ref={el => this.uploadLabel = el}\n              onFocus={() => this.focused = true}\n              onBlur={() => this.focused = false}\n            >\n              <input\n                type=\"file\"\n                ref={el => this.fileInput = el}\n                onChange={e => this.handleUploadButton(e.target as HTMLInputElement)}\n              >\n              </input>\n              <span>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  enable-background=\"new 0 0 24 24\"\n                  height=\"24px\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"24px\"\n                  fill=\"#000000\">\n                    <g><rect fill=\"none\" height=\"24\" width=\"24\"/></g>\n                    <g><path d=\"M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z\"/></g>\n                </svg>\n              </span>\n              &nbsp;\n              {this.localResx?.uploadFile}\n            </label>\n            ,\n            this.canTakeSnapshots &&\n              [\n                <p>- {this.localResx?.or} -</p>\n                ,\n                <button\n                  onClick={() => this.takeSnapshot()}\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"3.2\"/><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"/></svg>\n                  {this.localResx?.takePicture}\n                </button>\n              ]\n          ]\n        }\n        {this.takingPicture &&\n          <div class=\"video-preview\">\n            <video ref={e => this.videoPreview = e} />\n            <button\n              onClick={() => this.applySnapshot()}\n            >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"3.2\"/><path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"/></svg>&nbsp;\n              {this.localResx?.capture}\n            </button>\n          </div>\n        }\n        { this.fileTooLarge && \n          <div class='error'>\n              <p>\n                {this.localResx.uploadSizeTooLarge}\n                <br/>\n                {this.localResx.fileSizeLimit.replace(\"{0}\", getReadableFileSizeString(this.maxFileSize)) } \n              </p>\n          </div>\n        }\n        { this.invalidExtension &&\n          <div class='error'>\n            <p>\n              {this.localResx.invalidExtension}\n              <br/>\n              {this.getInvalidExtensionsMessage()}\n            </p>\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-4574844c.entry.js → p-52ae7b31.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as r,H as s}from"./p-978abd50.js";const e=":host{position:relative;display:flex;justify-content:space-between;--background-color:transparent;--color:#333;--border-size:1px;--border-color:grey;--border-active-color:black;--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);--focus-color:var(--dnn-color-primary, blue)}:host input{width:100%;border:var(--border-size) solid var(--border-color);outline:none;border-radius:var(--border-radius);padding:var(--padding);padding-right:32px;transition:all 300ms ease-in-out}:host input:focus-visible,:host input:hover{outline:none;box-shadow:0 0 2px 2px var(--focus-color)}:host svg{position:absolute;top:0;right:0;height:100%;transform:scale(0.7);fill:var(--color);outline:var(--color);color:var(--color);transition:all 300ms ease-in-out}:host button{background:transparent;border:0;margin:0;padding:0}:host button:focus-visible svg,:host button:hover svg{fill:var(--focus-color);outline:var(--focus-color);color:var(--focus-color)}";const i=e;const n=class{constructor(r){o(this,r);this.queryChanged=t(this,"queryChanged",7);this.debounceTimer=null;this.placeholder="";this.debounced=true;this.debounceTime=500;this.query="";this.focused=undefined}handleQueryChanged(){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.queryChanged.emit(this.query)}),this.debounceTime)}render(){return r(s,{key:"75a0a9f1b1b0a4cc5e2b67359484ad161783292b",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},r("input",{key:"55be061fde404662bcf3995495a120aba1ebd881",ref:o=>this.inputField=o,type:"text",value:this.query,placeholder:this.placeholder,onInput:o=>this.query=o.target.value,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),this.query!==""?r("button",{class:"svg clear",onClick:()=>this.query=""},r("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},r("path",{d:"M0 0h24v24H0z",fill:"none"}),r("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}))):r("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},r("path",{d:"M0 0h24v24H0z",fill:"none"}),r("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})))}static get watchers(){return{query:["handleQueryChanged"]}}};n.style=i;export{n as dnn_searchbox};
-//# sourceMappingURL=p-4574844c.entry.js.map
+import{r as o,c as t,h as r,H as s}from"./p-978abd50.js";const e=":host{position:relative;display:flex;justify-content:space-between;--background-color:transparent;--color:#333;--border-size:1px;--border-color:grey;--border-active-color:black;--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);--focus-color:var(--dnn-color-primary, blue)}:host input{width:100%;border:var(--border-size) solid var(--border-color);outline:none;border-radius:var(--border-radius);padding:var(--padding);padding-right:32px;transition:all 300ms ease-in-out}:host input:focus-visible,:host input:hover{outline:none;box-shadow:0 0 2px 2px var(--focus-color)}:host svg{position:absolute;top:0;right:0;height:100%;transform:scale(0.7);fill:var(--color);outline:var(--color);color:var(--color);transition:all 300ms ease-in-out}:host button{background:transparent;border:0;margin:0;padding:0}:host button:focus-visible svg,:host button:hover svg{fill:var(--focus-color);outline:var(--focus-color);color:var(--focus-color)}";const i=e;const n=class{constructor(r){o(this,r);this.queryChanged=t(this,"queryChanged",7);this.debounceTimer=null;this.placeholder="";this.debounced=true;this.debounceTime=500;this.query="";this.focused=undefined}handleQueryChanged(){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.queryChanged.emit(this.query)}),this.debounceTime)}render(){return r(s,{key:"bade94fc73622bb28ee3a5719f51758cb5691a1a",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},r("input",{key:"764fd9c42ac87ee05f272595f4a699a1f2931cbd",ref:o=>this.inputField=o,type:"text",value:this.query,placeholder:this.placeholder,onInput:o=>this.query=o.target.value,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false}),this.query!==""?r("button",{class:"svg clear",onClick:()=>this.query=""},r("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},r("path",{d:"M0 0h24v24H0z",fill:"none"}),r("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}))):r("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},r("path",{d:"M0 0h24v24H0z",fill:"none"}),r("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})))}static get watchers(){return{query:["handleQueryChanged"]}}};n.style=i;export{n as dnn_searchbox};
+//# sourceMappingURL=p-52ae7b31.entry.js.map

package/dist/dnn/{p-90dd4620.entry.js → p-576364af.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as i,g as n}from"./p-978abd50.js";import{g as o}from"./p-dcf42da6.js";const a=":host{display:flex;align-items:stretch;margin:0 auto;position:relative;--left-pane-background-color:transparent;--right-pane-background-color:transparent}button{border:none;margin:0;padding:0;cursor:ew-resize;position:absolute;height:100%;background-color:transparent}button.transition{transition:all 300ms ease-in-out}.pane{overflow-y:auto}.pane.transition{transition:all 300ms ease-in-out}.pane.left{background-color:var(--left-pane-background-color)}.pane.right{background-color:var(--right-pane-background-color);flex-grow:1}";const r=a;const c=class{constructor(s){t(this,s);this.widthChanged=e(this,"widthChanged",7);this.splitterWidth=16;this.splitWidthPercentage=30;this.leftWidth=0;this.rightWidth=0}async setSplitWidthPercentage(t){const e=this.element.shadowRoot.querySelectorAll(".pane");requestAnimationFrame((()=>{e.forEach((t=>t.classList.add("transition")));this.splitter.classList.add("transition");requestAnimationFrame((()=>{const s=this.element.getBoundingClientRect().width;let i=s*t/100;if(i<0){i=0}if(i>s){i=s}this.leftWidth=i;this.rightWidth=s-i;setTimeout((()=>{e.forEach((t=>t.classList.remove("transition")));this.splitter.classList.remove("transition")}),300)}))}))}async getSplitWidthPercentage(){const t=this.element.getBoundingClientRect().width;return this.leftWidth/t}componentDidLoad(){requestAnimationFrame((()=>{this.resizeObserver=new ResizeObserver((()=>{const t=this.element.getBoundingClientRect().width;this.leftWidth=t*this.splitWidthPercentage/100;this.rightWidth=t-this.leftWidth;this.widthChanged.emit(this.splitWidthPercentage)}));this.resizeObserver.observe(this.element)}))}handleMouseDown(t){t.preventDefault();const e=t=>{requestAnimationFrame((()=>{let e=this.element.getBoundingClientRect().width;let{movementX:s}=o(t,this.previousTouch);let i=this.leftWidth+s;if(i<0){i=0}if(i>e){i=e}this.leftWidth=i;this.rightWidth=e-i;this.splitWidthPercentage=this.leftWidth/e*100}))};const s=()=>{document.removeEventListener("mousemove",e);document.removeEventListener("touchmove",e);const t=this.element.getBoundingClientRect().width;const s=this.leftWidth/t*100;this.widthChanged.emit(s)};document.addEventListener("mouseup",s);document.addEventListener("touchend",s);document.addEventListener("mousemove",e);document.addEventListener("touchmove",e)}handleKeyDown(t){let e=0;switch(t.key){case"ArrowLeft":e=-10;break;case"ArrowRight":e=10;break;default:return}if(t.shiftKey){e=e*10}const s=this.element.getBoundingClientRect().width;let i=this.leftWidth+e;if(i<0){i=0}if(i>s){i=s}this.leftWidth=i;this.rightWidth=s-this.leftWidth}render(){return s(i,{key:"beaf3010798c186c586ad124a672a2e3c2610bd7"},s("div",{key:"353c7d995b03434a7eb1095ec28c19706e008ce7",class:"left pane",style:{width:`${this.leftWidth}px`}},s("slot",{key:"e9c87dfcc0f8014ec9cd89ff91f21de679c414cf",name:"left"})),s("button",{key:"9df146da30e8adac9cadd75d14619fa574f0c97e",onMouseDown:t=>this.handleMouseDown(t),onTouchStart:t=>this.handleMouseDown(t),onKeyDown:t=>this.handleKeyDown(t),ref:t=>this.splitter=t,style:{minWidth:`${this.splitterWidth.toString()}px`,left:`${this.leftWidth-2}px`}},s("slot",{key:"f46238df8b64f8627a1058644fbecc2c4989bbc8"})),s("div",{key:"5b42b788656ffd7cad9a80d81dd74925a3deacc8",class:"right pane",style:{width:`${this.rightWidth}px`}},s("slot",{key:"d5e9154ff247e915db7774eab731f1050e348b77",name:"right"})))}get element(){return n(this)}};c.style=r;export{c as dnn_vertical_splitview};
-//# sourceMappingURL=p-90dd4620.entry.js.map
+import{r as t,c as e,h as s,H as i,g as n}from"./p-978abd50.js";import{g as a}from"./p-dcf42da6.js";const o=":host{display:flex;align-items:stretch;margin:0 auto;position:relative;--left-pane-background-color:transparent;--right-pane-background-color:transparent}button{border:none;margin:0;padding:0;cursor:ew-resize;position:absolute;height:100%;background-color:transparent}button.transition{transition:all 300ms ease-in-out}.pane{overflow-y:auto}.pane.transition{transition:all 300ms ease-in-out}.pane.left{background-color:var(--left-pane-background-color)}.pane.right{background-color:var(--right-pane-background-color);flex-grow:1}";const r=o;const c=class{constructor(s){t(this,s);this.widthChanged=e(this,"widthChanged",7);this.splitterWidth=16;this.splitWidthPercentage=30;this.leftWidth=0;this.rightWidth=0}async setSplitWidthPercentage(t){const e=this.element.shadowRoot.querySelectorAll(".pane");requestAnimationFrame((()=>{e.forEach((t=>t.classList.add("transition")));this.splitter.classList.add("transition");requestAnimationFrame((()=>{const s=this.element.getBoundingClientRect().width;let i=s*t/100;if(i<0){i=0}if(i>s){i=s}this.leftWidth=i;this.rightWidth=s-i;setTimeout((()=>{e.forEach((t=>t.classList.remove("transition")));this.splitter.classList.remove("transition")}),300)}))}))}async getSplitWidthPercentage(){const t=this.element.getBoundingClientRect().width;return this.leftWidth/t}componentDidLoad(){requestAnimationFrame((()=>{this.resizeObserver=new ResizeObserver((()=>{const t=this.element.getBoundingClientRect().width;this.leftWidth=t*this.splitWidthPercentage/100;this.rightWidth=t-this.leftWidth;this.widthChanged.emit(this.splitWidthPercentage)}));this.resizeObserver.observe(this.element)}))}handleMouseDown(t){t.preventDefault();const e=t=>{requestAnimationFrame((()=>{let e=this.element.getBoundingClientRect().width;let{movementX:s}=a(t,this.previousTouch);let i=this.leftWidth+s;if(i<0){i=0}if(i>e){i=e}this.leftWidth=i;this.rightWidth=e-i;this.splitWidthPercentage=this.leftWidth/e*100}))};const s=()=>{document.removeEventListener("mousemove",e);document.removeEventListener("touchmove",e);const t=this.element.getBoundingClientRect().width;const s=this.leftWidth/t*100;this.widthChanged.emit(s)};document.addEventListener("mouseup",s);document.addEventListener("touchend",s);document.addEventListener("mousemove",e);document.addEventListener("touchmove",e)}handleKeyDown(t){let e=0;switch(t.key){case"ArrowLeft":e=-10;break;case"ArrowRight":e=10;break;default:return}if(t.shiftKey){e=e*10}const s=this.element.getBoundingClientRect().width;let i=this.leftWidth+e;if(i<0){i=0}if(i>s){i=s}this.leftWidth=i;this.rightWidth=s-this.leftWidth}render(){return s(i,{key:"e140fa989f74e328619a4d5a53d4b7cfb6ca5970"},s("div",{key:"22a05426ed02cb10f3a2ceeb7f7682f8677e4c31",class:"left pane",style:{width:`${this.leftWidth}px`}},s("slot",{key:"c997933e9bda3464c6f49e818ac3c39aae7ede99",name:"left"})),s("button",{key:"f2a04a9418f614df26d3a7fab7a71eda82b5a244",onMouseDown:t=>this.handleMouseDown(t),onTouchStart:t=>this.handleMouseDown(t),onKeyDown:t=>this.handleKeyDown(t),ref:t=>this.splitter=t,style:{minWidth:`${this.splitterWidth.toString()}px`,left:`${this.leftWidth-2}px`}},s("slot",{key:"2f81c5e1858a6824f5ce4d4162f05acfd1733798"})),s("div",{key:"568a5a6f4aac1a438332085c1288dd9ed84e6143",class:"right pane",style:{width:`${this.rightWidth}px`}},s("slot",{key:"d509c38b1c51ff0dcdef8f9c419ebc1a9ed63a81",name:"right"})))}get element(){return n(this)}};c.style=r;export{c as dnn_vertical_splitview};
+//# sourceMappingURL=p-576364af.entry.js.map

package/dist/dnn/{p-07a78c58.entry.js → p-5a244627.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as s}from"./p-978abd50.js";import{g as n}from"./p-5df01911.js";const h=":host{display:inline-block;--foreground:var(--dnn-color-foreground, #000);--background:var(--dnn-color-background, #fff);--focus-color:var(--dnn-color-primary, #3792ED);--danger-color:var(--dnn-color-danger, #900);--control-radius:var(--dnn-controls-radius, 3px);--input-text-align:left}dnn-fieldset{width:100%}.inner-container{display:flex;justify-content:space-between;position:relative;width:100%}input{border:none;outline:none;background-color:transparent;color:var(--foreground);text-align:var(--input-text-align);width:100%}.prefix,.suffix{font-size:0.8em}svg.error{fill:red;width:1em;height:1em;transform:scale(1.5);margin-right:0.5em}button.show-password{border:none;background-color:transparent;margin:0;padding:0}button.show-password svg{height:1em;width:auto;fill:var(--foreground);transform:scale(1.5)}";const a=h;const d=class{constructor(e){t(this,e);this.valueChange=i(this,"valueChange",7);this.valueInput=i(this,"valueInput",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.type="text";this.label=undefined;this.name=undefined;this.value=undefined;this.helpText=undefined;this.required=undefined;this.disabled=undefined;this.autocomplete="off";this.min=undefined;this.max=undefined;this.minlength=undefined;this.maxlength=undefined;this.multiple=undefined;this.pattern=undefined;this.readonly=undefined;this.step=undefined;this.disableValidityReporting=undefined;this.allowShowPassword=undefined;this.focused=false;this.valid=true}async checkValidity(){var t=this.inputField.checkValidity();if(!t){this.fieldset.setValidity(false,this.inputField.validationMessage)}return this.inputField.validity}async setCustomValidity(t){if(t==undefined||t==""){this.inputField.setCustomValidity("");this.valid=true;this.fieldset.setValidity(true);return}this.inputField.setCustomValidity(t);this.valid=false;this.fieldset.setValidity(false,t)}componentWillLoad(){this.labelId=n()}componentDidLoad(){var t=this.inputField.validity;var i=t.valid?"":this.inputField.validationMessage;this.internals.setValidity(this.inputField.validity,i)}formResetCallback(){this.inputField.setCustomValidity("");this.value="";this.internals.setValidity({});this.internals.setFormValue("")}handleInput(t){this.value=t;var i=this.inputField.checkValidity();this.valid=i;this.valueInput.emit(this.value)}handleInvalid(){this.fieldset.setValidity(false,this.inputField.validationMessage);this.internals.setValidity(this.inputField.validity,this.inputField.validationMessage)}handleChange(){this.valueChange.emit(this.value);if(this.name!=undefined){var t=new FormData;t.append(this.name,this.value.toString());this.internals.setFormValue(t)}}switchPasswordVisibility(){if(this.type==="password"){this.type="text";return}if(this.type==="text"){this.type="password";return}}shouldLabelFloat(){if(this.focused){return false}if(this.value!=undefined&&this.value!=""){return false}if(this.type=="date"||this.type=="datetime-local"||this.type=="time"){return false}return true}handleBlur(){this.focused=false;var t=this.inputField.checkValidity();this.valid=t;this.fieldset.setValidity(t,this.inputField.validationMessage);this.internals.setValidity(this.inputField.validity,this.inputField.validationMessage)}render(){var t;return e(s,{key:"5eb92abaa8138bf2b83e093d7bf4bdc358ec0419",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},e("dnn-fieldset",{key:"79ee21f5a6b49f6566a03af66d9cffab2f13f8c2",ref:t=>this.fieldset=t,invalid:!this.valid,focused:this.focused,label:`${(t=this.label)!==null&&t!==void 0?t:""}${this.required?" *":""}`,helpText:this.helpText,id:this.labelId,disabled:this.disabled,floatLabel:this.shouldLabelFloat(),onClick:()=>!this.focused&&this.inputField.focus(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},e("div",{key:"ca4753fe9120baf30d913a2bae0f829fe9f7e0f4",class:"inner-container"},!this.shouldLabelFloat()&&e("slot",{key:"230525f8eb5b51e0a2aa5f2d042e6330e4aa996a",name:"prefix"}),e("input",{key:"1279ff2fadac8148fe20afb642a8a58805e8d1c7",ref:t=>this.inputField=t,name:this.name,type:this.type,disabled:this.disabled,required:this.required,autoComplete:this.autocomplete,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,multiple:this.multiple,pattern:this.pattern,readonly:this.readonly,step:this.step,value:this.value,onBlur:()=>this.handleBlur(),onFocus:()=>this.focused=true,onInput:t=>this.handleInput(t.target.value),onInvalid:()=>this.handleInvalid(),onChange:()=>this.handleChange(),"aria-labelledby":this.labelId}),!this.shouldLabelFloat()&&e("slot",{key:"88b5f27fe9492e939307847b081f8bdedad34b93",name:"suffix"}),!this.valid&&e("svg",{key:"7876b653695274d60b821ba68b64616e088aedb3",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},e("path",{key:"8ef4ad579bdd56f1abde5c83541e0a895f9455d9",d:"M479.982-280q14.018 0 23.518-9.482 9.5-9.483 9.5-23.5 0-14.018-9.482-23.518-9.483-9.5-23.5-9.5-14.018 0-23.518 9.482-9.5 9.483-9.5 23.5 0 14.018 9.482 23.518 9.483 9.5 23.5 9.5ZM453-433h60v-253h-60v253Zm27.266 353q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80-397.681 80-480.5q0-82.819 31.5-155.659Q143-709 197.5-763t127.341-85.5Q397.681-880 480.5-880q82.819 0 155.659 31.5Q709-817 763-763t85.5 127Q880-563 880-480.266q0 82.734-31.5 155.5T763-197.684q-54 54.316-127 86Q563-80 480.266-80Zm.234-60Q622-140 721-239.5t99-241Q820-622 721.188-721 622.375-820 480-820q-141 0-240.5 98.812Q140-622.375 140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"})),this.allowShowPassword&&e("button",{key:"b20e540212360839c17441550588175cbdc14412",class:"show-password",onClick:()=>this.switchPasswordVisibility()},this.type==="text"&&e("svg",{key:"09e29c1ed6d3db8ad0321e140f67f536d535d073",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"94f712fb1c42a5f480cf203d9abd55abd0d780c9",d:"M480.118-330Q551-330 600.5-379.618q49.5-49.617 49.5-120.5Q650-571 600.382-620.5q-49.617-49.5-120.5-49.5Q409-670 359.5-620.382q-49.5 49.617-49.5 120.5Q310-429 359.618-379.5q49.617 49.5 120.5 49.5Zm-.353-58Q433-388 400.5-420.735q-32.5-32.736-32.5-79.5Q368-547 400.735-579.5q32.736-32.5 79.5-32.5Q527-612 559.5-579.265q32.5 32.736 32.5 79.5Q592-453 559.265-420.5q-32.736 32.5-79.5 32.5ZM480-200q-146 0-264-83T40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83Zm0-300Zm-.169 240Q601-260 702.5-325.5 804-391 857-500q-53-109-154.331-174.5-101.332-65.5-222.5-65.5Q359-740 257.5-674.5 156-609 102-500q54 109 155.331 174.5 101.332 65.5 222.5 65.5Z"})),this.type=="password"&&e("svg",{key:"b5cd9fce7ff0d483ee5a1995ca60644d3040e0fd",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"5e9e01fbd60e6c1e38c23bc2139b147abec2ebd1",d:"m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Zm305 142Zm-116 58Z"}))))))}static get formAssociated(){return true}};d.style=a;export{d as dnn_input};
-//# sourceMappingURL=p-07a78c58.entry.js.map
+import{r as t,c as i,h as e,H as s}from"./p-978abd50.js";import{g as n}from"./p-5df01911.js";const h=":host{display:inline-block;--foreground:var(--dnn-color-foreground, #000);--background:var(--dnn-color-background, #fff);--focus-color:var(--dnn-color-primary, #3792ED);--danger-color:var(--dnn-color-danger, #900);--control-radius:var(--dnn-controls-radius, 3px);--input-text-align:left}dnn-fieldset{width:100%}.inner-container{display:flex;justify-content:space-between;position:relative;width:100%}input{border:none;outline:none;background-color:transparent;color:var(--foreground);text-align:var(--input-text-align);width:100%}.prefix,.suffix{font-size:0.8em}svg.error{fill:red;width:1em;height:1em;transform:scale(1.5);margin-right:0.5em}button.show-password{border:none;background-color:transparent;margin:0;padding:0}button.show-password svg{height:1em;width:auto;fill:var(--foreground);transform:scale(1.5)}";const a=h;const d=class{constructor(e){t(this,e);this.valueChange=i(this,"valueChange",7);this.valueInput=i(this,"valueInput",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.type="text";this.label=undefined;this.name=undefined;this.value=undefined;this.helpText=undefined;this.required=undefined;this.disabled=undefined;this.autocomplete="off";this.min=undefined;this.max=undefined;this.minlength=undefined;this.maxlength=undefined;this.multiple=undefined;this.pattern=undefined;this.readonly=undefined;this.step=undefined;this.disableValidityReporting=undefined;this.allowShowPassword=undefined;this.focused=false;this.valid=true}async checkValidity(){var t=this.inputField.checkValidity();if(!t){this.fieldset.setValidity(false,this.inputField.validationMessage)}return this.inputField.validity}async setCustomValidity(t){if(t==undefined||t==""){this.inputField.setCustomValidity("");this.valid=true;this.fieldset.setValidity(true);return}this.inputField.setCustomValidity(t);this.valid=false;this.fieldset.setValidity(false,t)}componentWillLoad(){this.labelId=n()}componentDidLoad(){var t=this.inputField.validity;var i=t.valid?"":this.inputField.validationMessage;this.internals.setValidity(this.inputField.validity,i)}formResetCallback(){this.inputField.setCustomValidity("");this.value="";this.internals.setValidity({});this.internals.setFormValue("")}handleInput(t){this.value=t;var i=this.inputField.checkValidity();this.valid=i;this.valueInput.emit(this.value)}handleInvalid(){this.fieldset.setValidity(false,this.inputField.validationMessage);this.internals.setValidity(this.inputField.validity,this.inputField.validationMessage)}handleChange(){this.valueChange.emit(this.value);if(this.name!=undefined){var t=new FormData;t.append(this.name,this.value.toString());this.internals.setFormValue(t)}}switchPasswordVisibility(){if(this.type==="password"){this.type="text";return}if(this.type==="text"){this.type="password";return}}shouldLabelFloat(){if(this.focused){return false}if(this.value!=undefined&&this.value!=""){return false}if(this.type=="date"||this.type=="datetime-local"||this.type=="time"){return false}return true}handleBlur(){this.focused=false;var t=this.inputField.checkValidity();this.valid=t;this.fieldset.setValidity(t,this.inputField.validationMessage);this.internals.setValidity(this.inputField.validity,this.inputField.validationMessage)}render(){var t;return e(s,{key:"75a60d744c7321a21e8be2eb5e1e96ed61e81c0e",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},e("dnn-fieldset",{key:"1dd7ccc6c05d28be7c850117f7f93e7356e44e0b",ref:t=>this.fieldset=t,invalid:!this.valid,focused:this.focused,label:`${(t=this.label)!==null&&t!==void 0?t:""}${this.required?" *":""}`,helpText:this.helpText,id:this.labelId,disabled:this.disabled,floatLabel:this.shouldLabelFloat(),onClick:()=>!this.focused&&this.inputField.focus(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},e("div",{key:"0e320d003cfe21a25592d59ca0832c8d5de434c2",class:"inner-container"},!this.shouldLabelFloat()&&e("slot",{key:"9c7d840d04ad9e1e2e9044e535b231727cd7d56f",name:"prefix"}),e("input",{key:"ed6c75cea2c9bad544c79312e47131854fdab612",ref:t=>this.inputField=t,name:this.name,type:this.type,disabled:this.disabled,required:this.required,autoComplete:this.autocomplete,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,multiple:this.multiple,pattern:this.pattern,readonly:this.readonly,step:this.step,value:this.value,onBlur:()=>this.handleBlur(),onFocus:()=>this.focused=true,onInput:t=>this.handleInput(t.target.value),onInvalid:()=>this.handleInvalid(),onChange:()=>this.handleChange(),"aria-labelledby":this.labelId}),!this.shouldLabelFloat()&&e("slot",{key:"442d4adb37d95742d797c976175f4f1bc5f9fe86",name:"suffix"}),!this.valid&&e("svg",{key:"f95905a8e402cc4689afd686f52d2a151236a221",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},e("path",{key:"ca7cb76e9df70463206a747bbd9ac1be20e2515b",d:"M479.982-280q14.018 0 23.518-9.482 9.5-9.483 9.5-23.5 0-14.018-9.482-23.518-9.483-9.5-23.5-9.5-14.018 0-23.518 9.482-9.5 9.483-9.5 23.5 0 14.018 9.482 23.518 9.483 9.5 23.5 9.5ZM453-433h60v-253h-60v253Zm27.266 353q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80-397.681 80-480.5q0-82.819 31.5-155.659Q143-709 197.5-763t127.341-85.5Q397.681-880 480.5-880q82.819 0 155.659 31.5Q709-817 763-763t85.5 127Q880-563 880-480.266q0 82.734-31.5 155.5T763-197.684q-54 54.316-127 86Q563-80 480.266-80Zm.234-60Q622-140 721-239.5t99-241Q820-622 721.188-721 622.375-820 480-820q-141 0-240.5 98.812Q140-622.375 140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"})),this.allowShowPassword&&e("button",{key:"531517334b451784cd98de67ba24dad5c902afc6",class:"show-password",onClick:()=>this.switchPasswordVisibility()},this.type==="text"&&e("svg",{key:"8b0a02d79dc816d4969eab39a19c33b625f72b28",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"3b4965787039c15525ed55b7aff8640a3bf48792",d:"M480.118-330Q551-330 600.5-379.618q49.5-49.617 49.5-120.5Q650-571 600.382-620.5q-49.617-49.5-120.5-49.5Q409-670 359.5-620.382q-49.5 49.617-49.5 120.5Q310-429 359.618-379.5q49.617 49.5 120.5 49.5Zm-.353-58Q433-388 400.5-420.735q-32.5-32.736-32.5-79.5Q368-547 400.735-579.5q32.736-32.5 79.5-32.5Q527-612 559.5-579.265q32.5 32.736 32.5 79.5Q592-453 559.265-420.5q-32.736 32.5-79.5 32.5ZM480-200q-146 0-264-83T40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83Zm0-300Zm-.169 240Q601-260 702.5-325.5 804-391 857-500q-53-109-154.331-174.5-101.332-65.5-222.5-65.5Q359-740 257.5-674.5 156-609 102-500q54 109 155.331 174.5 101.332 65.5 222.5 65.5Z"})),this.type=="password"&&e("svg",{key:"87f2176b428c9ca9260b1ea7e2ce5ed6beae219c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"8acc664162e4b7039f3997949747e17c5def279c",d:"m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Zm305 142Zm-116 58Z"}))))))}static get formAssociated(){return true}};d.style=a;export{d as dnn_input};
+//# sourceMappingURL=p-5a244627.entry.js.map