@dnncommunity/dnn-elements 0.24.0-beta.9 → 0.24.1-beta.1

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: '736ed56ea87fb1ab7ac225d370fa98e02bf6fbe6', tabIndex: this.focused ? -1 : 0, onFocus: () => this.button.focus(), onBlur: () => this.button.blur() }, h("button", { key: '4e41f2affc66dd9cffe9f84809799da00742bf53', 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: 'e77fba87a4e93382a5aceb9eb3a25088b3998f36', 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/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 d=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};d().then((async e=>{await a();return l([["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-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-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-16db9c38",[[65,"dnn-toggle",{checked:[1028],disabled:[4],name:[1],value:[1],focused:[32]},null,{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)}));
+import{p as e,b as l}from"./p-91d08ab2.js";export{s as setNonce}from"./p-91d08ab2.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-107bd5a8",[[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-ef6a902d",[[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-f317208f",[[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"],autocomplete:[1],focused:[32],valid:[32],customValidityMessage:[32],selectedIndex:[32],positionInitialized:[32],lastScrollTop:[32],displayValue:[32],checkValidity:[64],setCustomValidity:[64]},[[4,"click","handleClick"]]]]],["p-294975ef",[[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"],inputmode:[1],focused:[32],valid:[32],checkValidity:[64],setCustomValidity:[64]}]]],["p-61c8c5d8",[[65,"dnn-select",{label:[1],name:[1],required:[4],helpText:[1,"help-text"],disabled:[4],disableValidityReporting:[4,"disable-validity-reporting"],autocomplete:[1],value:[1537],focused:[32],valid:[32],customValidityMessage:[32],checkValidity:[64]}]]],["p-88a928f2",[[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-c12c6683",[[1,"dnn-treeview-item",{expanded:[1540],hasChildren:[32],focused:[32]},null,{expanded:["watchExpanded"]}]]],["p-2b3d9bc1",[[1,"dnn-chevron",{expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],expanded:[1540],focused:[32]},null,{expanded:["handleExpandedChanged"]}]]],["p-c15dfb8b",[[66,"dnn-monaco-editor",{language:[1],value:[1025],name:[1],focused:[32]},null,{language:["languageChanged"],value:["valueChanged"]}]]],["p-b0239140",[[1,"dnn-progress-bar",{value:[2],max:[2],useGradient:[4,"use-gradient"]}]]],["p-e7a44eb3",[[65,"dnn-richtext",{options:[16],value:[1],name:[1],focused:[32]},null,{value:["watchValueChanged"]}]]],["p-a645d829",[[1,"dnn-sort-icon",{sortDirection:[1025,"sort-direction"],focused:[32]}]]],["p-8056c270",[[65,"dnn-toggle",{checked:[1028],disabled:[4],name:[1],value:[1],focused:[32]},[[2,"click","handleClick"]],{checked:["checkedChanged"]}]]],["p-cf2aa06f",[[1,"dnn-vertical-overflow-menu",{showDropdownButton:[32],showDropdownMenu:[32]}]]],["p-b8ec5d70",[[1,"dnn-vertical-splitview",{splitterWidth:[2,"splitter-width"],splitWidthPercentage:[1026,"split-width-percentage"],leftWidth:[32],rightWidth:[32],setSplitWidthPercentage:[64],getSplitWidthPercentage:[64]}]]],["p-2b0a6053",[[65,"dnn-checkbox",{checked:[1025],useIntermediate:[4,"use-intermediate"],value:[1],name:[1],focused:[32]},[[2,"click","handleClick"]],{checked:["handleCheckedChange"]}]]],["p-f4b5a8e5",[[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-00fccd70",[[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-678c5a33",[[1,"dnn-searchbox",{placeholder:[1],debounced:[4],debounceTime:[2,"debounce-time"],query:[1025],focused:[32]},null,{query:["handleQueryChanged"]}]]],["p-3279942a",[[1,"dnn-tab",{tabTitle:[1,"tab-title"],visible:[32],show:[64],hide:[64]}],[1,"dnn-tabs",{tabTitles:[32],selectedTabTitle:[32]}]]],["p-5aa5dc7b",[[1,"dnn-collapsible",{expanded:[516],transitionDuration:[2,"transition-duration"],updateSize:[64]},[[0,"dnnCollapsibleHeightChanged","handleHeightChanged"]],{expanded:["handledExpandedChanged"]}]]],["p-507074b5",[[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-36dc982d",[[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-bd6d200f",[[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-bc2d2d54",[[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","autocomplete","valid","customValidityMessage","selectedIndex","positionInitialized","lastScrollTop","displayValue","checkValidity","setCustomValidity","type","min","max","minlength","maxlength","multiple","pattern","step","disableValidityReporting","allowShowPassword","inputmode","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.22.2 | 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-45e1c385.entry.js → p-00fccd70.entry.js}

@@ -1,2 +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
+import{r as e,c as i,h as t,H as a}from"./p-91d08ab2.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-00fccd70.entry.js.map

package/dist/dnn/{p-73fddf11.entry.js → p-107bd5a8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o}from"./p-978abd50.js";import{g as s}from"./p-5df01911.js";const d=":host{display:inline-block;--foreground:var(--dnn-color-foreground, #000);--background:var(--dnn-color-background, #fff);--focus-color:var(--dnn-color-primary, #3792ED);--control-radius:var(--dnn-controls-radius, 3px);--contast-text-align:left}dnn-fieldset{width:100%}.inner-container{display:flex;justify-content:space-between;position:relative;width:100%;background-color:var(--background)}button{margin:0 0 0 1em;padding:0;border:none;background-color:transparent;width:1em;height:1em}button svg{fill:var(--dnn-color-primary);transform:scale(1.5)}.color-preview{min-height:1em;min-width:10em;display:flex;width:100%;position:relative}.color-preview>div{flex:1}.color-preview .contrast{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.color-preview .contrast hr{min-width:1em;border-width:0.1em 0 0.1em 0;border-style:solid}h3{text-align:center}.modal-content{margin:0.5em}.controls{display:flex;justify-content:space-between;margin-top:1em}";const a=d;const c=class{constructor(i){e(this,i);this.colorChange=t(this,"colorChange",7);this.colorInput=t(this,"colorInput",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.hasMultipleColors=()=>this.useContrastColor||this.useLightColor||this.useDarkColor;this.color="000088";this.contrastColor="FFFFFF";this.lightColor="00000FF";this.darkColor="0000044";this.label=undefined;this.readonly=undefined;this.localization={contrast:"Contrast",preview:"Preview",cancel:"Cancel",confirm:"Confirm",normal:"Normal",light:"Light",dark:"Dark"};this.name=undefined;this.helpText=undefined;this.useContrastColor=undefined;this.useLightColor=undefined;this.useDarkColor=undefined;this.currentColor=undefined;this.focused=undefined}currentColorChanged(e,t){if(e!=t){this.colorInput.emit(t);this.setFormValue()}}componentWillLoad(){this.labelId=s();this.currentColor={color:this.color,contrastColor:this.contrastColor,lightColor:this.lightColor,darkColor:this.darkColor};this.originalColor=this.currentColor}componentDidLoad(){this.setFormValue()}formResetCallback(){this.internals.setValidity({});this.color=this.originalColor.color;this.contrastColor=this.originalColor.contrastColor;this.lightColor=this.originalColor.lightColor;this.darkColor=this.originalColor.darkColor;this.currentColor=this.originalColor}showPicker(){this.currentColor={color:this.color,contrastColor:this.contrastColor,lightColor:this.lightColor,darkColor:this.darkColor};this.colorModal.show()}saveColor(){this.color=this.currentColor.color;this.contrastColor=this.currentColor.contrastColor;this.lightColor=this.currentColor.lightColor;this.darkColor=this.currentColor.darkColor;this.colorModal.hide();this.colorChange.emit(this.currentColor)}setFormValue(){if(this.name!=undefined){var e=new FormData;e.append(this.name,JSON.stringify(this.currentColor));this.internals.setFormValue(e)}}render(){var e,t,s,d,a;return i(o,{key:"722affca46b0605ab63409bd938f5032ea45db18",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},i("dnn-fieldset",{key:"c5d939a1bca9286398ff7d0fa652406bd4e6df3d",label:this.label,id:this.labelId,focused:this.focused,helpText:this.helpText},i("div",{key:"7fca976fe59f26e560cb2a4412d01356391308c2",class:"inner-container"},i("slot",{key:"3ec1651ac8ee6a4cdf40dc2d1bf9408aa611e559",name:"prefix"}),i("div",{key:"50b34dd1d2e8ff2d9999f87b9bd72ddfb577e5ee",class:"color-preview"},this.useLightColor&&i("div",{key:"5eb78240709025161e7011e040fddbe0fb8845da",style:{backgroundColor:`#${this.lightColor}`}}),i("div",{key:"18ae5db63545be3b824d445ee3045611de5fac47",style:{backgroundColor:`#${this.color}`}}),this.useDarkColor&&i("div",{key:"88ea0a66d09361aece5753aa2f116c824ce78edb",style:{backgroundColor:`#${this.darkColor}`}}),this.useContrastColor&&i("div",{key:"fe2f71930826ffcff305e25a7c47986dff2b9c16",class:"contrast",style:{color:`#${this.contrastColor}`}},i("hr",{key:"eef74b6b8d5176128c0a487d82827b2c4ac6aa07",style:{color:`#${this.contrastColor}`}}),i("span",{key:"6615c23bb06c50fc9ba36fd74066f8344a125303"},this.localization.contrast),i("hr",{key:"06421c535aa56fc8d8cefefd3087ce1d679679eb",style:{color:`#${this.contrastColor}`}}))),!this.readonly&&i("button",{key:"01766ed62e5e3af7831585370be5e4f563fddd83",ref:e=>this.button=e,"aria-labelledby":this.labelId,onClick:()=>this.showPicker(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},i("svg",{key:"4b84477b59644d1c6d87c53d0143f7b4886e3a88",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},i("path",{key:"05251a0087769115fc7e9fd62e08ade0d3997752",d:"M200-200h56l345-345-56-56-345 345v56Zm572-403L602-771l56-56q23-23 56.5-23t56.5 23l56 56q23 23 24 55.5T829-660l-57 57Zm-58 59L290-120H120v-170l424-424 170 170Zm-141-29-28-28 56 56-28-28Z"}))),i("slot",{key:"73fda889edbe3d375e4f5def837a06cd631494af",name:"suffix"}))),i("dnn-modal",{key:"48f0b7ecc4e187bf4d495725556f712c022094b2",ref:e=>this.colorModal=e,backdropDismiss:false},this.currentColor&&i("div",{key:"21e84f6b00f197952622c1726813dc3164844b35",class:"modal-content"},this.hasMultipleColors()&&i("dnn-tabs",{key:"a2d81adf564e9908c6586fb7fa551979f2e52e11"},i("dnn-tab",{key:"9df0030996b43c88a28265fabc6d68e2d4f4e947",tabTitle:this.localization.normal},i("dnn-color-picker",{key:"b89397aaf0a6ef2e852585f63863f7424fd5801d",color:(e=this.currentColor)===null||e===void 0?void 0:e.color,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{color:e.detail.hex})})),this.useLightColor&&i("dnn-tab",{key:"03cba449faada93d9fc113c0106ab24345279f94",tabTitle:this.localization.light},i("dnn-color-picker",{key:"f2364df9c8e56af1539c032b45ebb4be6cb67cc7",color:(t=this.currentColor)===null||t===void 0?void 0:t.lightColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{lightColor:e.detail.hex})})),this.useDarkColor&&i("dnn-tab",{key:"7ce2accefcb3a7c4d9159311883309bf6f6d8255",tabTitle:this.localization.dark},i("dnn-color-picker",{key:"5d54a2ff099956daccb2b23dded73d6b6258d36a",color:(s=this.currentColor)===null||s===void 0?void 0:s.darkColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{darkColor:e.detail.hex})})),this.useContrastColor&&i("dnn-tab",{key:"c00615ce72d44510a10d1664b95ea685300c48d0",tabTitle:this.localization.contrast},i("dnn-color-picker",{key:"fe4ff29caf538dd459db0478ad56d3b35cb16602",color:(d=this.currentColor)===null||d===void 0?void 0:d.contrastColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{contrastColor:e.detail.hex})}))),!this.hasMultipleColors()&&i("dnn-color-picker",{key:"0b016c6d2e48f00f018dd52f941a32498d2686f8",color:(a=this.currentColor)===null||a===void 0?void 0:a.color,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{color:e.detail.hex})}),i("h3",{key:"3f7d790877eab2603b404742dddc91caa4558078"},"Preview"),i("div",{key:"e406cb06b6bb09e1f42343e8c7a152dcaa583761",class:"color-preview"},this.useLightColor&&i("div",{key:"c6b3ad4d35ae6bb9bd2009b322c83c2a9b36e67e",style:{backgroundColor:`#${this.currentColor.lightColor}`}}),i("div",{key:"ce5a6482f603b72e25505048addae3718da56292",style:{backgroundColor:`#${this.currentColor.color}`}}),this.useDarkColor&&i("div",{key:"ab08de041e1403eae14aeee40637cacd2b65a236",style:{backgroundColor:`#${this.currentColor.darkColor}`}}),this.useContrastColor&&i("div",{key:"e4a34aa10934332c83bb0446c881c307e263bcce",class:"contrast",style:{color:`#${this.currentColor.contrastColor}`}},i("hr",{key:"8735a2c4427f9fdc8e112c0c395139d91fc4d336",style:{color:`#${this.currentColor.contrastColor}`}}),i("span",{key:"98e119f43c4a7c736e48940e59563a58a6c67df0"},this.localization.contrast),i("hr",{key:"fe6891f255cfbb9dd1662937e635a89f18ad853a",style:{color:`#${this.currentColor.contrastColor}`}}))),i("div",{key:"39dcff0c2dc1bf96d77c713f0163d11d21960e6d",class:"controls"},i("dnn-button",{key:"f86f95402a4495e0333710b14a14324ac751e630",reversed:true,onClick:()=>this.colorModal.hide()},this.localization.cancel),i("dnn-button",{key:"1b6558d0878a0e0e160c884677ba89484ca50ba2",onClick:()=>this.saveColor()},this.localization.confirm)))))}static get formAssociated(){return true}static get watchers(){return{currentColor:["currentColorChanged"]}}};c.style=a;export{c as dnn_color_input};
-//# sourceMappingURL=p-73fddf11.entry.js.map
+import{r as e,c as t,h as i,H as o}from"./p-91d08ab2.js";import{g as s}from"./p-5df01911.js";const d=":host{display:inline-block;--foreground:var(--dnn-color-foreground, #000);--background:var(--dnn-color-background, #fff);--focus-color:var(--dnn-color-primary, #3792ED);--control-radius:var(--dnn-controls-radius, 3px);--contast-text-align:left}dnn-fieldset{width:100%}.inner-container{display:flex;justify-content:space-between;position:relative;width:100%;background-color:var(--background)}button{margin:0 0 0 1em;padding:0;border:none;background-color:transparent;width:1em;height:1em}button svg{fill:var(--dnn-color-primary);transform:scale(1.5)}.color-preview{min-height:1em;min-width:10em;display:flex;width:100%;position:relative}.color-preview>div{flex:1}.color-preview .contrast{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.color-preview .contrast hr{min-width:1em;border-width:0.1em 0 0.1em 0;border-style:solid}h3{text-align:center}.modal-content{margin:0.5em}.controls{display:flex;justify-content:space-between;margin-top:1em}";const a=d;const c=class{constructor(i){e(this,i);this.colorChange=t(this,"colorChange",7);this.colorInput=t(this,"colorInput",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.hasMultipleColors=()=>this.useContrastColor||this.useLightColor||this.useDarkColor;this.color="000088";this.contrastColor="FFFFFF";this.lightColor="00000FF";this.darkColor="0000044";this.label=undefined;this.readonly=undefined;this.localization={contrast:"Contrast",preview:"Preview",cancel:"Cancel",confirm:"Confirm",normal:"Normal",light:"Light",dark:"Dark"};this.name=undefined;this.helpText=undefined;this.useContrastColor=undefined;this.useLightColor=undefined;this.useDarkColor=undefined;this.currentColor=undefined;this.focused=undefined}currentColorChanged(e,t){if(e!=t){this.colorInput.emit(t);this.setFormValue()}}componentWillLoad(){this.labelId=s();this.currentColor={color:this.color,contrastColor:this.contrastColor,lightColor:this.lightColor,darkColor:this.darkColor};this.originalColor=this.currentColor}componentDidLoad(){this.setFormValue()}formResetCallback(){this.internals.setValidity({});this.color=this.originalColor.color;this.contrastColor=this.originalColor.contrastColor;this.lightColor=this.originalColor.lightColor;this.darkColor=this.originalColor.darkColor;this.currentColor=this.originalColor}showPicker(){this.currentColor={color:this.color,contrastColor:this.contrastColor,lightColor:this.lightColor,darkColor:this.darkColor};this.colorModal.show()}saveColor(){this.color=this.currentColor.color;this.contrastColor=this.currentColor.contrastColor;this.lightColor=this.currentColor.lightColor;this.darkColor=this.currentColor.darkColor;this.colorModal.hide();this.colorChange.emit(this.currentColor)}setFormValue(){if(this.name!=undefined){var e=new FormData;e.append(this.name,JSON.stringify(this.currentColor));this.internals.setFormValue(e)}}render(){var e,t,s,d,a;return i(o,{key:"722affca46b0605ab63409bd938f5032ea45db18",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},i("dnn-fieldset",{key:"c5d939a1bca9286398ff7d0fa652406bd4e6df3d",label:this.label,id:this.labelId,focused:this.focused,helpText:this.helpText},i("div",{key:"7fca976fe59f26e560cb2a4412d01356391308c2",class:"inner-container"},i("slot",{key:"3ec1651ac8ee6a4cdf40dc2d1bf9408aa611e559",name:"prefix"}),i("div",{key:"50b34dd1d2e8ff2d9999f87b9bd72ddfb577e5ee",class:"color-preview"},this.useLightColor&&i("div",{key:"5eb78240709025161e7011e040fddbe0fb8845da",style:{backgroundColor:`#${this.lightColor}`}}),i("div",{key:"18ae5db63545be3b824d445ee3045611de5fac47",style:{backgroundColor:`#${this.color}`}}),this.useDarkColor&&i("div",{key:"88ea0a66d09361aece5753aa2f116c824ce78edb",style:{backgroundColor:`#${this.darkColor}`}}),this.useContrastColor&&i("div",{key:"fe2f71930826ffcff305e25a7c47986dff2b9c16",class:"contrast",style:{color:`#${this.contrastColor}`}},i("hr",{key:"eef74b6b8d5176128c0a487d82827b2c4ac6aa07",style:{color:`#${this.contrastColor}`}}),i("span",{key:"6615c23bb06c50fc9ba36fd74066f8344a125303"},this.localization.contrast),i("hr",{key:"06421c535aa56fc8d8cefefd3087ce1d679679eb",style:{color:`#${this.contrastColor}`}}))),!this.readonly&&i("button",{key:"01766ed62e5e3af7831585370be5e4f563fddd83",ref:e=>this.button=e,"aria-labelledby":this.labelId,onClick:()=>this.showPicker(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},i("svg",{key:"4b84477b59644d1c6d87c53d0143f7b4886e3a88",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},i("path",{key:"05251a0087769115fc7e9fd62e08ade0d3997752",d:"M200-200h56l345-345-56-56-345 345v56Zm572-403L602-771l56-56q23-23 56.5-23t56.5 23l56 56q23 23 24 55.5T829-660l-57 57Zm-58 59L290-120H120v-170l424-424 170 170Zm-141-29-28-28 56 56-28-28Z"}))),i("slot",{key:"73fda889edbe3d375e4f5def837a06cd631494af",name:"suffix"}))),i("dnn-modal",{key:"48f0b7ecc4e187bf4d495725556f712c022094b2",ref:e=>this.colorModal=e,backdropDismiss:false},this.currentColor&&i("div",{key:"21e84f6b00f197952622c1726813dc3164844b35",class:"modal-content"},this.hasMultipleColors()&&i("dnn-tabs",{key:"a2d81adf564e9908c6586fb7fa551979f2e52e11"},i("dnn-tab",{key:"9df0030996b43c88a28265fabc6d68e2d4f4e947",tabTitle:this.localization.normal},i("dnn-color-picker",{key:"b89397aaf0a6ef2e852585f63863f7424fd5801d",color:(e=this.currentColor)===null||e===void 0?void 0:e.color,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{color:e.detail.hex})})),this.useLightColor&&i("dnn-tab",{key:"03cba449faada93d9fc113c0106ab24345279f94",tabTitle:this.localization.light},i("dnn-color-picker",{key:"f2364df9c8e56af1539c032b45ebb4be6cb67cc7",color:(t=this.currentColor)===null||t===void 0?void 0:t.lightColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{lightColor:e.detail.hex})})),this.useDarkColor&&i("dnn-tab",{key:"7ce2accefcb3a7c4d9159311883309bf6f6d8255",tabTitle:this.localization.dark},i("dnn-color-picker",{key:"5d54a2ff099956daccb2b23dded73d6b6258d36a",color:(s=this.currentColor)===null||s===void 0?void 0:s.darkColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{darkColor:e.detail.hex})})),this.useContrastColor&&i("dnn-tab",{key:"c00615ce72d44510a10d1664b95ea685300c48d0",tabTitle:this.localization.contrast},i("dnn-color-picker",{key:"fe4ff29caf538dd459db0478ad56d3b35cb16602",color:(d=this.currentColor)===null||d===void 0?void 0:d.contrastColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{contrastColor:e.detail.hex})}))),!this.hasMultipleColors()&&i("dnn-color-picker",{key:"0b016c6d2e48f00f018dd52f941a32498d2686f8",color:(a=this.currentColor)===null||a===void 0?void 0:a.color,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{color:e.detail.hex})}),i("h3",{key:"3f7d790877eab2603b404742dddc91caa4558078"},"Preview"),i("div",{key:"e406cb06b6bb09e1f42343e8c7a152dcaa583761",class:"color-preview"},this.useLightColor&&i("div",{key:"c6b3ad4d35ae6bb9bd2009b322c83c2a9b36e67e",style:{backgroundColor:`#${this.currentColor.lightColor}`}}),i("div",{key:"ce5a6482f603b72e25505048addae3718da56292",style:{backgroundColor:`#${this.currentColor.color}`}}),this.useDarkColor&&i("div",{key:"ab08de041e1403eae14aeee40637cacd2b65a236",style:{backgroundColor:`#${this.currentColor.darkColor}`}}),this.useContrastColor&&i("div",{key:"e4a34aa10934332c83bb0446c881c307e263bcce",class:"contrast",style:{color:`#${this.currentColor.contrastColor}`}},i("hr",{key:"8735a2c4427f9fdc8e112c0c395139d91fc4d336",style:{color:`#${this.currentColor.contrastColor}`}}),i("span",{key:"98e119f43c4a7c736e48940e59563a58a6c67df0"},this.localization.contrast),i("hr",{key:"fe6891f255cfbb9dd1662937e635a89f18ad853a",style:{color:`#${this.currentColor.contrastColor}`}}))),i("div",{key:"39dcff0c2dc1bf96d77c713f0163d11d21960e6d",class:"controls"},i("dnn-button",{key:"f86f95402a4495e0333710b14a14324ac751e630",reversed:true,onClick:()=>this.colorModal.hide()},this.localization.cancel),i("dnn-button",{key:"1b6558d0878a0e0e160c884677ba89484ca50ba2",onClick:()=>this.saveColor()},this.localization.confirm)))))}static get formAssociated(){return true}static get watchers(){return{currentColor:["currentColorChanged"]}}};c.style=a;export{c as dnn_color_input};
+//# sourceMappingURL=p-107bd5a8.entry.js.map

package/dist/dnn/p-294975ef.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s}from"./p-91d08ab2.js";import{g as n}from"./p-5df01911.js";const a=":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 h=a;const r=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.inputmode=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(){requestAnimationFrame((()=>{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){if(this.type==="number"&&t.data==="-"){return}var i=t.target.value;this.value=i;var e=this.inputField.checkValidity();this.valid=e;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}if(this.type==="number"&&this.value===0){return false}return true}getInputMode(){var t;if(this.inputmode!=undefined){return this.inputmode}if(this.type==="number"){var i=parseFloat((t=this.min)===null||t===void 0?void 0:t.toString());if((this.step===1||this.step==undefined)&&i>=0){return"numeric"}return"decimal"}if(this.type==="tel"){return"tel"}if(this.type==="url"){return"url"}if(this.type==="email"){return"email"}if(this.type==="search"){return"search"}return"text"}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:"5baad12ae54485c14a0d3ca39acf3963ffa92486",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},e("dnn-fieldset",{key:"df3f12ea946faf079d93bb1dd1bb4a39db0da5f7",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:"dc3621706e9fdab165214734bfeef438797a074f",class:"inner-container"},!this.shouldLabelFloat()&&e("slot",{key:"cad7d28b51c0f0f4c42d418539bfa791c1650230",name:"prefix"}),e("input",{key:"5145b3cfbd26270c7d84d8fd804200a570b11a86",ref:t=>this.inputField=t,name:this.name,type:this.type,inputMode:this.getInputMode(),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),onInvalid:()=>this.handleInvalid(),onChange:()=>this.handleChange(),"aria-labelledby":this.labelId}),!this.shouldLabelFloat()&&e("slot",{key:"128649d15a577723e929ca97a00e14dac4be15ae",name:"suffix"}),!this.valid&&e("svg",{key:"97c1db40ab97024bd9c3bbd23d7b5fbf9acaf27f",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},e("path",{key:"7e113b8cd9d40141df94527aa7714e5aa24efc21",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:"cb43921de051a2b98d58ec3545d26e153d3953e2",class:"show-password",onClick:()=>this.switchPasswordVisibility()},this.type==="text"&&e("svg",{key:"d129011760b04e8d90b6c7eb3595a79818949d5c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"a5f9c3b773a0d45af41e80b55f61a22a75ac605f",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:"d6e8d3ddad451ebe822a2f8a8b0c3caaf193e409",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"5c910b3bf02622ed7f51518753dbe9fda0773b95",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}};r.style=h;export{r as dnn_input};
+//# sourceMappingURL=p-294975ef.entry.js.map

package/dist/dnn/p-294975ef.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dnnInputCss","DnnInputStyle0","DnnInput","checkValidity","validity","this","inputField","fieldset","setValidity","validationMessage","setCustomValidity","message","undefined","valid","componentWillLoad","labelId","generateRandomId","componentDidLoad","requestAnimationFrame","validityMessage","internals","formResetCallback","value","setFormValue","handleInput","e","type","data","target","valueInput","emit","handleInvalid","handleChange","valueChange","name","FormData","append","toString","switchPasswordVisibility","shouldLabelFloat","focused","getInputMode","inputmode","min","parseFloat","_a","step","handleBlur","render","h","Host","key","tabIndex","onFocus","focus","onBlur","blur","ref","el","invalid","label","required","helpText","id","disabled","floatLabel","onClick","class","inputMode","autoComplete","autocomplete","max","minlength","maxlength","multiple","pattern","readonly","onInput","onInvalid","onChange","xmlns","viewBox","d","allowShowPassword"],"sources":["src/components/dnn-input/dnn-input.scss?tag=dnn-input&encapsulation=shadow","src/components/dnn-input/dnn-input.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  /** @prop --foreground: Defines the foreground color. */\n  --foreground: var(--dnn-color-foreground, #000);\n\n  /** @prop --background: Defines the background color. */\n  --background: var(--dnn-color-background, #fff);\n\n  /** @prop --focus-color: Defines the color when the component is focused. */\n  --focus-color: var(--dnn-color-primary, #3792ED);\n\n  /** @prop --danger-color: Defines the danger color used for invalid data. */\n  --danger-color: var(--dnn-color-danger, #900);\n\n  /** @prop --control-radius: Defines the radius for the control corners. */\n  --control-radius: var(--dnn-controls-radius, 3px);\n \n  /** @prop --input-text-align: Allows customizing the text alignment of the input text. */\n  --input-text-align: left;\n}\n\ndnn-fieldset{\n  width: 100%;\n}\n\n.inner-container{\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n}\ninput{\n  border: none;\n  outline: none;\n  background-color: transparent;\n  color: var(--foreground);\n  text-align: var(--input-text-align);\n  width: 100%;\n}\n\n.prefix, .suffix{\n  font-size: 0.8em;\n}\nsvg{\n  &.error{\n    fill: red;\n    width: 1em;\n    height: 1em;\n    transform: scale(1.5);\n    margin-right: 0.5em;\n  }\n}\nbutton.show-password{\n  border: none;\n  background-color: transparent;\n  margin: 0;\n  padding: 0;\n  svg{\n    height: 1em;\n    width: auto;\n    fill: var(--foreground);\n    transform: scale(1.5);\n  }\n}","import { Component, Host, Prop, State, h, Method, Event, EventEmitter, AttachInternals } from '@stencil/core';\nimport { generateRandomId } from '../../utilities/stringUtilities';\n\n/** A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.\n * @slot prefix - Can be used to inject content before the input field.\n * @slot suffix - Can be used to inject content after the input field.\n */\n@Component({\n  tag: 'dnn-input',\n  styleUrl: 'dnn-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DnnInput {\n\n  /** The input type, supports most of html standard input type, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types. */\n  @Prop({mutable: true}) type: \"date\" | \"datetime-local\" | \"email\" | \"number\" | \"password\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"search\" = \"text\";\n  \n  /** The label for this input. */\n  @Prop() label: string;\n\n  /** The name for this input when used in forms. */\n  @Prop() name: string;\n\n  /** The value of the input. */\n  @Prop({mutable: true, reflect:true}) value: number | string | string[];\n\n  /** Defines the help label displayed under the field. */\n  @Prop() helpText: string;\n\n  /** Defines whether the field requires having a value. */\n  @Prop() required: boolean;\n  \n  /** Defines whether the field is disabled. */\n  @Prop() disabled: boolean;\n\n  /** Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete. */\n  @Prop() autocomplete: string = \"off\";\n\n  /** Defines the minimum allowed value. */\n  @Prop() min: number | string;\n\n  /** Defines the maximum allowed value. */\n  @Prop() max: number | string;\n\n  /** Defines the minimum amount of charaters. */\n  @Prop() minlength: number;\n\n  /** Defines the maximum amount of charaters. */\n  @Prop() maxlength: number;\n\n  /** If true, allows multiple emails to be entered separated by commas. */\n  @Prop() multiple: boolean;\n\n  /** Valid for text, search, url, tel, email, and password, the pattern attribute defines a regular expression that the input's value must match in order for the value to pass constraint validation. */\n  @Prop() pattern: string;\n\n  /** Defines wheter the defined value is readonly. */\n  @Prop() readonly: boolean;\n\n  /** Defines the possible steps for numbers and dates/times. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#step */\n  @Prop() step: string | number;\n\n  /** @deprecated This control has it's own validation reporting, will be removed in v0.25.0 */\n  @Prop() disableValidityReporting: boolean;\n\n  /** If true, enables users to switch between a password and a text field (to view their password). */\n  @Prop() allowShowPassword: boolean;\n\n  /** Hints at the type of data that might be entered by the user while editing the element or its contents.\n   * This allows a browser to display an appropriate virtual keyboard.\n   */\n  @Prop() inputmode: \"none\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | \"search\";\n\n  /** Fires when the value has changed and the user exits the input. */\n  @Event() valueChange: EventEmitter<number | string | string[]>;\n\n  /** Fires when the using is inputing data (on keystrokes). */\n  @Event() valueInput: EventEmitter<number | string | string[]>;\n  \n  /** Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */\n  @Method()\n  async checkValidity(): Promise<ValidityState> {\n    var validity = this.inputField.checkValidity();\n    if (!validity) {\n      this.fieldset.setValidity(false, this.inputField.validationMessage);\n    }\n    return this.inputField.validity;\n  }\n  \n  /** Can be used to set a custom validity message. */\n  @Method()\n  async setCustomValidity(message: string): Promise<void> {\n    if (message == undefined || message == \"\") {\n      this.inputField.setCustomValidity(\"\");\n      this.valid = true;\n      this.fieldset.setValidity(true);\n      return;\n    }\n\n    this.inputField.setCustomValidity(message);\n    this.valid = false;\n    this.fieldset.setValidity(false, message);\n  }\n  \n  @State() focused = false;\n  @State() valid = true;\n  \n  @AttachInternals() internals: ElementInternals;\n  \n  private inputField!: HTMLInputElement;\n  private fieldset: HTMLDnnFieldsetElement;\n  private labelId: string;\n\n  componentWillLoad() {\n    this.labelId = generateRandomId();\n  }\n\n  componentDidLoad() {\n    requestAnimationFrame(() => {\n      var validity = this.inputField.validity;\n      var validityMessage = validity.valid ? \"\" : this.inputField.validationMessage;\n      this.internals.setValidity(this.inputField.validity, validityMessage);\n    });\n  }\n\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  formResetCallback() {\n    this.inputField.setCustomValidity(\"\");\n    this.value = \"\";\n    this.internals.setValidity({});\n    this.internals.setFormValue(\"\");\n  }\n\n  private handleInput(e: InputEvent): void {\n    if (this.type === \"number\" && e.data === \"-\") {\n      // Ignore the minus sign if the input type is number\n      return;\n    }\n    var value = (e.target as HTMLInputElement).value;\n    this.value = value;\n    var valid = this.inputField.checkValidity();\n    this.valid = valid;\n    this.valueInput.emit(this.value);\n  }\n\n  private handleInvalid(): void {\n    this.fieldset.setValidity(false, this.inputField.validationMessage);\n    this.internals.setValidity(this.inputField.validity, this.inputField.validationMessage);\n  }\n\n  private handleChange() {\n    this.valueChange.emit(this.value);\n    if (this.name != undefined){\n      var data = new FormData();\n      data.append(this.name, this.value.toString());\n      this.internals.setFormValue(data);\n    }\n  }\n\n  private switchPasswordVisibility(){\n    if (this.type === \"password\" )\n    {\n      this.type = \"text\";\n      return;\n    }\n    if (this.type === \"text\")\n    {\n      this.type = \"password\";\n      return;\n    }\n  }\n\n  private shouldLabelFloat(): boolean {\n    if (this.focused) {\n      return false;\n    }\n\n    if (this.value != undefined && this.value != \"\") {\n      return false;\n    }\n\n    if (this.type == \"date\" || this.type == \"datetime-local\" || this.type == \"time\") {\n      return false;\n    }\n\n    if (this.type === \"number\" && this.value === 0){\n      return false;\n    }\n    \n    return true;\n  }\n\n  private getInputMode(): string {\n    if (this.inputmode != undefined) {\n      return this.inputmode;\n    }\n\n    if (this.type === \"number\") {\n      var min = parseFloat(this.min?.toString());\n      if ((this.step === 1 || this.step == undefined) && min >= 0) {\n        return \"numeric\";\n      }\n\n      return \"decimal\";\n    }\n\n    if (this.type === \"tel\") {\n      return \"tel\";\n    }\n\n    if (this.type === \"url\") {\n      return \"url\";\n    }\n\n    if (this.type === \"email\") {\n      return \"email\";\n    }\n\n    if (this.type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }\n\n  handleBlur(): void {\n    this.focused = false\n    var validity = this.inputField.checkValidity();\n    this.valid = validity;\n    this.fieldset.setValidity(validity, this.inputField.validationMessage);\n    this.internals.setValidity(this.inputField.validity, this.inputField.validationMessage);\n  }\n\n  render() {\n    return (\n      <Host\n        tabIndex={this.focused ? -1 : 0}\n        onFocus={() => this.inputField.focus()}\n        onBlur={() => this.inputField.blur()}\n      >\n        <dnn-fieldset\n          ref={el => this.fieldset = el}\n          invalid={!this.valid}\n          focused={this.focused}\n          label={`${this.label ?? \"\"}${this.required ? \" *\" : \"\"}`}\n          helpText={this.helpText}\n          id={this.labelId}\n          disabled={this.disabled}\n          floatLabel={this.shouldLabelFloat()}\n          onClick={() => !this.focused && this.inputField.focus()}\n          onFocus={() => this.focused = true}\n          onBlur={() => this.focused = false}\n        >\n          <div class=\"inner-container\">\n            {!this.shouldLabelFloat() &&\n              <slot name=\"prefix\"></slot>\n            }\n            <input\n              ref={el => this.inputField = el}\n              name={this.name}\n              type={this.type}\n              inputMode={this.getInputMode()}\n              disabled={this.disabled}\n              required={this.required}\n              autoComplete={this.autocomplete}\n              min={this.min}\n              max={this.max}\n              minlength={this.minlength}\n              maxlength={this.maxlength}\n              multiple={this.multiple}\n              pattern={this.pattern}\n              readonly={this.readonly}\n              step={this.step}\n              value={this.value}\n              onBlur={() => this.handleBlur()}\n              onFocus={() => this.focused = true}\n              onInput={e => this.handleInput(e)}\n              onInvalid={() => this.handleInvalid()}\n              onChange={() => this.handleChange()}\n              aria-labelledby={this.labelId}\n            />\n            {!this.shouldLabelFloat() &&\n              <slot name=\"suffix\"></slot>\n            }\n            {!this.valid &&\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" class=\"error\">\n                <path 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\"/>\n              </svg>\n            }\n            {this.allowShowPassword &&\n              <button class=\"show-password\" onClick={() => this.switchPasswordVisibility()}>\n                {this.type === \"text\" &&\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n                    <path 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\"/>\n                  </svg>\n                }\n                {this.type == \"password\" &&\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n                    <path 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\"/>\n                  </svg>\n                }\n              </button>\n            }\n          </div>\n        </dnn-fieldset>\n      </Host>\n    );\n  }  \n}\n"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-ea2d6fd2.entry.js → p-2b0a6053.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c,h as t,H as a,g as i}from"./p-978abd50.js";const d=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:inline-flex;align-items:center;gap:0.25rem;margin:3px}button{cursor:pointer;background-color:transparent;border:0;padding:0;margin:0;outline:none;display:flex;justify-content:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45;cursor:default}button:focus-visible{box-shadow:0 0 2px 2px var(--focus-color)}label{cursor:pointer}";const s=d;const h=class{constructor(t){e(this,t);this.checkedchange=c(this,"checkedchange",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.checked="unchecked";this.useIntermediate=false;this.value="on";this.name=undefined;this.focused=false}handleClick(){this.changeState()}componentWillLoad(){this.originalChecked=this.checked;this.internals.setFormValue(this.checked)}handleCheckedChange(e,c){if(e!==c&&this.checked=="checked"){var t=new FormData;t.append(this.name,this.value);this.internals.setFormValue(t)}}formResetCallback(){this.internals.setValidity({});this.checked=this.originalChecked}changeState(){if(!this.useIntermediate){switch(this.checked){case"checked":this.checked="unchecked";break;case"unchecked":case"intermediate":this.checked="checked";break}this.checkedchange.emit(this.checked);return}switch(this.checked){case"checked":this.checked="intermediate";break;case"intermediate":this.checked="unchecked";break;case"unchecked":this.checked="checked";break}this.checkedchange.emit(this.checked)}render(){return t(a,{key:"33f0a20c02ea3d1be40803102dca7298fc9f0a8d",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},t("button",{key:"7249f860fea2548cd7469daf88594ceaa36ad69c",ref:e=>this.button=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false,class:`icon ${this.checked}`},t("div",{key:"8033ce35b1ad4733c5bc3151e183bcef5ad3608c",class:"unchecked"},t("slot",{key:"bd22365edda141a1d99f12197579ef08f145e298",name:"uncheckedicon"},t("svg",{key:"b8fdd87c069040ec31552c9c97fe9a73d6b1566b",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"786778ac6170c2efe8e60399ce377cb3f4b81496",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"2875985769c607626e17552bc86ee7eef8f1bd2b",d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})))),t("div",{key:"3b1022f97690827381751638a2326806f6bbc914",class:"checked"},t("slot",{key:"d47bf5c9b8227f72f5af9d8a9497ef90fe9ed54a",name:"checkedicon"},t("svg",{key:"579f8cedf788976a23929f230afe489be49056a3",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"a22e16649d8fcbae5f382f585ec44d877592d072",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"f851cbcf9ff4ea371c3abeb9fdfbd73199d95633",d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})))),t("div",{key:"dac2ba83db7a5f2a791db48ef4366c846ece0ac1",class:"intermediate"},t("slot",{key:"99794fb6b191a7c61efcf77683125d5e38075347",name:"intermediateicon"},t("svg",{key:"b3c5fa7961169fd5ea9437346cd5246a3c3f2dc3",class:"undefined",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:"53bfc9815a54ee36bd9cde2b35ca35bdb052a559"},t("rect",{key:"6938a2a44ea6a23b3896ea7186d1109d2e06b4f8",fill:"none",height:"24",width:"24"})),t("g",{key:"beea185432ee31b13f4368cd288195fda4798569"},t("g",{key:"8c9b0636ce4685fd714ae76d2cd8e63ffdc0e590"},t("g",{key:"b6a8198cb9067af8bd439948e2a23e58b6ff29dc"},t("path",{key:"5e0f01cc5c7033845f7f41f3721e903cc8436f91",d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};h.style=s;export{h as dnn_checkbox};
-//# sourceMappingURL=p-ea2d6fd2.entry.js.map
+import{r as e,c,h as t,H as a,g as i}from"./p-91d08ab2.js";const d=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:inline-flex;align-items:center;gap:0.25rem;margin:3px}button{cursor:pointer;background-color:transparent;border:0;padding:0;margin:0;outline:none;display:flex;justify-content:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45;cursor:default}button:focus-visible{box-shadow:0 0 2px 2px var(--focus-color)}label{cursor:pointer}";const s=d;const h=class{constructor(t){e(this,t);this.checkedchange=c(this,"checkedchange",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.checked="unchecked";this.useIntermediate=false;this.value="on";this.name=undefined;this.focused=false}handleClick(){this.changeState()}componentWillLoad(){this.originalChecked=this.checked;this.internals.setFormValue(this.checked)}handleCheckedChange(e,c){if(e!==c&&this.checked=="checked"){var t=new FormData;t.append(this.name,this.value);this.internals.setFormValue(t)}}formResetCallback(){this.internals.setValidity({});this.checked=this.originalChecked}changeState(){if(!this.useIntermediate){switch(this.checked){case"checked":this.checked="unchecked";break;case"unchecked":case"intermediate":this.checked="checked";break}this.checkedchange.emit(this.checked);return}switch(this.checked){case"checked":this.checked="intermediate";break;case"intermediate":this.checked="unchecked";break;case"unchecked":this.checked="checked";break}this.checkedchange.emit(this.checked)}render(){return t(a,{key:"33f0a20c02ea3d1be40803102dca7298fc9f0a8d",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},t("button",{key:"7249f860fea2548cd7469daf88594ceaa36ad69c",ref:e=>this.button=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false,class:`icon ${this.checked}`},t("div",{key:"8033ce35b1ad4733c5bc3151e183bcef5ad3608c",class:"unchecked"},t("slot",{key:"bd22365edda141a1d99f12197579ef08f145e298",name:"uncheckedicon"},t("svg",{key:"b8fdd87c069040ec31552c9c97fe9a73d6b1566b",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"786778ac6170c2efe8e60399ce377cb3f4b81496",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"2875985769c607626e17552bc86ee7eef8f1bd2b",d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})))),t("div",{key:"3b1022f97690827381751638a2326806f6bbc914",class:"checked"},t("slot",{key:"d47bf5c9b8227f72f5af9d8a9497ef90fe9ed54a",name:"checkedicon"},t("svg",{key:"579f8cedf788976a23929f230afe489be49056a3",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"a22e16649d8fcbae5f382f585ec44d877592d072",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"f851cbcf9ff4ea371c3abeb9fdfbd73199d95633",d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})))),t("div",{key:"dac2ba83db7a5f2a791db48ef4366c846ece0ac1",class:"intermediate"},t("slot",{key:"99794fb6b191a7c61efcf77683125d5e38075347",name:"intermediateicon"},t("svg",{key:"b3c5fa7961169fd5ea9437346cd5246a3c3f2dc3",class:"undefined",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:"53bfc9815a54ee36bd9cde2b35ca35bdb052a559"},t("rect",{key:"6938a2a44ea6a23b3896ea7186d1109d2e06b4f8",fill:"none",height:"24",width:"24"})),t("g",{key:"beea185432ee31b13f4368cd288195fda4798569"},t("g",{key:"8c9b0636ce4685fd714ae76d2cd8e63ffdc0e590"},t("g",{key:"b6a8198cb9067af8bd439948e2a23e58b6ff29dc"},t("path",{key:"5e0f01cc5c7033845f7f41f3721e903cc8436f91",d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};h.style=s;export{h as dnn_checkbox};
+//# sourceMappingURL=p-2b0a6053.entry.js.map

package/dist/dnn/{p-9a06ad79.entry.js → p-2b3d9bc1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as n}from"./p-978abd50.js";const s=":host{display:inline-block}button{cursor:pointer;border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:flex;justify-content:center;align-items:center;background-color:transparent}svg{height:2em;width:2em;transition:all 300ms ease-in-out}button:focus-visible svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{transform:rotate(90deg)}";const i=s;const o=class{constructor(a){e(this,a);this.changed=t(this,"changed",7);this.expandText="expand";this.collapseText="collapse";this.expanded=false;this.focused=undefined}handleExpandedChanged(e){this.changed.emit(e)}render(){return a(n,{key:"ee94a5e40e8df1d4c9b6816c0419aadd696167c0",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},a("button",{key:"229b59723b03b0f83cbaaa5952059fa2ad0aa265",ref:e=>this.button=e,"aria-label":this.expanded?this.collapseText:this.expandText,onClick:()=>this.expanded=!this.expanded,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},a("svg",{key:"286451ec61c1704a7ed4fcf7ca942327835feebc",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},a("path",{key:"aa1016e8bae25bceba593d7ffa3d37384b74dce6",d:"M0 0h24v24H0z",fill:"none"}),a("path",{key:"38829c57c40f2818ecaa1f464fc53c7104a244b5",d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}))))}static get watchers(){return{expanded:["handleExpandedChanged"]}}};o.style=i;export{o as dnn_chevron};
-//# sourceMappingURL=p-9a06ad79.entry.js.map
+import{r as e,c as t,h as a,H as n}from"./p-91d08ab2.js";const s=":host{display:inline-block}button{cursor:pointer;border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:flex;justify-content:center;align-items:center;background-color:transparent}svg{height:2em;width:2em;transition:all 300ms ease-in-out}button:focus-visible svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{transform:rotate(90deg)}";const i=s;const o=class{constructor(a){e(this,a);this.changed=t(this,"changed",7);this.expandText="expand";this.collapseText="collapse";this.expanded=false;this.focused=undefined}handleExpandedChanged(e){this.changed.emit(e)}render(){return a(n,{key:"ee94a5e40e8df1d4c9b6816c0419aadd696167c0",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},a("button",{key:"229b59723b03b0f83cbaaa5952059fa2ad0aa265",ref:e=>this.button=e,"aria-label":this.expanded?this.collapseText:this.expandText,onClick:()=>this.expanded=!this.expanded,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},a("svg",{key:"286451ec61c1704a7ed4fcf7ca942327835feebc",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},a("path",{key:"aa1016e8bae25bceba593d7ffa3d37384b74dce6",d:"M0 0h24v24H0z",fill:"none"}),a("path",{key:"38829c57c40f2818ecaa1f464fc53c7104a244b5",d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}))))}static get watchers(){return{expanded:["handleExpandedChanged"]}}};o.style=i;export{o as dnn_chevron};
+//# sourceMappingURL=p-2b3d9bc1.entry.js.map

package/dist/dnn/{p-15c86eb3.entry.js → p-3279942a.entry.js}

@@ -1,2 +1,2 @@
-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
+import{r as o,h as t,H as r}from"./p-91d08ab2.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-3279942a.entry.js.map

package/dist/dnn/{p-9b330c82.entry.js → p-36dc982d.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as r,h as t,H as a,g as n}from"./p-978abd50.js";const e=':host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.primary){--background-color:var(--dnn-color-primary, #3792ED);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, #3792ED);--border-color:var(--dnn-color-primary, #3792ED);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, #CCC);--color:var(--dnn-color-secondary-contrast, #222);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, #222);--color:var(--dnn-color-secondary, #CCC);--border-color:var(--dnn-color-secondary, #CCC);--focus-color:var(--color)}:host(.danger){--background-color:var(--dnn-color-danger, #dc3545);--color:var(--dnn-color-danger-contrast,white);--focus-color:var(--background-color)}:host(.danger.reversed){--background-color:var(--dnn-color-danger-contrast, white);--color:var(--dnn-color-danger, #dc3545);--border-color:var(--dnn-color-danger, #dc3545);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, #EAEAEA);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, #333);--color:var(--dnn-color-tertiary, #EAEAEA);--border-color:var(--dnn-color-tertiary, #EAEAEA);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus-visible,:host(.hydrated) button:hover{box-shadow:0 0 2px 2px var(--focus-color)}:host(.disabled){position:relative;filter:saturate(0.5) opacity(0.7);pointer-events:all !important;box-shadow:none}:host(.disabled)::after{cursor:not-allowed;content:"";position:absolute;width:100%;height:100%;top:0px;left:0px}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}';const s=e;const c=class{constructor(t){o(this,t);this.confirmed=r(this,"confirmed",7);this.canceled=r(this,"canceled",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.type="primary";this.appearance="primary";this.formButtonType="button";this.reversed=false;this.size="normal";this.confirm=false;this.confirmYesText="Yes";this.confirmNoText="No";this.confirmMessage="Are you sure ?";this.disabled=false;this.focused=false;this.modalVisible=false}componentDidLoad(){this.modal=this.el.shadowRoot.querySelector("dnn-modal")}handleConfirm(){this.modal.hide();this.modalVisible=false;this.confirmed.emit()}handleCancel(){this.modal.hide();this.modalVisible=false;this.canceled.emit()}handleClick(){if(this.confirm&&!this.modalVisible){this.modal.show();this.modalVisible=true;return}if(this.formButtonType==="submit"){var o=this.internals.form;if(o){var r=o.checkValidity();if(r){const r=document.createElement("button");r.type="submit";r.style.display="none";o.appendChild(r);r.click();o.removeChild(r)}else{var t=o.elements;for(let o=0;o<t.length;o++){var a=t[o];try{if("checkValidity"in a&&typeof a["checkValidity"]==="function"){a.checkValidity()}}catch(o){console.error(o,a)}}var n=o.querySelector(":invalid");if(n){n.scrollIntoView({behavior:"smooth",block:"center"});if("focus"in n&&typeof n["focus"]==="function"){n.focus()}}}}}if(this.formButtonType==="reset"){var o=this.internals.form;if(o){var e=document.createElement("button");e.type="reset";e.style.display="none";o.appendChild(e);e.click();o.removeChild(e)}}}getElementClasses(){const o=[];o.push(this.appearance);if(this.reversed){o.push("reversed")}if(this.size!=="normal"){o.push(this.size)}if(this.disabled){o.push("disabled")}return o.join(" ")}render(){return t(a,{key:"04401dca2adb0eef48aafe6b8ff2661e128f9fcd",class:this.getElementClasses(),tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},t("button",{key:"dff08d2255fa3d58e2fd26c1ab6f1404cc5e759b",ref:o=>this.button=o,class:"button",onClick:()=>this.handleClick(),disabled:this.disabled,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},t("slot",{key:"1ac8d9f71bfe5fed40436454aab587c8b5d14544"})),this.confirm&&t("dnn-modal",{key:"e7d8afb8bfebd82e26d6effa428741bca8100706",showCloseButton:false,backdropDismiss:false},t("p",{key:"ad5672028657edb7a93a727ffb60e51a80029050"},this.confirmMessage),t("div",{key:"c70cb9dbadad55c662657f3b8aab109cb2f78f01",style:{display:"flex",justifyContent:"flex-end"}},t("dnn-button",{key:"4cb6e6e2d6d369126f786db46526f9d3a9b21e8e",appearance:"primary",reversed:true,style:{margin:"5px"},onClick:()=>this.handleCancel()},this.confirmNoText),t("dnn-button",{key:"0e140f057da4d7e7050b2ccc244259b353da22d0",appearance:"primary",style:{margin:"5px"},onClick:()=>this.handleConfirm()},this.confirmYesText))))}static get formAssociated(){return true}get el(){return n(this)}};c.style=s;export{c as dnn_button};
-//# sourceMappingURL=p-9b330c82.entry.js.map
+import{r as o,c as r,h as t,H as a,g as n}from"./p-91d08ab2.js";const e=':host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.primary){--background-color:var(--dnn-color-primary, #3792ED);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, #3792ED);--border-color:var(--dnn-color-primary, #3792ED);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, #CCC);--color:var(--dnn-color-secondary-contrast, #222);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, #222);--color:var(--dnn-color-secondary, #CCC);--border-color:var(--dnn-color-secondary, #CCC);--focus-color:var(--color)}:host(.danger){--background-color:var(--dnn-color-danger, #dc3545);--color:var(--dnn-color-danger-contrast,white);--focus-color:var(--background-color)}:host(.danger.reversed){--background-color:var(--dnn-color-danger-contrast, white);--color:var(--dnn-color-danger, #dc3545);--border-color:var(--dnn-color-danger, #dc3545);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, #EAEAEA);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, #333);--color:var(--dnn-color-tertiary, #EAEAEA);--border-color:var(--dnn-color-tertiary, #EAEAEA);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus-visible,:host(.hydrated) button:hover{box-shadow:0 0 2px 2px var(--focus-color)}:host(.disabled){position:relative;filter:saturate(0.5) opacity(0.7);pointer-events:all !important;box-shadow:none}:host(.disabled)::after{cursor:not-allowed;content:"";position:absolute;width:100%;height:100%;top:0px;left:0px}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}';const s=e;const c=class{constructor(t){o(this,t);this.confirmed=r(this,"confirmed",7);this.canceled=r(this,"canceled",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.type="primary";this.appearance="primary";this.formButtonType="button";this.reversed=false;this.size="normal";this.confirm=false;this.confirmYesText="Yes";this.confirmNoText="No";this.confirmMessage="Are you sure ?";this.disabled=false;this.focused=false;this.modalVisible=false}componentDidLoad(){this.modal=this.el.shadowRoot.querySelector("dnn-modal")}handleConfirm(){this.modal.hide();this.modalVisible=false;this.confirmed.emit()}handleCancel(){this.modal.hide();this.modalVisible=false;this.canceled.emit()}handleClick(){if(this.confirm&&!this.modalVisible){this.modal.show();this.modalVisible=true;return}if(this.formButtonType==="submit"){var o=this.internals.form;if(o){var r=o.checkValidity();if(r){const r=document.createElement("button");r.type="submit";r.style.display="none";o.appendChild(r);r.click();o.removeChild(r)}else{var t=o.elements;for(let o=0;o<t.length;o++){var a=t[o];try{if("checkValidity"in a&&typeof a["checkValidity"]==="function"){a.checkValidity()}}catch(o){console.error(o,a)}}var n=o.querySelector(":invalid");if(n){n.scrollIntoView({behavior:"smooth",block:"center"});if("focus"in n&&typeof n["focus"]==="function"){n.focus()}}}}}if(this.formButtonType==="reset"){var o=this.internals.form;if(o){var e=document.createElement("button");e.type="reset";e.style.display="none";o.appendChild(e);e.click();o.removeChild(e)}}}getElementClasses(){const o=[];o.push(this.appearance);if(this.reversed){o.push("reversed")}if(this.size!=="normal"){o.push(this.size)}if(this.disabled){o.push("disabled")}return o.join(" ")}render(){return t(a,{key:"04401dca2adb0eef48aafe6b8ff2661e128f9fcd",class:this.getElementClasses(),tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},t("button",{key:"dff08d2255fa3d58e2fd26c1ab6f1404cc5e759b",ref:o=>this.button=o,class:"button",onClick:()=>this.handleClick(),disabled:this.disabled,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},t("slot",{key:"1ac8d9f71bfe5fed40436454aab587c8b5d14544"})),this.confirm&&t("dnn-modal",{key:"e7d8afb8bfebd82e26d6effa428741bca8100706",showCloseButton:false,backdropDismiss:false},t("p",{key:"ad5672028657edb7a93a727ffb60e51a80029050"},this.confirmMessage),t("div",{key:"c70cb9dbadad55c662657f3b8aab109cb2f78f01",style:{display:"flex",justifyContent:"flex-end"}},t("dnn-button",{key:"4cb6e6e2d6d369126f786db46526f9d3a9b21e8e",appearance:"primary",reversed:true,style:{margin:"5px"},onClick:()=>this.handleCancel()},this.confirmNoText),t("dnn-button",{key:"0e140f057da4d7e7050b2ccc244259b353da22d0",appearance:"primary",style:{margin:"5px"},onClick:()=>this.handleConfirm()},this.confirmYesText))))}static get formAssociated(){return true}get el(){return n(this)}};c.style=s;export{c as dnn_button};
+//# sourceMappingURL=p-36dc982d.entry.js.map

package/dist/dnn/{p-bc1dd08b.entry.js → p-507074b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as e,h as t,H as i,g as o}from"./p-978abd50.js";const a=":host{display:block}:host .overlay{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1002;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px);transition:all 300ms ease-in-out;visibility:hidden;opacity:0}:host .overlay .modal{max-width:var(--max-width, 1200px);background-color:white;padding:30px;transform:scale(2);transition:transform 300ms ease-in-out;z-index:2;position:relative;max-height:80%;border-radius:var(--dnn-controls-radius, 5px);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);display:block}:host .overlay .modal .content{max-width:80vw;max-height:80vh;overflow:auto}:host .overlay .modal .se{position:absolute;height:10px;width:10px;bottom:-5px;right:-5px;cursor:se-resize}:host .overlay .modal .close{position:absolute;background-color:white;border:2px solid white;border-radius:50%;padding:0;margin:0;top:-12px;right:-12px;outline:none;display:flex;justify-content:center;align-items:center}:host .overlay .modal .close:focus-visible,:host .overlay .modal .close:hover{box-shadow:0 0 2px 2px var(--dnn-color-primary, blue)}:host .overlay .modal .close svg{width:24px;height:24px;color:grey}:host .overlay.visible{visibility:visible;opacity:1}:host .overlay.visible .modal{transform:scale(1);box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);display:block}";const d=a;const l=class{constructor(t){s(this,t);this.dismissed=e(this,"dismissed",7);this.handleResizeMouseMove=s=>{const e=(s.clientX-this.mouseX)*2;const t=(s.clientY-this.mouseY)*2;this.modal.style.width=`${this.w+e}px`;this.modal.style.height=`${this.h+t}px`};this.handleResizeMouseDown=s=>{addEventListener("mousemove",this.handleResizeMouseMove);this.mouseX=s.clientX;this.mouseY=s.clientY;const e=getComputedStyle(this.modal);this.w=parseInt(e.width,10);this.h=parseInt(e.height,10)};this.handleResizeMouseUp=()=>{removeEventListener("mousemove",this.handleResizeMouseMove)};this.backdropDismiss=true;this.closeText="Close modal";this.resizable=false;this.showCloseButton=true;this.visible=false}async show(){this.visible=true}async hide(){this.visible=false}componentDidLoad(){var s;(s=this.seDrag)===null||s===void 0?void 0:s.addEventListener("mousedown",this.handleResizeMouseDown);addEventListener("mouseup",this.handleResizeMouseUp)}disconnectedCallback(){var s;(s=this.seDrag)===null||s===void 0?void 0:s.removeEventListener("mousedown",this.handleResizeMouseDown);removeEventListener("mouseup",this.handleResizeMouseUp)}handleDismiss(){this.visible=false;this.dismissed.emit()}handleBackdropClick(s){const e=s.target;if(e.id==="backdrop"&&this.backdropDismiss){this.handleDismiss()}}render(){return t(i,{key:"5afa6fff1bbbebc41181dae23858a7c401c7b4e2"},t("div",{key:"732e4d6acbf68cc346531dbbdc22f5d330b0f979",id:"backdrop",class:this.visible?"overlay visible":"overlay",onClick:s=>this.handleBackdropClick(s)},t("div",{key:"df4541d67f115d953b4a57510f92fba522f42746",class:"modal",ref:s=>this.modal=s},this.showCloseButton&&t("button",{key:"bea18c2d23fac79da39194d2824af782bed037c2",class:"close","aria-label":this.closeText,onClick:()=>this.handleDismiss()},t("svg",{key:"e454aa75f4fca4c6681b4afb4eeae601e28bc202",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"3af30051a6689a7c35773317933f80b36a3ec624",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"f5c35fc743dd27682425f7428d25f91213aa82c7",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"}))),t("div",{key:"620ce468ff4148b80cd365e5ec70b908015117d3",class:"content"},t("slot",{key:"3a6482708a275ba3d3e9942f72fdaf60ad45fd95"})),this.resizable&&t("div",{key:"ae052d5d1771c79d33ed780b338b2aea1fc169e2",class:"se",ref:s=>this.seDrag=s}))))}get el(){return o(this)}};l.style=d;export{l as dnn_modal};
-//# sourceMappingURL=p-bc1dd08b.entry.js.map
+import{r as s,c as e,h as t,H as i,g as o}from"./p-91d08ab2.js";const a=":host{display:block}:host .overlay{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1002;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px);transition:all 300ms ease-in-out;visibility:hidden;opacity:0}:host .overlay .modal{max-width:var(--max-width, 1200px);background-color:white;padding:30px;transform:scale(2);transition:transform 300ms ease-in-out;z-index:2;position:relative;max-height:80%;border-radius:var(--dnn-controls-radius, 5px);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);display:block}:host .overlay .modal .content{max-width:80vw;max-height:80vh;overflow:auto}:host .overlay .modal .se{position:absolute;height:10px;width:10px;bottom:-5px;right:-5px;cursor:se-resize}:host .overlay .modal .close{position:absolute;background-color:white;border:2px solid white;border-radius:50%;padding:0;margin:0;top:-12px;right:-12px;outline:none;display:flex;justify-content:center;align-items:center}:host .overlay .modal .close:focus-visible,:host .overlay .modal .close:hover{box-shadow:0 0 2px 2px var(--dnn-color-primary, blue)}:host .overlay .modal .close svg{width:24px;height:24px;color:grey}:host .overlay.visible{visibility:visible;opacity:1}:host .overlay.visible .modal{transform:scale(1);box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);display:block}";const d=a;const l=class{constructor(t){s(this,t);this.dismissed=e(this,"dismissed",7);this.handleResizeMouseMove=s=>{const e=(s.clientX-this.mouseX)*2;const t=(s.clientY-this.mouseY)*2;this.modal.style.width=`${this.w+e}px`;this.modal.style.height=`${this.h+t}px`};this.handleResizeMouseDown=s=>{addEventListener("mousemove",this.handleResizeMouseMove);this.mouseX=s.clientX;this.mouseY=s.clientY;const e=getComputedStyle(this.modal);this.w=parseInt(e.width,10);this.h=parseInt(e.height,10)};this.handleResizeMouseUp=()=>{removeEventListener("mousemove",this.handleResizeMouseMove)};this.backdropDismiss=true;this.closeText="Close modal";this.resizable=false;this.showCloseButton=true;this.visible=false}async show(){this.visible=true}async hide(){this.visible=false}componentDidLoad(){var s;(s=this.seDrag)===null||s===void 0?void 0:s.addEventListener("mousedown",this.handleResizeMouseDown);addEventListener("mouseup",this.handleResizeMouseUp)}disconnectedCallback(){var s;(s=this.seDrag)===null||s===void 0?void 0:s.removeEventListener("mousedown",this.handleResizeMouseDown);removeEventListener("mouseup",this.handleResizeMouseUp)}handleDismiss(){this.visible=false;this.dismissed.emit()}handleBackdropClick(s){const e=s.target;if(e.id==="backdrop"&&this.backdropDismiss){this.handleDismiss()}}render(){return t(i,{key:"5afa6fff1bbbebc41181dae23858a7c401c7b4e2"},t("div",{key:"732e4d6acbf68cc346531dbbdc22f5d330b0f979",id:"backdrop",class:this.visible?"overlay visible":"overlay",onClick:s=>this.handleBackdropClick(s)},t("div",{key:"df4541d67f115d953b4a57510f92fba522f42746",class:"modal",ref:s=>this.modal=s},this.showCloseButton&&t("button",{key:"bea18c2d23fac79da39194d2824af782bed037c2",class:"close","aria-label":this.closeText,onClick:()=>this.handleDismiss()},t("svg",{key:"e454aa75f4fca4c6681b4afb4eeae601e28bc202",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"3af30051a6689a7c35773317933f80b36a3ec624",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"f5c35fc743dd27682425f7428d25f91213aa82c7",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"}))),t("div",{key:"620ce468ff4148b80cd365e5ec70b908015117d3",class:"content"},t("slot",{key:"3a6482708a275ba3d3e9942f72fdaf60ad45fd95"})),this.resizable&&t("div",{key:"ae052d5d1771c79d33ed780b338b2aea1fc169e2",class:"se",ref:s=>this.seDrag=s}))))}get el(){return o(this)}};l.style=d;export{l as dnn_modal};
+//# sourceMappingURL=p-507074b5.entry.js.map

package/dist/dnn/{p-cfbd1373.entry.js → p-5aa5dc7b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as i,g as a}from"./p-978abd50.js";const n=":host{display:block}#container{max-height:0;overflow:hidden;transition:max-height 300ms ease-in-out}";const h=n;const d=class{constructor(s){e(this,s);this.dnnCollapsibleHeightChanged=t(this,"dnnCollapsibleHeightChanged",7);this.expanded=false;this.transitionDuration=150}handleHeightChanged(){requestAnimationFrame((()=>{this.updateSize()}))}async updateSize(){if(this.expanded){requestAnimationFrame((()=>{this.container.style.maxHeight=`${this.container.scrollHeight}px`}));setTimeout((()=>{this.container.style.maxHeight="none"}),this.transitionDuration)}}handledExpandedChanged(e){if(e){this.updateSize()}else{requestAnimationFrame((()=>{this.container.style.maxHeight=`${this.container.scrollHeight}px`;requestAnimationFrame((()=>{this.container.style.maxHeight="0px"}))}))}setTimeout((()=>{requestAnimationFrame((()=>{this.dnnCollapsibleHeightChanged.emit()}))}),this.transitionDuration)}componentDidLoad(){this.container.style.transition=`max-height ${this.transitionDuration}ms ease-in-out`}render(){return s(i,{key:"76ba7514e40374f07a9908ea63555688b10a09f1"},s("div",{key:"cac471cb9f670f6eab23aa85caaf94530d9d689c",id:"container",class:this.expanded&&"expanded",ref:e=>this.container=e,style:{transition:`max-height ${this.transitionDuration}ms ease-in-out`}},s("slot",{key:"b1fb33ad2ce23cd1d5fceec433b759f523b83fd4"})))}get el(){return a(this)}static get watchers(){return{expanded:["handledExpandedChanged"]}}};d.style=h;export{d as dnn_collapsible};
-//# sourceMappingURL=p-cfbd1373.entry.js.map
+import{r as e,c as t,h as s,H as i,g as a}from"./p-91d08ab2.js";const n=":host{display:block}#container{max-height:0;overflow:hidden;transition:max-height 300ms ease-in-out}";const h=n;const d=class{constructor(s){e(this,s);this.dnnCollapsibleHeightChanged=t(this,"dnnCollapsibleHeightChanged",7);this.expanded=false;this.transitionDuration=150}handleHeightChanged(){requestAnimationFrame((()=>{this.updateSize()}))}async updateSize(){if(this.expanded){requestAnimationFrame((()=>{this.container.style.maxHeight=`${this.container.scrollHeight}px`}));setTimeout((()=>{this.container.style.maxHeight="none"}),this.transitionDuration)}}handledExpandedChanged(e){if(e){this.updateSize()}else{requestAnimationFrame((()=>{this.container.style.maxHeight=`${this.container.scrollHeight}px`;requestAnimationFrame((()=>{this.container.style.maxHeight="0px"}))}))}setTimeout((()=>{requestAnimationFrame((()=>{this.dnnCollapsibleHeightChanged.emit()}))}),this.transitionDuration)}componentDidLoad(){this.container.style.transition=`max-height ${this.transitionDuration}ms ease-in-out`}render(){return s(i,{key:"76ba7514e40374f07a9908ea63555688b10a09f1"},s("div",{key:"cac471cb9f670f6eab23aa85caaf94530d9d689c",id:"container",class:this.expanded&&"expanded",ref:e=>this.container=e,style:{transition:`max-height ${this.transitionDuration}ms ease-in-out`}},s("slot",{key:"b1fb33ad2ce23cd1d5fceec433b759f523b83fd4"})))}get el(){return a(this)}static get watchers(){return{expanded:["handledExpandedChanged"]}}};d.style=h;export{d as dnn_collapsible};
+//# sourceMappingURL=p-5aa5dc7b.entry.js.map

package/dist/dnn/p-61c8c5d8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as n}from"./p-91d08ab2.js";import{g as h}from"./p-5df01911.js";const r=":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%;background-color:var(--background)}select{border:none;outline:none;background-color:var(--background);text-align:var(--input-text-align);width:100%;cursor:pointer}.prefix,.suffix{font-size:0.8em}svg.error{fill:red;width:1em;height:1em;transform:scale(1.5)}";const o=r;const a=class{constructor(e){t(this,e);this.valueChange=i(this,"valueChange",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.label=undefined;this.name=undefined;this.required=undefined;this.helpText=undefined;this.disabled=undefined;this.disableValidityReporting=undefined;this.autocomplete="off";this.value=undefined;this.focused=false;this.valid=true;this.customValidityMessage=undefined}async checkValidity(){var t=this.select.checkValidity();if(!t){this.fieldset.setValidity(false,this.select.validationMessage)}return this.select.validity}componentWillLoad(){this.originalValue=this.value;this.labelId=h();this.observer=new MutationObserver((t=>{for(let i of t){if(i.type==="childList"){this.applySlottedItemsToSelect()}}}));const t={attributes:true,childList:true,subtree:true};this.observer.observe(this.el,t)}componentDidLoad(){this.applySlottedItemsToSelect();this.setFormValue()}formResetCallback(){this.internals.setValidity({});this.value=this.originalValue;this.internals.setFormValue("");this.select.selectedIndex=-1}applySlottedItemsToSelect(){var t;const i=(t=this.slot)===null||t===void 0?void 0:t.assignedElements();i===null||i===void 0?void 0:i.forEach((t=>{if(t.nodeName==="OPTION"){const i=t;this.select.appendChild(i)}}))}setFormValue(){if(this.name!=undefined){var t=new FormData;t.append(this.name,this.value);this.internals.setFormValue(t)}}handleChange(t){this.value=t;var i=this.select.checkValidity();this.valid=i;this.valueChange.emit(this.value);this.setFormValue();if(this.valid){this.internals.setValidity({});this.fieldset.setValidity(true)}else{this.internals.setValidity({customError:true},this.select.validationMessage);this.fieldset.setValidity(false,this.select.validationMessage)}}handleInvalid(){this.valid=false;if(this.customValidityMessage==undefined){this.customValidityMessage=this.select.validationMessage}}handleBlur(){this.focused=false;var t=this.select.checkValidity();this.valid=t;this.fieldset.setValidity(t,this.select.validationMessage);this.internals.setValidity(this.select.validity,this.select.validationMessage)}render(){var t;return e(s,{key:"71db53aefc4e91127bb187391e8784b80c9c031b",tabIndex:this.focused?-1:0,onFocus:()=>this.select.focus(),onBlur:()=>this.select.blur()},e("dnn-fieldset",{key:"686666def84852d5eec8ca26020a2ef536c11135",invalid:!this.valid,focused:this.focused,label:`${(t=this.label)!==null&&t!==void 0?t:""}${this.required?" *":""}`,helpText:this.helpText,id:this.labelId,onClick:()=>!this.focused&&this.select.focus(),ref:t=>this.fieldset=t},e("div",{key:"72a22c2ed76135939040468f06b266d58bf09005",class:"inner-container"},e("select",{key:"b7b0bdc4e3d541c0233138596f344b35c7abd397",ref:t=>this.select=t,autoComplete:this.autocomplete,onFocus:()=>this.focused=true,onBlur:()=>this.handleBlur(),onChange:t=>this.handleChange(t.target.value),onInvalid:()=>this.handleInvalid(),required:this.required,disabled:this.disabled,"aria-labelledby":this.labelId},e("slot",{key:"ba019ec9fae59544d47874536266b0836456613a",ref:t=>this.slot=t})),!this.valid&&e("svg",{key:"b2ec38181f04da922872fe60c97ade4b12f0965d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},e("path",{key:"039006abe2dcd8be8a64cb25504eba1e613ef285",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"})))))}static get formAssociated(){return true}get el(){return n(this)}};a.style=o;export{a as dnn_select};
+//# sourceMappingURL=p-61c8c5d8.entry.js.map

package/dist/dnn/p-61c8c5d8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dnnSelectCss","DnnSelectStyle0","DnnSelect","checkValidity","validity","this","select","fieldset","setValidity","validationMessage","componentWillLoad","originalValue","value","labelId","generateRandomId","observer","MutationObserver","mutations","mutation","type","applySlottedItemsToSelect","config","attributes","childList","subtree","observe","el","componentDidLoad","setFormValue","formResetCallback","internals","selectedIndex","slottedItems","_a","slot","assignedElements","forEach","item","nodeName","optionElement","appendChild","name","undefined","data","FormData","append","handleChange","valid","valueChange","emit","customError","handleInvalid","customValidityMessage","handleBlur","focused","render","h","Host","key","tabIndex","onFocus","focus","onBlur","blur","invalid","label","required","helpText","id","onClick","ref","class","autoComplete","autocomplete","onChange","e","target","onInvalid","disabled","xmlns","viewBox","d"],"sources":["src/components/dnn-select/dnn-select.scss?tag=dnn-select&encapsulation=shadow","src/components/dnn-select/dnn-select.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  /** @prop --foreground: Defines the foreground color. */\n  --foreground: var(--dnn-color-foreground, #000);\n\n  /** @prop --background: Defines the background color. */\n  --background: var(--dnn-color-background, #fff);\n\n  /** @prop --focus-color: Defines the color when the component is focused. */\n  --focus-color: var(--dnn-color-primary, #3792ED);\n\n  /** @prop --danger-color: Defines the danger color used for invalid data. */\n  --danger-color: var(--dnn-color-danger, #900);\n\n  /** @prop --control-radius: Defines the radius for the control corners. */\n  --control-radius: var(--dnn-controls-radius, 3px);\n \n  /** @prop --input-text-align: Allows customizing the text alignment of the input text. */\n  --input-text-align: left;\n}\n\ndnn-fieldset{\n  width: 100%;\n}\n\n.inner-container{\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  background-color: var(--background);\n}\n\nselect{\n  border: none;\n  outline: none;\n  background-color: var(--background);\n  text-align: var(--input-text-align);\n  width: 100%;\n  cursor: pointer; \n}\n\n.prefix, .suffix{\n  font-size: 0.8em;\n}\nsvg{\n  &.error{\n    fill: red;\n    width: 1em;\n    height: 1em;\n    transform: scale(1.5);\n  }\n}","import { Component, Element, Host, Prop, h, State, Event, EventEmitter, AttachInternals, Method } from '@stencil/core';\nimport { generateRandomId } from '../../utilities/stringUtilities';\n\n@Component({\n  tag: 'dnn-select',\n  styleUrl: 'dnn-select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DnnSelect {\n\n  /** The label for this input. */\n  @Prop() label: string;\n\n  /** The name for this input, if used in forms. */\n  @Prop() name: string;\n\n  /** Defines whether the field requires having a value. */\n  @Prop() required: boolean;\n\n  /** Defines the help label displayed under the field. */\n  @Prop() helpText: string;\n  \n  /** Defines whether the field is disabled. */\n  @Prop() disabled: boolean;\n  \n  /** @deprecated This control has its own validatin reporting, will be removed in v0.25.0 */\n  @Prop() disableValidityReporting: boolean;\n\n  /** Defines the type of automatic completion the browser can use.\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  @Prop() autocomplete = \"off\";\n  \n  /** The value of the input. */\n  @Prop({mutable: true, reflect:true}) value: string;\n  \n  @Element() el: HTMLDnnSelectElement;\n  \n  @State() focused: boolean = false;\n  @State() valid = true;\n  @State() customValidityMessage: string;\n\n  /** Fires when the value has changed and the user exits the input. */\n  @Event() valueChange: EventEmitter<string>;\n  \n  /** Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */\n  @Method()\n  async checkValidity() {\n    var validity = this.select.checkValidity();\n    if (!validity) {\n      this.fieldset.setValidity(false, this.select.validationMessage);\n    }\n    return this.select.validity;\n  }\n  \n  @AttachInternals() internals: ElementInternals;\n  \n  private slot: HTMLSlotElement;\n  private select: HTMLSelectElement;\n  private observer: MutationObserver;\n  private labelId: string;\n  private originalValue: string;\n  private fieldset: HTMLDnnFieldsetElement;\n  \n  componentWillLoad() {\n    this.originalValue = this.value;\n    this.labelId = generateRandomId();\n    this.observer = new MutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.applySlottedItemsToSelect();\n        }\n      }\n    });\n\n    const config = { attributes: true, childList: true, subtree: true };\n    this.observer.observe(this.el, config);\n  }\n  \n  componentDidLoad() {\n    this.applySlottedItemsToSelect();\n    this.setFormValue();\n  }\n\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.value = this.originalValue;\n    this.internals.setFormValue(\"\");\n    this.select.selectedIndex = -1;\n  }\n\n  private applySlottedItemsToSelect () {\n    const slottedItems = this.slot?.assignedElements();\n    slottedItems?.forEach((item) => {\n      if (item.nodeName === \"OPTION\") {\n        const optionElement = item as HTMLOptionElement;\n        this.select.appendChild(optionElement);\n      }\n    });\n  }\n\n  private setFormValue(){\n    if (this.name != undefined){\n      var data = new FormData();\n      data.append(this.name, this.value);\n      this.internals.setFormValue(data);\n    }\n  }\n\n  private handleChange(value: string) {\n    this.value = value;\n    var valid = this.select.checkValidity();\n    this.valid = valid;\n    this.valueChange.emit(this.value);\n    this.setFormValue();\n    if (this.valid){\n      this.internals.setValidity({});\n      this.fieldset.setValidity(true);\n    }\n    else{\n      this.internals.setValidity({customError: true}, this.select.validationMessage);\n      this.fieldset.setValidity(false, this.select.validationMessage);\n    }\n  }\n\n  private handleInvalid(): void {\n    this.valid = false;\n    if (this.customValidityMessage == undefined){\n      this.customValidityMessage = this.select.validationMessage;\n    }\n  }\n\n  private handleBlur(): void {\n    this.focused = false\n    var validity = this.select.checkValidity();\n    this.valid = validity;\n    this.fieldset.setValidity(validity, this.select.validationMessage);\n    this.internals.setValidity(this.select.validity, this.select.validationMessage);\n  }\n\n  render() {\n    return (\n      <Host\n        tabIndex={this.focused ? -1 : 0}\n        onFocus={() => this.select.focus()}\n        onBlur={() => this.select.blur()}\n      >\n        <dnn-fieldset\n          invalid={!this.valid}\n          focused={this.focused}\n          label={`${this.label ?? \"\"}${this.required ? \" *\" : \"\"}`}\n          helpText={this.helpText}\n          id={this.labelId}\n          onClick={() => !this.focused && this.select.focus()}\n          ref={el => this.fieldset = el}\n        >\n          <div class=\"inner-container\">\n            <select\n              ref={el => this.select = el}\n              autoComplete={this.autocomplete}\n              onFocus={() => this.focused = true}\n              onBlur={() => this.handleBlur()}\n              onChange={e => this.handleChange((e.target as HTMLSelectElement).value)}\n              onInvalid={() => this.handleInvalid()}\n              required={this.required}\n              disabled={this.disabled}\n              aria-labelledby={this.labelId}\n            >\n              <slot ref={el => this.slot = (el as HTMLSlotElement)}></slot>\n            </select>\n            {!this.valid &&\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" class=\"error\">\n                <path 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\"/>\n              </svg>\n            }\n          </div>\n        </dnn-fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-52ae7b31.entry.js → p-678c5a33.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:"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
+import{r as o,c as t,h as r,H as s}from"./p-91d08ab2.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-678c5a33.entry.js.map

package/dist/dnn/p-8056c270.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as o,g as i}from"./p-91d08ab2.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-8056c270.entry.js.map

package/dist/dnn/p-8056c270.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-a6982c8d.entry.js → p-88a928f2.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)}dnn-fieldset{width:100%}textarea{border:none;outline:none;background-color:transparent;color:var(--foreground);width:calc(100% - 1em);height:calc(100% - 1em);line-height:1.5em;resize:none}";const d=h;const a=class{constructor(e){t(this,e);this.valueInput=i(this,"valueInput",7);this.valueChange=i(this,"valueChange",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.resizable="block";this.value=undefined;this.label=undefined;this.name=undefined;this.helpText=undefined;this.required=undefined;this.disabled=undefined;this.autocomplete="off";this.minlength=undefined;this.maxlength=undefined;this.readonly=undefined;this.rows=3;this.focused=false;this.valid=true;this.customValidityMessage=undefined}async checkValidity(){return this.textarea.validity}async setCustomValidity(t){if(t==undefined||t==""){this.textarea.setCustomValidity("");this.valid=true;this.fieldset.setValidity(true);return}this.customValidityMessage=t;this.valid=false;this.textarea.setCustomValidity(t)}componentWillLoad(){this.labelId=n()}componentDidLoad(){this.textarea.style.minHeight=`${this.rows*1.5}em`}formResetCallback(){this.textarea.setCustomValidity("");this.valid=true;this.value="";this.internals.setValidity({});this.internals.setFormValue("")}handleInput(t){this.value=t;var i=this.textarea.checkValidity();this.valid=i;this.valueInput.emit(this.value)}handleInvalid(){this.valid=false;if(this.customValidityMessage==undefined){this.customValidityMessage=this.textarea.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)}}shouldLabelFloat(){if(this.focused){return false}if(this.value!=undefined&&this.value!=""){return false}return true}render(){var t;return e(s,{key:"dbc7de88630e93d1bc75ba0f29b4d492d433ed3f",tabIndex:this.focused?-1:0,onFocus:()=>this.textarea.focus(),onBlur:()=>this.textarea.blur()},e("dnn-fieldset",{key:"5c95dfbf4564daa898d9d14ca5dfa4fdff8a9007",ref:t=>this.fieldset=t,invalid:!this.valid,focused:this.focused,resizable:this.resizable,label:`${(t=this.label)!==null&&t!==void 0?t:""}${this.required?" *":""}`,helpText:this.helpText,disabled:this.disabled,id:this.labelId,floatLabel:this.shouldLabelFloat(),onClick:()=>!this.focused&&this.textarea.focus()},e("textarea",{key:"a09f9af15bc8e79111975edeafac7f35cd097133",ref:t=>this.textarea=t,name:this.name,value:this.value,required:this.required,onBlur:()=>this.focused=false,onFocus:()=>this.focused=true,onChange:()=>this.handleChange(),onInput:t=>this.handleInput(t.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 formAssociated(){return true}};a.style=d;export{a as dnn_textarea};
-//# sourceMappingURL=p-a6982c8d.entry.js.map
+import{r as t,c as i,h as e,H as s}from"./p-91d08ab2.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)}dnn-fieldset{width:100%}textarea{border:none;outline:none;background-color:transparent;color:var(--foreground);width:calc(100% - 1em);height:calc(100% - 1em);line-height:1.5em;resize:none}";const d=h;const a=class{constructor(e){t(this,e);this.valueInput=i(this,"valueInput",7);this.valueChange=i(this,"valueChange",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.resizable="block";this.value=undefined;this.label=undefined;this.name=undefined;this.helpText=undefined;this.required=undefined;this.disabled=undefined;this.autocomplete="off";this.minlength=undefined;this.maxlength=undefined;this.readonly=undefined;this.rows=3;this.focused=false;this.valid=true;this.customValidityMessage=undefined}async checkValidity(){return this.textarea.validity}async setCustomValidity(t){if(t==undefined||t==""){this.textarea.setCustomValidity("");this.valid=true;this.fieldset.setValidity(true);return}this.customValidityMessage=t;this.valid=false;this.textarea.setCustomValidity(t)}componentWillLoad(){this.labelId=n()}componentDidLoad(){this.textarea.style.minHeight=`${this.rows*1.5}em`}formResetCallback(){this.textarea.setCustomValidity("");this.valid=true;this.value="";this.internals.setValidity({});this.internals.setFormValue("")}handleInput(t){this.value=t;var i=this.textarea.checkValidity();this.valid=i;this.valueInput.emit(this.value)}handleInvalid(){this.valid=false;if(this.customValidityMessage==undefined){this.customValidityMessage=this.textarea.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)}}shouldLabelFloat(){if(this.focused){return false}if(this.value!=undefined&&this.value!=""){return false}return true}render(){var t;return e(s,{key:"dbc7de88630e93d1bc75ba0f29b4d492d433ed3f",tabIndex:this.focused?-1:0,onFocus:()=>this.textarea.focus(),onBlur:()=>this.textarea.blur()},e("dnn-fieldset",{key:"5c95dfbf4564daa898d9d14ca5dfa4fdff8a9007",ref:t=>this.fieldset=t,invalid:!this.valid,focused:this.focused,resizable:this.resizable,label:`${(t=this.label)!==null&&t!==void 0?t:""}${this.required?" *":""}`,helpText:this.helpText,disabled:this.disabled,id:this.labelId,floatLabel:this.shouldLabelFloat(),onClick:()=>!this.focused&&this.textarea.focus()},e("textarea",{key:"a09f9af15bc8e79111975edeafac7f35cd097133",ref:t=>this.textarea=t,name:this.name,value:this.value,required:this.required,onBlur:()=>this.focused=false,onFocus:()=>this.focused=true,onChange:()=>this.handleChange(),onInput:t=>this.handleInput(t.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 formAssociated(){return true}};a.style=d;export{a as dnn_textarea};
+//# sourceMappingURL=p-88a928f2.entry.js.map