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

package/dist/dnn/{p-7c4bcd14.entry.js → p-6659a086.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as e}from"./p-978abd50.js";const o=":host{--min-width:160px;--height:2rem;--background-color:var(--dnn-color-neutral-light, #eee);--value-background-color:var(--dnn-color-primary, green);--gradient-color-start:var(--dnn-color-primary, #09c);--gradient-color-end:var(--dnn-color-primary-light, #f44);--gradient-direction:left;--border-radius:var(--dnn-controls-radius, 5px);display:inline-block}:host progress{height:var(--height);min-width:var(--min-width);width:100%}:host progress[value]{-webkit-appearance:none;appearance:none}:host progress[value]::-webkit-progress-bar{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset}:host progress[value]::-webkit-progress-value{border-radius:var(--border-radius);background-color:var(--value-background-color);background-size:calc(var(--height) * 1.75) var(--height), 100% 100%, 100% 100%}:host progress[value].use-gradient::-webkit-progress-value{background-image:-webkit-linear-gradient(-45deg, transparent 33%, rgba(255, 255, 255, 0.2) 33%, rgba(255, 255, 255, 0.2) 66%, transparent 66%), -webkit-linear-gradient(var(--gradient-direction), var(--gradient-color-start), var(--gradient-color-end));border-radius:var(--border-radius);background-size:calc(var(--height) * 1.75) var(--height), 100% 100%, 100% 100%}";const s=o;const t=class{constructor(a){r(this,a);this.value=undefined;this.max=100;this.useGradient=false}getProgressClass(){const r=[];if(this.useGradient){r.push("use-gradient")}return r.join(" ")}render(){return a(e,{key:"7d8771c3a43e555e6342032afb0b4a53f1db1a5c"},a("progress",{key:"64fe689b05a1e90b19156380d91294dd1b487cc5",class:this.getProgressClass(),max:this.max,value:this.value}))}};t.style=s;export{t as dnn_progress_bar};
-//# sourceMappingURL=p-7c4bcd14.entry.js.map
+import{r,h as a,H as e}from"./p-978abd50.js";const o=":host{--min-width:160px;--height:2rem;--background-color:var(--dnn-color-neutral-light, #eee);--value-background-color:var(--dnn-color-primary, green);--gradient-color-start:var(--dnn-color-primary, #09c);--gradient-color-end:var(--dnn-color-primary-light, #f44);--gradient-direction:left;--border-radius:var(--dnn-controls-radius, 5px);display:inline-block}:host progress{height:var(--height);min-width:var(--min-width);width:100%}:host progress[value]{-webkit-appearance:none;appearance:none}:host progress[value]::-webkit-progress-bar{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset}:host progress[value]::-webkit-progress-value{border-radius:var(--border-radius);background-color:var(--value-background-color);background-size:calc(var(--height) * 1.75) var(--height), 100% 100%, 100% 100%}:host progress[value].use-gradient::-webkit-progress-value{background-image:-webkit-linear-gradient(-45deg, transparent 33%, rgba(255, 255, 255, 0.2) 33%, rgba(255, 255, 255, 0.2) 66%, transparent 66%), -webkit-linear-gradient(var(--gradient-direction), var(--gradient-color-start), var(--gradient-color-end));border-radius:var(--border-radius);background-size:calc(var(--height) * 1.75) var(--height), 100% 100%, 100% 100%}";const s=o;const t=class{constructor(a){r(this,a);this.value=undefined;this.max=100;this.useGradient=false}getProgressClass(){const r=[];if(this.useGradient){r.push("use-gradient")}return r.join(" ")}render(){return a(e,{key:"2a9e2c7fb2c5a7a5b7d4d6204b2979646e2067a0"},a("progress",{key:"dfcf6adc1269048f3bd3bec503404e34d1fed40d",class:this.getProgressClass(),max:this.max,value:this.value}))}};t.style=s;export{t as dnn_progress_bar};
+//# sourceMappingURL=p-6659a086.entry.js.map

package/dist/dnn/{p-8564bc60.entry.js → p-672fb82d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as s,g as a}from"./p-978abd50.js";const d=":host{display:flex;overflow:visible}.expander{width:24px;height:24px}.expander button{transition:all 150ms ease-in-out;background-color:transparent;border:none;padding:0;margin:0;height:1em;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;top:2px}.expander button svg :first-child{transition:all 150ms ease-in-out;fill:white;stroke:black}.expander.expanded button{transform:rotate(45deg)}.expander.expanded button svg :first-child{fill:black;stroke:black}div.item .item-slot{display:flex;align-items:center;gap:0.25em;min-height:24px}div.item div.children{overflow:hidden;height:0;transition:all 150ms ease-in-out}";const n=d;const r=class{constructor(i){e(this,i);this.userExpanded=t(this,"userExpanded",3);this.userCollapsed=t(this,"userCollapsed",3);this.expanded=false;this.hasChildren=false;this.focused=false}watchExpanded(e){if(e){this.expander.classList.add("expanded");this.collapsible.expanded=true;return}this.expander.classList.remove("expanded");this.collapsible.expanded=false}componentDidLoad(){requestAnimationFrame((()=>{const e=this.childElement.children[0];const t=e.assignedElements().length;if(t>0){this.hasChildren=true}if(this.expanded){this.expander.classList.add("expanded");this.collapsible.expanded=false;setTimeout((()=>{this.collapsible.expanded=true}),300)}}))}toggleCollapse(){this.expanded=!this.expanded;if(this.expanded){this.expander.classList.add("expanded");this.userExpanded.emit();return}this.expander.classList.remove("expanded");this.userCollapsed.emit()}getTabIndex(){if(!this.hasChildren){return-1}return this.focused?-1:0}render(){return i(s,{key:"a3746f538fbe4ca0e0573c885042cbbac16cd754",tabIndex:this.getTabIndex(),onFocus:()=>{var e;return(e=this.button)===null||e===void 0?void 0:e.focus()},onBlur:()=>{var e;return(e=this.button)===null||e===void 0?void 0:e.blur()}},i("div",{key:"a9605a6d74309fa4ed0f253f8783ca643ffa79fa",class:"expander",ref:e=>this.expander=e},this.hasChildren&&i("button",{key:"6189a78b05f43a506820891ba4510a1c5a21d85d",ref:e=>this.button=e,onClick:()=>this.toggleCollapse(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},i("svg",{key:"74936a9418ae8f5948c44e37f16f9e9695dcb4ac",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{key:"9c9b4293271b0a2c2f0718f7f46cef406e5e74e2",d:"M10 17l5-5-5-5v10z"}),i("path",{key:"23d715232f55271e3379f25a21509b4e2d701e6c",d:"M0 24V0h24v24H0z",fill:"none"})))),i("div",{key:"d8e052c3c0bbbdbc8b757990d1475f3ded0c7983",class:"item"},i("div",{key:"08bf05eac16e72699d5e434a8640957dedc54644",class:"item-slot"},i("slot",{key:"59ab556aefc15ef697b8cb1d865f35b44eb4fad8"})),i("dnn-collapsible",{key:"ba88f8a8f04b497a5aed831961f4168250938f0f",ref:e=>this.collapsible=e,expanded:this.expanded},i("div",{key:"6d56e6fe4fdef5fdb3c102b2fe759ee469f54e62",ref:e=>this.childElement=e},i("slot",{key:"350f4e18d566d6fc6b30a4a5efad8ac4c36d8b0b",name:"children"})))))}get el(){return a(this)}static get watchers(){return{expanded:["watchExpanded"]}}};r.style=n;export{r as dnn_treeview_item};
-//# sourceMappingURL=p-8564bc60.entry.js.map
+import{r as e,c as t,h as i,H as s,g as a}from"./p-978abd50.js";const d=":host{display:flex;overflow:visible}.expander{width:24px;height:24px}.expander button{transition:all 150ms ease-in-out;background-color:transparent;border:none;padding:0;margin:0;height:1em;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;top:2px}.expander button svg :first-child{transition:all 150ms ease-in-out;fill:white;stroke:black}.expander.expanded button{transform:rotate(45deg)}.expander.expanded button svg :first-child{fill:black;stroke:black}div.item .item-slot{display:flex;align-items:center;gap:0.25em;min-height:24px}div.item div.children{overflow:hidden;height:0;transition:all 150ms ease-in-out}";const n=d;const r=class{constructor(i){e(this,i);this.userExpanded=t(this,"userExpanded",3);this.userCollapsed=t(this,"userCollapsed",3);this.expanded=false;this.hasChildren=false;this.focused=false}watchExpanded(e){if(e){this.expander.classList.add("expanded");this.collapsible.expanded=true;return}this.expander.classList.remove("expanded");this.collapsible.expanded=false}componentDidLoad(){requestAnimationFrame((()=>{const e=this.childElement.children[0];const t=e.assignedElements().length;if(t>0){this.hasChildren=true}if(this.expanded){this.expander.classList.add("expanded");this.collapsible.expanded=false;setTimeout((()=>{this.collapsible.expanded=true}),300)}}))}toggleCollapse(){this.expanded=!this.expanded;if(this.expanded){this.expander.classList.add("expanded");this.userExpanded.emit();return}this.expander.classList.remove("expanded");this.userCollapsed.emit()}getTabIndex(){if(!this.hasChildren){return-1}return this.focused?-1:0}render(){return i(s,{key:"e7a439c58fb111038234b66c8d1884f0f5c1da56",tabIndex:this.getTabIndex(),onFocus:()=>{var e;return(e=this.button)===null||e===void 0?void 0:e.focus()},onBlur:()=>{var e;return(e=this.button)===null||e===void 0?void 0:e.blur()}},i("div",{key:"21b5854712196a29932e681175a28bfec964ea2b",class:"expander",ref:e=>this.expander=e},this.hasChildren&&i("button",{key:"1e82a07c04e90fcc78eafbdc4c4df9b40257a978",ref:e=>this.button=e,onClick:()=>this.toggleCollapse(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},i("svg",{key:"b372f15ecaf5976047e9b2449f4fcd3c055f42b8",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{key:"868d81ffe144e899f7c279b0759e24b791ecad15",d:"M10 17l5-5-5-5v10z"}),i("path",{key:"aebb999015589ddcaa6fd2de21d7cb6ca9d89513",d:"M0 24V0h24v24H0z",fill:"none"})))),i("div",{key:"b2744d71ffe4280da9d6835733a595f5efb870bf",class:"item"},i("div",{key:"481e8af5e509a11eb3c4dc6d7643ca27b2131724",class:"item-slot"},i("slot",{key:"64818d6a55c41aff2deb644c91977c481ee58a50"})),i("dnn-collapsible",{key:"367b4f7696551c2d6710af1eb5916482711685d1",ref:e=>this.collapsible=e,expanded:this.expanded},i("div",{key:"59de6e9d81c051f68c4f36f8d91b11b33d8587d1",ref:e=>this.childElement=e},i("slot",{key:"e59ba3b15f432ca827be4772c066cd7574200ec0",name:"children"})))))}get el(){return a(this)}static get watchers(){return{expanded:["watchExpanded"]}}};r.style=n;export{r as dnn_treeview_item};
+//# sourceMappingURL=p-672fb82d.entry.js.map

package/dist/dnn/{p-61dfb826.entry.js → p-69d5f883.entry.js}

@@ -7,5 +7,5 @@ import{r as e,c as n,h as o,H as t,g as i}from"./p-978abd50.js";import{D as d}fr
 /** Reusable DNN UI component to pick a color
  * @copyright Copyright (c) .NET Foundation. All rights reserved.
  * @license MIT
- */var c=undefined&&undefined.__decorate||function(e,n,o,t){var i=arguments.length,d=i<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,o):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(e,n,o,t);else for(var s=e.length-1;s>=0;s--)if(l=e[s])d=(i<3?l(d):i>3?l(n,o,d):l(n,o))||d;return i>3&&d&&Object.defineProperty(n,o,d),d};const a=class{constructor(o){e(this,o);this.colorChanged=n(this,"colorChanged",7);this.handleSaturationLightnessMouseDown=e=>{e.preventDefault();this.handleDragLightnessSaturation(e);window.addEventListener("mousemove",this.handleDragLightnessSaturation);window.addEventListener("mouseup",this.handleSaturationLightnessMouseUp)};this.handleDragLightnessSaturation=e=>{const n=this.saturationLightnessBox.getBoundingClientRect();let o=e.clientX-n.left;if(o<0){o=0}if(o>n.width){o=n.width}o=o/n.width;let t=e.clientY-n.top;if(t<0){t=0}if(t>n.height){t=n.height}t=1-t/n.height;const i=new l;i.hue=this.currentColor.hue;i.saturation=o;i.lightness=t;this.currentColor=i};this.handleSaturationLightnessMouseUp=()=>{window.removeEventListener("mousemove",this.handleDragLightnessSaturation);window.removeEventListener("mouseup",this.handleSaturationLightnessMouseUp)};this.handleHueMouseDown=e=>{e.preventDefault();this.handleDragHue(e);window.addEventListener("mousemove",this.handleDragHue);window.addEventListener("mouseup",this.handleHueMouseUp)};this.handleHueMouseUp=()=>{window.removeEventListener("mousemove",this.handleDragHue);window.removeEventListener("mouseup",this.handleHueMouseUp)};this.handleDragHue=e=>{const n=this.hueRange.getBoundingClientRect();let o=e.clientX-n.left;if(o<0){o=0}if(o>n.width){o=n.width}o=o/n.width*360;const t=new l;t.hue=o;t.saturation=this.currentColor.saturation;t.lightness=this.currentColor.lightness;this.currentColor=t};this.handleComponentValueChange=(e,n)=>{let o=parseInt(e.target.value);if(isNaN(o)){return}const t=new l;if(o<0){o=0}if(o>255){o=255}let i=this.currentColor.red;let d=this.currentColor.green;let s=this.currentColor.blue;switch(n){case"red":i=o;break;case"green":d=o;break;case"blue":s=o;break}t.green=d;t.red=i;t.blue=s;this.currentColor=t};this.handleHSLChange=(e,n)=>{let o=parseInt(e.target.value);if(isNaN(o)){return}const t=new l;if(o!=null){let e=this.currentColor.hue;let i=this.currentColor.saturation;let d=this.currentColor.lightness;switch(n){case"hue":if(o<0){o=0}if(o>359){o=0}e=o;break;case"saturation":if(o<0){o=0}if(o>100){o=100}i=o/100;break;case"lightness":if(o<0){o=0}if(o>100){o=100}d=o/100;break}t.hue=e;t.saturation=i;t.lightness=d;this.currentColor=t}};this.handleSaturationLightnessKeyDown=e=>{let n=new l;n.hue=this.currentColor.hue;n.saturation=this.currentColor.saturation;n.lightness=this.currentColor.lightness;let o=.01;if(e.shiftKey){o=.1}switch(e.key){case"ArrowUp":n.lightness+=o;break;case"ArrowDown":n.lightness-=o;break;case"ArrowLeft":n.saturation-=o;break;case"ArrowRight":n.saturation+=o}this.currentColor=n};this.handleHueKeyDown=e=>{let n=new l;n.hue=this.currentColor.hue;n.saturation=this.currentColor.saturation;n.lightness=this.currentColor.lightness;let o=1;if(e.shiftKey){o=10}switch(e.key){case"ArrowLeft":n.hue-=o;break;case"ArrowRight":n.hue+=o}this.currentColor=n};this.color="FFFFFF";this.colorBoxHeight="50%";this.currentColor=undefined;this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none";this.focused=false}colorChangedHandler(e){this.colorChanged.emit(e)}handeCurrentColorChanged(e){this.colorChangedHandler(e)}componentWillLoad(){this.handleHexChange(this.color)}componentDidLoad(){this.el.style.setProperty("--color-box-height",this.colorBoxHeight.toString())}getHex(){return this.getDoublet(this.currentColor.red)+this.getDoublet(this.currentColor.green)+this.getDoublet(this.currentColor.blue)}getContrast(){return this.currentColor.contrastColor}getDoublet(e){const n=e.toString(16).toUpperCase();if(n.length===1){return"0"+n}return n}handleHexChange(e){const n=new l;if(e.match(/^(?:[\da-f]{3}|[\da-f]{6})$/i).length>0){if(e.length===3){let n=e[0]+e[0]+e[1]+e[1]+e[2]+e[2];e=n}n.red=parseInt(e.substr(0,2),16);n.green=parseInt(e.substr(2,2),16);n.blue=parseInt(e.substr(4,2),16)}else{n.red=this.currentColor.red;n.green=this.currentColor.green;n.blue=this.currentColor.blue}this.currentColor=n}switchColorMode(e){switch(e.target.id){case"rgb-switch":this.rgbDisplay="none";this.hslDisplay="none";this.hexDisplay="flex";break;case"hex-switch":this.rgbDisplay="none";this.hslDisplay="flex";this.hexDisplay="none";break;case"hsl-switch":this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none";break;default:this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none"}}render(){const e=this.currentColor.hue;const n=this.currentColor.saturation;const i=this.currentColor.lightness;const d=this.currentColor.red;const l=this.currentColor.green;const s=this.currentColor.blue;return o(t,{key:"4a8550809e62a746aaabbb06490b996e8e96f8d6",tabIndex:this.focused?-1:0,onFocus:()=>this.saturationBrightnessButton.focus(),onBlur:()=>this.saturationBrightnessButton.blur()},o("div",{key:"ecda9654e41e807708177cdcf6ac3047806f9af2",class:"dnn-color-picker"},o("div",{key:"00a3925f897e3c28ecb947f694468e9b2f65207c",class:"dnn-color-sliders"},o("div",{key:"4f8c3dc5aba9604e099fcac445e30abc424980a1",class:"dnn-color-s-b",ref:e=>this.saturationLightnessBox=e,style:{backgroundColor:`hsl(${e},100%,50%)`},onMouseDown:this.handleSaturationLightnessMouseDown.bind(this)},o("button",{key:"9840ad20d0f06cb460ce9716f89846c04e542930",ref:e=>this.saturationBrightnessButton=e,class:"dnn-s-b-picker","aria-label":"Press up or down to adjust lightness, left or right to adjust saturation, hold shift to move by 10%",role:"slider","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":`Saturation: ${Math.round(this.currentColor.saturation*100)}%, Lightness: ${Math.round(this.currentColor.lightness*100)}%`,style:{left:Math.round(n*100)+"%",bottom:Math.round(i*100)+"%"},onKeyDown:e=>this.handleSaturationLightnessKeyDown(e),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false})),o("div",{key:"22d2b5063dd641af85f89148703da4c06a8a206d",class:"dnn-color-bar"},o("div",{key:"595f25c31abfdb96abbe88ff9427e2030affacc0",class:"dnn-color-result",style:{backgroundColor:"#"+this.getHex(),boxShadow:"0 0 2px 1px "+"#"+this.getContrast()}}),o("div",{key:"a09e921da35557cffb44e7a9355cf0008c5a2190",class:"dnn-color-hue",ref:e=>this.hueRange=e,onMouseDown:this.handleHueMouseDown.bind(this)},o("button",{key:"3e047784cb4cbba615bc11e21b2a75585cff080b",class:"dnn-hue-picker","aria-label":"Press left or right to adjust hue, hold shift to move by 10 degrees",role:"slider","aria-valuemin":"0","aria-valuemax":"359","aria-valuenow":Math.round(e),style:{left:(e/359*100).toString()+"%"},onKeyDown:e=>this.handleHueKeyDown(e)})))),o("div",{key:"7b51561878b4382cf8bebc8383f4b021277b6484",class:"dnn-color-fields"},o("div",{key:"83774c93598078c9575924b05656ee747d77b1c3",class:"dnn-rgb-color-fields",style:{display:this.rgbDisplay}},o("div",{key:"02a317e6c0ec62e367d6d5002eefec1067ffbfd4",class:"dnn-rgb-color-field"},o("label",{key:"898ef5cf648ed2e2c78df30d033382203f4ed2cf"},"R"),o("input",{key:"e4a761675ebf4bdd4d2f9b6f49cc9d496648fe38",type:"number",min:"0",max:"255",step:"1",class:"red",value:d,"aria-label":"red value",onChange:e=>this.handleComponentValueChange(e,"red")})),o("div",{key:"3f41f9f9e62013c33060e7b6f613070f5d58257c",class:"dnn-rgb-color-field"},o("label",{key:"ee45595f44fb7122905b438abbe5167a1b593e82"},"G"),o("input",{key:"3fcc6047fcb8248c99c22911da96cab59b7b5af6",type:"number",min:"0",max:"255",class:"green",value:l,"aria-label":"green value",onChange:e=>this.handleComponentValueChange(e,"green")})),o("div",{key:"8d806b41090345515922e2ec371be5441d2e04e9",class:"dnn-rgb-color-field"},o("label",{key:"1d0dd3af95e1016852ea5f9e400adacef7225a43"},"B"),o("input",{key:"e86c057240a1d8f3d17b64e66b13e390df1f6864",type:"number",min:"0",max:"255",class:"blue",value:s,"aria-label":"blue value",onChange:e=>this.handleComponentValueChange(e,"blue")})),o("div",{key:"192b4ff049c05cccb86fe713fbd6980d687822a1",class:"dnn-color-mode-switch"},o("button",{key:"30b009720f3fd6805249b7e23aa4c536877974b0",id:"rgb-switch",onClick:this.switchColorMode.bind(this),"aria-label":"switch to hexadecimal value entry"},o("svg",{key:"60384168518b2acae849ad0182cc73c395996e55",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"8716e942521a53b65f243a007a69b25a90d96f7e",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"43286c1abbd8e50b6fd57d26ecd7ffa4f7c169c2",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"8f6cbfb39b67c5587642a77e09567a8ec06338cf",class:"dnn-hsl-color-fields",style:{display:this.hslDisplay}},o("div",{key:"0ec67be5d6ba3af54a59319cf47a433076b22f1a",class:"dnn-hsl-color-field"},o("label",{key:"49455314fd8fdb5287f9033382ad6daa32fac2eb"},"H"),o("input",{key:"4c16035b6b331b2b73333243b5c031641a40f8b9",type:"number",min:"0",max:"359",step:1,value:Math.round(e),"aria-label":"Hue",onChange:e=>this.handleHSLChange(e,"hue")})),o("div",{key:"2b5328e51869dc461f6c223150ba89fb1fb0c9d1",class:"dnn-hsl-color-field"},o("label",{key:"6fd47e30c3b520b44d4b146e72a6d1f3e80b7bff"},"S"),o("input",{key:"0d9684fed8094a295d2926f04b890ae315e82b36",type:"number",min:"0",max:"100",step:1,value:Math.round(n*100),"aria-label":"Saturation",onChange:e=>this.handleHSLChange(e,"saturation")})),o("div",{key:"61dea83d7e66a3e42d81c91ddafa6cc38edf848f",class:"dnn-hsl-color-field"},o("label",{key:"2b725ac0706de98d7b9c5a403b2af8d1dfc99bfe"},"L"),o("input",{key:"c36fcf1347961bea27b7832c827b8d77fa113071",type:"number",min:"0",max:"100",step:1,value:Math.round(i*100),"aria-label":"Lightness",onChange:e=>this.handleHSLChange(e,"lightness")})),o("div",{key:"1b5fab2ebdd349bfde3d892a7ce20e5be8becfa5",class:"dnn-color-mode-switch"},o("button",{key:"9af86f6c10b8edcdbbee95a581c45c52bf8d5761",id:"hsl-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to red, green, blue entry mode"},o("svg",{key:"91852e938e0ccb8318dd7a9b5548c2d2f2a4fa86",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"1ca5aa1d19bf8c84979ddd072744b19400288a36",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"6581be641c862805590dce8003523086b0f17f07",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"a69134e39b2c824f85932db783a87bba27ad0df4",class:"dnn-hex-color-fields",style:{display:this.hexDisplay}},o("div",{key:"427fd43b15a906590c08566d91d06ff2f0be5194",class:"dnn-hex-color-field"},o("label",{key:"7308bd6ab3e22d2d9f2cac7b234212384fe86419"},"HEX"),o("div",{key:"092f370eda67a17b7216b3cf23624c826e952360",class:"hex-input"},o("input",{key:"51fc344cb6adebc7ce808ea691cc6bdc511bd4fc",type:"text","aria-label":"Hexadecimal value",value:this.getHex(),onChange:e=>this.handleHexChange(e.target.value)}),o("button",{key:"7e870d2ee5736175be9834afe1de5e3199f6982f",class:"copy","aria-label":"copy value"},o("svg",{key:"c56b2a42035991f93c46371d85c40d3e11f17734",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"d1302c6c2fba44441b1df4aa792414a7fa9ec698",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"9457bc2deb1d2acd5c6d5bca5e68f41aeac93cb1",d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"}))))),o("div",{key:"7c0218eba7f3d516734cf644e0191abc99b56608",class:"dnn-color-mode-switch"},o("button",{key:"e0ecb70e7e7360231bc17da87c63dbcc71ae8e7d",id:"hex-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to hue saturation lightness values"},o("svg",{key:"783ab05c6aa74ca4687eaadfcd1550438cc70981",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"d90dfa65c0df191d30d9bf74ad68ccbb79449fa2",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"1bcae0d28af993b589e34306bde187ef386d7e29",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))))))}get el(){return i(this)}static get watchers(){return{currentColor:["handeCurrentColorChanged"]}}};c([d(100)],a.prototype,"colorChangedHandler",null);a.style=r;export{a as dnn_color_picker};
-//# sourceMappingURL=p-61dfb826.entry.js.map
+ */var c=undefined&&undefined.__decorate||function(e,n,o,t){var i=arguments.length,d=i<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,o):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(e,n,o,t);else for(var s=e.length-1;s>=0;s--)if(l=e[s])d=(i<3?l(d):i>3?l(n,o,d):l(n,o))||d;return i>3&&d&&Object.defineProperty(n,o,d),d};const a=class{constructor(o){e(this,o);this.colorChanged=n(this,"colorChanged",7);this.handleSaturationLightnessMouseDown=e=>{e.preventDefault();this.handleDragLightnessSaturation(e);window.addEventListener("mousemove",this.handleDragLightnessSaturation);window.addEventListener("mouseup",this.handleSaturationLightnessMouseUp)};this.handleDragLightnessSaturation=e=>{const n=this.saturationLightnessBox.getBoundingClientRect();let o=e.clientX-n.left;if(o<0){o=0}if(o>n.width){o=n.width}o=o/n.width;let t=e.clientY-n.top;if(t<0){t=0}if(t>n.height){t=n.height}t=1-t/n.height;const i=new l;i.hue=this.currentColor.hue;i.saturation=o;i.lightness=t;this.currentColor=i};this.handleSaturationLightnessMouseUp=()=>{window.removeEventListener("mousemove",this.handleDragLightnessSaturation);window.removeEventListener("mouseup",this.handleSaturationLightnessMouseUp)};this.handleHueMouseDown=e=>{e.preventDefault();this.handleDragHue(e);window.addEventListener("mousemove",this.handleDragHue);window.addEventListener("mouseup",this.handleHueMouseUp)};this.handleHueMouseUp=()=>{window.removeEventListener("mousemove",this.handleDragHue);window.removeEventListener("mouseup",this.handleHueMouseUp)};this.handleDragHue=e=>{const n=this.hueRange.getBoundingClientRect();let o=e.clientX-n.left;if(o<0){o=0}if(o>n.width){o=n.width}o=o/n.width*360;const t=new l;t.hue=o;t.saturation=this.currentColor.saturation;t.lightness=this.currentColor.lightness;this.currentColor=t};this.handleComponentValueChange=(e,n)=>{let o=parseInt(e.target.value);if(isNaN(o)){return}const t=new l;if(o<0){o=0}if(o>255){o=255}let i=this.currentColor.red;let d=this.currentColor.green;let s=this.currentColor.blue;switch(n){case"red":i=o;break;case"green":d=o;break;case"blue":s=o;break}t.green=d;t.red=i;t.blue=s;this.currentColor=t};this.handleHSLChange=(e,n)=>{let o=parseInt(e.target.value);if(isNaN(o)){return}const t=new l;if(o!=null){let e=this.currentColor.hue;let i=this.currentColor.saturation;let d=this.currentColor.lightness;switch(n){case"hue":if(o<0){o=0}if(o>359){o=0}e=o;break;case"saturation":if(o<0){o=0}if(o>100){o=100}i=o/100;break;case"lightness":if(o<0){o=0}if(o>100){o=100}d=o/100;break}t.hue=e;t.saturation=i;t.lightness=d;this.currentColor=t}};this.handleSaturationLightnessKeyDown=e=>{let n=new l;n.hue=this.currentColor.hue;n.saturation=this.currentColor.saturation;n.lightness=this.currentColor.lightness;let o=.01;if(e.shiftKey){o=.1}switch(e.key){case"ArrowUp":n.lightness+=o;break;case"ArrowDown":n.lightness-=o;break;case"ArrowLeft":n.saturation-=o;break;case"ArrowRight":n.saturation+=o}this.currentColor=n};this.handleHueKeyDown=e=>{let n=new l;n.hue=this.currentColor.hue;n.saturation=this.currentColor.saturation;n.lightness=this.currentColor.lightness;let o=1;if(e.shiftKey){o=10}switch(e.key){case"ArrowLeft":n.hue-=o;break;case"ArrowRight":n.hue+=o}this.currentColor=n};this.color="FFFFFF";this.colorBoxHeight="50%";this.currentColor=undefined;this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none";this.focused=false}colorChangedHandler(e){this.colorChanged.emit(e)}handeCurrentColorChanged(e){this.colorChangedHandler(e)}componentWillLoad(){this.handleHexChange(this.color)}componentDidLoad(){this.el.style.setProperty("--color-box-height",this.colorBoxHeight.toString())}getHex(){return this.getDoublet(this.currentColor.red)+this.getDoublet(this.currentColor.green)+this.getDoublet(this.currentColor.blue)}getContrast(){return this.currentColor.contrastColor}getDoublet(e){const n=e.toString(16).toUpperCase();if(n.length===1){return"0"+n}return n}handleHexChange(e){const n=new l;if(e.match(/^(?:[\da-f]{3}|[\da-f]{6})$/i).length>0){if(e.length===3){let n=e[0]+e[0]+e[1]+e[1]+e[2]+e[2];e=n}n.red=parseInt(e.substr(0,2),16);n.green=parseInt(e.substr(2,2),16);n.blue=parseInt(e.substr(4,2),16)}else{n.red=this.currentColor.red;n.green=this.currentColor.green;n.blue=this.currentColor.blue}this.currentColor=n}switchColorMode(e){switch(e.target.id){case"rgb-switch":this.rgbDisplay="none";this.hslDisplay="none";this.hexDisplay="flex";break;case"hex-switch":this.rgbDisplay="none";this.hslDisplay="flex";this.hexDisplay="none";break;case"hsl-switch":this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none";break;default:this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none"}}render(){const e=this.currentColor.hue;const n=this.currentColor.saturation;const i=this.currentColor.lightness;const d=this.currentColor.red;const l=this.currentColor.green;const s=this.currentColor.blue;return o(t,{key:"3270ad5db8fe3d6e4b0b77b8eaaab7ca49f845a1",tabIndex:this.focused?-1:0,onFocus:()=>this.saturationBrightnessButton.focus(),onBlur:()=>this.saturationBrightnessButton.blur()},o("div",{key:"b92a03280c86835af30df24364f9923627f77ea9",class:"dnn-color-picker"},o("div",{key:"5e23ef4f0678d73e3908d7d81aa57f1e9f8a75dc",class:"dnn-color-sliders"},o("div",{key:"416fcb88cd209236acb5299719b2148c741beba8",class:"dnn-color-s-b",ref:e=>this.saturationLightnessBox=e,style:{backgroundColor:`hsl(${e},100%,50%)`},onMouseDown:this.handleSaturationLightnessMouseDown.bind(this)},o("button",{key:"1a4ae20c8308ec5132da58ccaeb6420b737588c7",ref:e=>this.saturationBrightnessButton=e,class:"dnn-s-b-picker","aria-label":"Press up or down to adjust lightness, left or right to adjust saturation, hold shift to move by 10%",role:"slider","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":`Saturation: ${Math.round(this.currentColor.saturation*100)}%, Lightness: ${Math.round(this.currentColor.lightness*100)}%`,style:{left:Math.round(n*100)+"%",bottom:Math.round(i*100)+"%"},onKeyDown:e=>this.handleSaturationLightnessKeyDown(e),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false})),o("div",{key:"1ac761c0b53f096f585bba62eb63048aa00ec244",class:"dnn-color-bar"},o("div",{key:"67e90b41602a2667c4820cf77e855d12309b71f1",class:"dnn-color-result",style:{backgroundColor:"#"+this.getHex(),boxShadow:"0 0 2px 1px "+"#"+this.getContrast()}}),o("div",{key:"4b6593671043f63f14641f3335ccf39b04b0fe5d",class:"dnn-color-hue",ref:e=>this.hueRange=e,onMouseDown:this.handleHueMouseDown.bind(this)},o("button",{key:"01c59ab72393b1d7dfef31196adfc6d10e68ceb0",class:"dnn-hue-picker","aria-label":"Press left or right to adjust hue, hold shift to move by 10 degrees",role:"slider","aria-valuemin":"0","aria-valuemax":"359","aria-valuenow":Math.round(e),style:{left:(e/359*100).toString()+"%"},onKeyDown:e=>this.handleHueKeyDown(e)})))),o("div",{key:"f2cd5649fb1788700a1e40bc28d0293e6522df02",class:"dnn-color-fields"},o("div",{key:"261f1f240094a62d976cbddcb5d1d53772776ddc",class:"dnn-rgb-color-fields",style:{display:this.rgbDisplay}},o("div",{key:"61416a06bff45ac743e03a117f932f217f02c1c0",class:"dnn-rgb-color-field"},o("label",{key:"27b5b1742d903aeb5b5f3f2edcf69b29c32eab39"},"R"),o("input",{key:"86b35afd62520a4c1b712ced31ed079e3e5394f7",type:"number",min:"0",max:"255",step:"1",class:"red",value:d,"aria-label":"red value",onChange:e=>this.handleComponentValueChange(e,"red")})),o("div",{key:"69115f117b7d0f619765b2a01503ad17448263c5",class:"dnn-rgb-color-field"},o("label",{key:"6f1870bd898b2f7d061075dedac54a6f81bd4ee0"},"G"),o("input",{key:"e48f0a48c8a4cf69a4893cb8d8c74084bfc3044c",type:"number",min:"0",max:"255",class:"green",value:l,"aria-label":"green value",onChange:e=>this.handleComponentValueChange(e,"green")})),o("div",{key:"c6ef7f77a1c34a9960c72a618d54391c53f74f4d",class:"dnn-rgb-color-field"},o("label",{key:"bb4e309c363171764bde998fe58430b4eb6ebf4f"},"B"),o("input",{key:"e9dfe614313e271b45ca0c60ba26655d59f39447",type:"number",min:"0",max:"255",class:"blue",value:s,"aria-label":"blue value",onChange:e=>this.handleComponentValueChange(e,"blue")})),o("div",{key:"29ef67398fc1522c0564f62033039f77b49edc2b",class:"dnn-color-mode-switch"},o("button",{key:"d0367da5c40215fbd1f3eadf10dd6bca08a963a6",id:"rgb-switch",onClick:this.switchColorMode.bind(this),"aria-label":"switch to hexadecimal value entry"},o("svg",{key:"53cb5cdae4143c70e8240990d842ea4457d7ae14",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"0271d81c2bd99e134803b4edab2a7272a6020d87",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"d25d380ab10e7109238476344c6b5c638a4f96ca",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"6698763d1fbb8d2c1da28e0d42f6be753b14c4c8",class:"dnn-hsl-color-fields",style:{display:this.hslDisplay}},o("div",{key:"28173e72c4e7fee625fca382b80f824b9488cfb7",class:"dnn-hsl-color-field"},o("label",{key:"dfdb1809df786e1ff923e8c3e3161f53654ba685"},"H"),o("input",{key:"d9e7c99eb2a50c938e6021bf49131309507e96b1",type:"number",min:"0",max:"359",step:1,value:Math.round(e),"aria-label":"Hue",onChange:e=>this.handleHSLChange(e,"hue")})),o("div",{key:"a4fdbdd1f043a550d1d0b8ab8a0b7f04994cf8d5",class:"dnn-hsl-color-field"},o("label",{key:"c96a8928f7f36e403e24938c5cec79aa74b00a25"},"S"),o("input",{key:"7c1bb89131a0cf7f3062f2e8cf73c14fd2932db8",type:"number",min:"0",max:"100",step:1,value:Math.round(n*100),"aria-label":"Saturation",onChange:e=>this.handleHSLChange(e,"saturation")})),o("div",{key:"067f8b87d94bb6e7d7a95ff043282b2e049898a0",class:"dnn-hsl-color-field"},o("label",{key:"f77c69f8e0fbef9b25692acca6ed5c3007a1b53c"},"L"),o("input",{key:"b65b95e1fd5926a44f83f219f2bb96c89c489a28",type:"number",min:"0",max:"100",step:1,value:Math.round(i*100),"aria-label":"Lightness",onChange:e=>this.handleHSLChange(e,"lightness")})),o("div",{key:"c0cfb39dcf480e86355a0c87e416fa054aa9f4e5",class:"dnn-color-mode-switch"},o("button",{key:"8c19afde9cfb3b8333a1313e55395b92f34dec2c",id:"hsl-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to red, green, blue entry mode"},o("svg",{key:"54ccf0a690d6e2a102c33a0dbc1d08cf99c11ed0",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"87f25bab11448e091e4427a82e40e44956aa83a1",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"3a83e2cf45ee881ae05fb73e2077289d73a140af",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"0b7a592d2230136808b34ed36e5c84ee56328e53",class:"dnn-hex-color-fields",style:{display:this.hexDisplay}},o("div",{key:"aa832989de6451ea2abdb0cf5282a99b2ba0a6eb",class:"dnn-hex-color-field"},o("label",{key:"f5319d53261202307f5984172143e440995427e9"},"HEX"),o("div",{key:"e68434340c0b59d6fb24f0c509c861b948842b68",class:"hex-input"},o("input",{key:"fb40e1d785cfcc29b43a788d6ef9fd447ca01401",type:"text","aria-label":"Hexadecimal value",value:this.getHex(),onChange:e=>this.handleHexChange(e.target.value)}),o("button",{key:"e6a21c14dc0d7005d92538014031e6675becea5e",class:"copy","aria-label":"copy value"},o("svg",{key:"beb4d7d7f5a97f27db768b29e478949ba84a23d7",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"3376034e2172767665169ad4476f025b97746665",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"d0bbb664e9d5c77a9a5a9c155e90e4666b6168bf",d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"}))))),o("div",{key:"20aee791254a22327a58a8bc570c25cf0ea436a7",class:"dnn-color-mode-switch"},o("button",{key:"2b978bff44ce5a51461ed03d4f1df40c0e77c5af",id:"hex-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to hue saturation lightness values"},o("svg",{key:"34eef4f8d254a78519a8ce254d97fbc2f5d3c728",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"dd50ec024953f5f09fd593f2fe181bcf220fd7a5",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"5817f1b8f93fec23a215124272a084a4d7cef286",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))))))}get el(){return i(this)}static get watchers(){return{currentColor:["handeCurrentColorChanged"]}}};c([d(100)],a.prototype,"colorChangedHandler",null);a.style=r;export{a as dnn_color_picker};
+//# sourceMappingURL=p-69d5f883.entry.js.map

package/dist/dnn/p-6e2adf25.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as i}from"./p-978abd50.js";const d=":host{display:block}.add-role-row{display:flex;gap:1em;align-items:center;flex-wrap:wrap}.add-role-row label{margin-right:0.5em}.search-user{display:flex;gap:1em;margin-top:1em}.search-user .search-control{position:relative}.search-user .search-control dnn-collapsible{position:absolute;left:0;top:calc(100% - 2px);width:100%;box-shadow:0px 4px 4px}.search-user .search-control dnn-collapsible .dropdown{background-color:white;border:1px solid lightgray;display:flex;flex-direction:column}.search-user .search-control dnn-collapsible .dropdown button{background-color:transparent;border:none;border-bottom:1px solid lightgray;padding:0.25em;margin:0;text-align:left}table{border:1px solid lightgray;border-collapse:collapse;margin-top:1em}table thead{text-align:center}table thead tr{border-bottom:1px solid lightgray}table thead th{background-color:lightgray;padding:0.25em 0.5em}table thead th:first-child{border-right:1px solid lightgray}table tbody tr{border-bottom:1px dotted lightgray}table tbody tr th{text-align:left;border-right:1px solid lightgray;padding:0 0.5em}table tbody tr td{text-align:center}table tbody tr td label .hidden{display:none}table tbody tr td button{background-color:transparent;border:0;padding:0;margin:0;margin-right:1em}";const c=d;const n=class{constructor(s){e(this,s);this.userSearchQueryChanged=t(this,"userSearchQueryChanged",7);this.permissionsChanged=t(this,"permissionsChanged",7);this.defaultResx={Add:"Add",AllRoles:"All Roles",FilterByGroup:"Filter By Group",GlobalRoles:"Global Roles",Role:"Role",RolePermissions:"Role Permissions",SelectRole:"Select Role",User:"User",UserPermissions:"User Permissions"};this.permissions=undefined;this.roleGroups=undefined;this.roles=undefined;this.resx=undefined;this.foundUsers=[];this.selectedRoleGroupId=-1;this.userQuery=undefined;this.pickedUser=undefined;this.localResx=undefined;this.focused=false}handleFoundUsersChanged(e){if((e===null||e===void 0?void 0:e.length)>0){setTimeout((()=>{this.userCollapsible.expanded=true}),100)}}resxChanged(){this.mergeResx()}componentWillLoad(){document.addEventListener("click",this.dismissUserResults.bind(this));this.mergeResx()}disconnectedCallback(){document.removeEventListener("click",this.disconnectedCallback.bind(this))}mergeResx(){this.localResx=Object.assign(Object.assign({},this.defaultResx),this.resx)}dismissUserResults(e){const t=this.roleDropDown.getBoundingClientRect();if(e.pageX>t.right||e.pageX<t.left||e.pageY>t.bottom||e.pageY<t.top){this.userCollapsible.expanded=false}}handleRoleGroupChanged(e){const t=e.selectedIndex;const s=Number.parseInt(e.options[t].value);this.selectedRoleGroupId=s}addRole(){const e=Number.parseInt(this.roleDropDown.options[this.roleDropDown.selectedIndex].value);const t=this.roles.filter((t=>t.RoleId==e))[0];this.permissions=Object.assign(Object.assign({},this.permissions),{rolePermissions:[...this.permissions.rolePermissions,{default:false,locked:false,permissions:[],roleId:t.RoleId,roleName:t.RoleName}]});this.permissionsChanged.emit(this.permissions)}addUser(){if(this.pickedUser!=undefined){this.permissions=Object.assign(Object.assign({},this.permissions),{userPermissions:[...this.permissions.userPermissions,{displayName:this.pickedUser.displayName,permissions:[],userId:this.pickedUser.userId}]});this.pickedUser=undefined;this.userQuery="";this.permissionsChanged.emit(this.permissions)}}getRoles(){const e=this.roles.filter((e=>!this.permissions.rolePermissions.some((t=>t.roleId==e.RoleId))));if(this.selectedRoleGroupId==-2){return e}if(this.selectedRoleGroupId==-1){return e.filter((e=>e.IsSystemRole))}return e.filter((e=>e.RoleGroupId==this.selectedRoleGroupId))}renderRoleCheckBox(e,t){const i=e.permissions.filter((e=>e.permissionId==t.permissionId))[0];if(e.locked){return s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("g",{fill:"none"},s("path",{d:"M0 0h24v24H0V0z"}),s("path",{d:"M0 0h24v24H0V0z",opacity:".87"})),s("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"}))}const d=i==undefined?"intermediate":i.allowAccess?"checked":"unchecked";return s("label",null,s("span",{class:"hidden"},t.permissionName),s("dnn-checkbox",{"use-intermediate":true,checked:d,onCheckedchange:s=>this.handleRoleChanged(s.detail,e,t)},s("div",{slot:"intermediateicon"},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{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"}))),s("div",{slot:"uncheckedicon"},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"})))))}renderUserCheckBox(e,t){const i=e.permissions.filter((e=>e.permissionId==t.permissionId))[0];const d=i==undefined?"intermediate":i.allowAccess?"checked":"unchecked";return s("label",null,s("span",{class:"hidden"},t.permissionName),s("dnn-checkbox",{"use-intermediate":true,checked:d,onCheckedchange:s=>this.handleUserChanged(s.detail,e,t)},s("div",{slot:"intermediateicon"},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{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"}))),s("div",{slot:"uncheckedicon"},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"})))))}handleRoleChanged(e,t,s){switch(e){case"unchecked":this.permissions=Object.assign(Object.assign({},this.permissions),{rolePermissions:[...this.permissions.rolePermissions.map((e=>{if(e.roleId!=t.roleId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId)),{allowAccess:false,fullControl:false,permissionCode:s.permissionCode,permissionId:s.permissionId,permissionKey:s.permissionKey,permissionName:s.permissionName,view:false}];return i}))]});break;case"checked":this.permissions=Object.assign(Object.assign({},this.permissions),{rolePermissions:[...this.permissions.rolePermissions.map((e=>{if(e.roleId!=t.roleId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId)),{allowAccess:true,fullControl:false,permissionCode:s.permissionCode,permissionId:s.permissionId,permissionKey:s.permissionKey,permissionName:s.permissionName,view:false}];return i}))]});break;case"intermediate":this.permissions=Object.assign(Object.assign({},this.permissions),{rolePermissions:[...this.permissions.rolePermissions.map((e=>{if(e.roleId!=t.roleId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId))];return i}))]});break}this.permissionsChanged.emit(this.permissions)}handleUserChanged(e,t,s){switch(e){case"unchecked":this.permissions=Object.assign(Object.assign({},this.permissions),{userPermissions:[...this.permissions.userPermissions.map((e=>{if(e.userId!=t.userId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId)),{allowAccess:false,fullControl:false,permissionCode:s.permissionCode,permissionId:s.permissionId,permissionKey:s.permissionKey,permissionName:s.permissionName,view:false}];return i}))]});break;case"checked":this.permissions=Object.assign(Object.assign({},this.permissions),{userPermissions:[...this.permissions.userPermissions.map((e=>{if(e.userId!=t.userId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId)),{allowAccess:true,fullControl:false,permissionCode:s.permissionCode,permissionId:s.permissionId,permissionKey:s.permissionKey,permissionName:s.permissionName,view:false}];return i}))]});break;case"intermediate":this.permissions=Object.assign(Object.assign({},this.permissions),{userPermissions:[...this.permissions.userPermissions.map((e=>{if(e.userId!=t.userId){return e}const i=Object.assign({},e);i.permissions=[...i.permissions.filter((e=>e.permissionId!=s.permissionId))];return i}))]});break}this.permissionsChanged.emit(this.permissions)}removeRole(e){this.permissions=Object.assign(Object.assign({},this.permissions),{rolePermissions:[...this.permissions.rolePermissions.filter((t=>t.roleId!=e.roleId))]});this.permissionsChanged.emit()}removeUser(e){this.permissions=Object.assign(Object.assign({},this.permissions),{userPermissions:[...this.permissions.userPermissions.filter((t=>t.userId!=e.userId))]});this.permissionsChanged.emit(this.permissions)}handleQueryChanged(e){this.userQuery=e;if(e==undefined||e.length==0){this.userCollapsible.expanded=false;this.pickedUser=undefined;this.foundUsers=[];return}this.userSearchQueryChanged.emit(e)}handleSearchUserFieldKeyDown(e){if(e.key!="ArrowDown"){return}e.preventDefault();const t=this.userCollapsible.querySelector("button");if(t!=undefined){t.focus()}}handleSearchedUserKeyDown(e){const t=e.target;switch(e.key){case"ArrowDown":e.preventDefault();const s=t.nextElementSibling;s===null||s===void 0?void 0:s.focus();break;case"ArrowUp":e.preventDefault();const i=t.previousElementSibling;i===null||i===void 0?void 0:i.focus();break}}handleUserPicked(e){this.userQuery=e.displayName;this.pickedUser=e}getFilteredUsers(){return this.foundUsers.filter((e=>!this.permissions.userPermissions.some((t=>t.userId==e.userId))))}render(){const e=this.getRoles();return s(i,{key:"cf72a4f914f45cc67dc2c3eda77f9edde7f60270",tabIndex:this.focused?-1:0,onFocus:()=>this.rolesDropdown.focus(),onBlur:()=>this.rolesDropdown.blur()},s("div",{key:"8c4ebce85c93f4f08c4ad24f0b6223de8dc6449c",class:"add-role-row"},s("div",{key:"585768e943955c909194a25dba06a8b84ae4e7be",class:"dropdown"},s("label",{key:"e9823e0e553a3ae23384e79354696de2c649bea2"},this.localResx.FilterByGroup," :"),s("select",{key:"5a8cc2742a103bd024243708b18c069b43e70674",ref:e=>this.rolesDropdown=e,onChange:e=>this.handleRoleGroupChanged(e.target),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},s("option",{key:"daa1a622f34c7b08145b8486201ffaacbb129b78",value:-2,selected:this.selectedRoleGroupId==-2},this.localResx.AllRoles),s("option",{key:"039fb0a46c56712dccc0d76b3a8872ff8b2d06db",value:-1,selected:this.selectedRoleGroupId==-1},this.localResx.GlobalRoles),this.roleGroups.map((e=>s("option",{value:e.id,selected:this.selectedRoleGroupId==e.id},e.name))))),e&&e.length>0&&[s("div",{key:"1db52ea02ecf75268ec9996fbd68ea7726733679",class:"dropdown"},s("label",{key:"7fa52a0247951ca88ad80cbf810e7810688dc918"},this.localResx.SelectRole," :"),s("select",{key:"cf7baac0e6c22c33ddcac117f05046b942ad6d4e",ref:e=>this.roleDropDown=e},this.getRoles().map((e=>s("option",{value:e.RoleId},e.RoleName))))),s("dnn-button",{key:"b95196cf538d86c255440a5a88a7f85f019b6632",type:"primary",onClick:()=>this.addRole()},this.localResx.Add)]),s("table",{key:"51110cb5293a2b753f808572418210094bdc1f7d",class:"roles-table"},s("caption",{key:"2c1abc3f0fe54307b48be57e7f9b61939b4822b3"},this.localResx.RolePermissions),s("thead",{key:"b7e89b31ba60e0b0c866f2c4f83f5df98d6f83b3"},s("tr",{key:"4f2c16c8425483d7dc1aba76cedd20083dcf9dc3"},s("th",{key:"4c0910460873ecab0b9f55352be83c56c575f6a6"},this.localResx.Role),this.permissions.permissionDefinitions.map((e=>s("th",null,e.permissionName))),s("th",{key:"a41f294b08733b13d2f75032d9b99891727a6b21"}," "))),s("tbody",{key:"66367d43acd71c2660ee7e38a383c2cc4cdeff2b"},this.permissions.rolePermissions.map((e=>s("tr",null,s("th",null,e.roleName),this.permissions.permissionDefinitions.map((t=>s("td",null,this.renderRoleCheckBox(e,t)))),s("td",null,!e.default&&s("button",{onClick:()=>this.removeRole(e)},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{d:"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}))))))))),s("div",{key:"96d18900b0c2e1915b49dbae8dfca84ce22f9224",class:"search-user"},s("div",{key:"cd5f5916d43a53a827654226fb2ca5cf2842d2fd",class:"search-control"},s("dnn-searchbox",{key:"47a8f6b69fba9e87806a02c2101d8eac0d65cfb7",placeholder:this.localResx.User,debounced:true,onQueryChanged:e=>this.handleQueryChanged(e.detail),onKeyDown:e=>this.handleSearchUserFieldKeyDown(e),query:this.userQuery}),s("dnn-collapsible",{key:"21e8ecd420d7a4174a1e8633a00ff609c88391d3",ref:e=>this.userCollapsible=e},s("div",{key:"e8996049d1743358d16515c6e7a62fbf1c3449f4",class:"dropdown"},this.getFilteredUsers().map((e=>s("button",{onKeyDown:e=>this.handleSearchedUserKeyDown(e),onClick:()=>this.handleUserPicked(e)},e.displayName)))))),this.pickedUser&&s("dnn-button",{key:"5a3159e4b75a1eaf7e04d76a5e7c207efbcb4bbd",onClick:()=>this.addUser()},this.localResx.Add)),this.permissions.userPermissions&&this.permissions.userPermissions.length>0&&s("table",{key:"1c67fd050abc84cc1d46c2f22ac54b72536c059c",class:"users-table"},s("caption",{key:"5a94b92f18104a0307e2282945f36855d055c09a"},this.localResx.UserPermissions),s("thead",{key:"85447eb661dae9d68aa076275b4bc6a3d710d86c"},s("tr",{key:"896a922a18c02b682a48ee613088bf3140291d02"},s("th",{key:"d6606accc9147704a1e71a401550b161f76a132c"},this.localResx.User),this.permissions.permissionDefinitions.map((e=>s("th",null,e.permissionName))),s("th",{key:"87d8b97ab435a913177f828afa637740ba4a2d7b"}," "))),s("tbody",{key:"8649339d5206c4d2c096d97705fa84c56735a8d1"},this.permissions.userPermissions.map((e=>s("tr",null,s("th",null,e.displayName),this.permissions.permissionDefinitions.map((t=>s("td",null,this.renderUserCheckBox(e,t)))),s("td",null,s("button",{onClick:()=>this.removeUser(e)},s("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},s("path",{d:"M0 0h24v24H0V0z",fill:"none"}),s("path",{d:"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}))))))))))}static get watchers(){return{foundUsers:["handleFoundUsersChanged"],resx:["resxChanged"]}}};n.style=c;export{n as dnn_permissions_grid};
+//# sourceMappingURL=p-6e2adf25.entry.js.map

package/dist/dnn/p-6e2adf25.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dnnPermissionsGridCss","DnnPermissionsGridStyle0","DnnPermissionsGrid","this","defaultResx","Add","AllRoles","FilterByGroup","GlobalRoles","Role","RolePermissions","SelectRole","User","UserPermissions","handleFoundUsersChanged","newValue","length","setTimeout","userCollapsible","expanded","resxChanged","mergeResx","componentWillLoad","document","addEventListener","dismissUserResults","bind","disconnectedCallback","removeEventListener","localResx","Object","assign","resx","e","dropdownRect","roleDropDown","getBoundingClientRect","pageX","right","left","pageY","bottom","top","handleRoleGroupChanged","dropdown","index","selectedIndex","value","Number","parseInt","options","selectedRoleGroupId","addRole","roleId","role","roles","filter","r","RoleId","permissions","rolePermissions","default","locked","roleName","RoleName","permissionsChanged","emit","addUser","pickedUser","undefined","userPermissions","displayName","userId","userQuery","getRoles","filteredRoles","some","rp","IsSystemRole","RoleGroupId","renderRoleCheckBox","rolePermission","permissionDefinition","item","permission","permissionId","h","xmlns","height","viewBox","width","fill","d","opacity","checked","allowAccess","class","permissionName","onCheckedchange","handleRoleChanged","detail","slot","renderUserCheckBox","userPermission","handleUserChanged","map","newRolePermission","p","fullControl","permissionCode","permissionKey","view","u","newUserPermission","removeRole","removeUser","up","handleQueryChanged","query","foundUsers","userSearchQueryChanged","handleSearchUserFieldKeyDown","key","preventDefault","firstButton","querySelector","focus","handleSearchedUserKeyDown","button","target","nextButton","nextElementSibling","previousButton","previousElementSibling","handleUserPicked","searchedUser","getFilteredUsers","fu","render","Host","tabIndex","focused","onFocus","rolesDropdown","onBlur","blur","ref","el","onChange","selected","roleGroups","roleGroup","id","name","type","onClick","permissionDefinitions","placeholder","debounced","onQueryChanged","onKeyDown"],"sources":["src/components/dnn-permissions-grid/dnn-permissions-grid.scss?tag=dnn-permissions-grid&encapsulation=shadow","src/components/dnn-permissions-grid/dnn-permissions-grid.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.add-role-row{\n  display: flex;\n  gap: 1em;\n  align-items: center;\n  flex-wrap: wrap;\n  label{\n    margin-right:0.5em;\n  }\n}\n.search-user{\n  display: flex;\n  gap: 1em;\n  margin-top: 1em;\n  .search-control{\n    position: relative;\n    dnn-collapsible{\n      position: absolute;\n      left: 0;\n      top: calc(100% - 2px);\n      width: 100%;\n      box-shadow: 0px 4px 4px;\n      .dropdown{\n        background-color: white;\n        border: 1px solid lightgray;\n        display: flex;\n        flex-direction: column;\n        button{\n          background-color: transparent;\n          border: none;\n          border-bottom: 1px solid lightgray;\n          padding: 0.25em;\n          margin: 0;\n          text-align: left;\n        }\n      }\n    }\n  }\n}\ntable{\n  border: 1px solid lightgray;\n  border-collapse: collapse;\n  margin-top: 1em;\n  thead{\n    text-align: center;\n    tr{\n      border-bottom: 1px solid lightgray;\n    }\n    th{\n      background-color: lightgray;\n      padding: 0.25em 0.5em;\n      &:first-child{\n        border-right: 1px solid lightgray;\n      }\n    }\n  }\n  tbody{\n    tr{\n      border-bottom: 1px dotted lightgray;\n      th{\n        text-align: left;\n        border-right: 1px solid lightgray;\n        padding: 0 0.5em;\n      }\n      td{\n        text-align: center;\n        label{\n          .hidden{\n            display: none;\n          }\n        }\n        button{\n          background-color: transparent;\n          border: 0;\n          padding: 0;\n          margin: 0;\n          margin-right: 1em;\n        }\n      }\n    }\n  }\n}","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { ILocalization } from './localization-interface';\nimport { IPermissionDefinition, IPermissions, IRolePermission, IUserPermission } from './permissions-interface';\nimport { IRoleGroup } from './role-group-interface';\nimport { IRole } from './role-interface';\nimport { ISearchedUser } from './searched-user-interface';\n\n@Component({\n  tag: 'dnn-permissions-grid',\n  styleUrl: 'dnn-permissions-grid.scss',\n  shadow: true,\n})\nexport class DnnPermissionsGrid {\n\n  /** The list of permissions. */\n  @Prop({mutable: true}) permissions!: IPermissions;\n\n  /** The list of role groups. */\n  @Prop() roleGroups!: IRoleGroup[];\n\n  /** The list of possible roles. */\n  @Prop() roles!: IRole[];\n\n  /** Optionally allows localizing the component strings. */\n  @Prop() resx: ILocalization;\n\n  /** The list of users to show under the search users field when a search is performed. */\n  @Prop() foundUsers: ISearchedUser[] = [];\n\n  /** Fires when searching for users to add to the permissions. Emits the search query. */\n  @Event() userSearchQueryChanged: EventEmitter<string>;\n  \n  /** Fires when any permissions have changed, can be used for instance to have linked permissions. */\n  @Event() permissionsChanged: EventEmitter<IPermissions>;\n\n  @State() selectedRoleGroupId = -1;\n  @State() userQuery: string;\n  @State() pickedUser: ISearchedUser;\n  @State() localResx: ILocalization;\n  @State() focused = false;\n  \n  \n  @Watch(\"foundUsers\")\n  handleFoundUsersChanged(newValue: ISearchedUser[]){\n    if (newValue?.length > 0){\n      setTimeout(() => {\n        this.userCollapsible.expanded = true;\n      }, 100);\n    }\n  }\n  \n  @Watch(\"resx\")\n  resxChanged(){\n    this.mergeResx();\n  }\n  \n  componentWillLoad() {\n    document.addEventListener(\"click\", this.dismissUserResults.bind(this));\n    this.mergeResx();\n  }\n  \n  disconnectedCallback() {\n    document.removeEventListener(\"click\", this.disconnectedCallback.bind(this));\n  }\n  \n  private roleDropDown: HTMLSelectElement;\n  private userCollapsible: HTMLDnnCollapsibleElement;\n  private rolesDropdown: HTMLSelectElement;\n  private defaultResx: ILocalization = {\n    Add: \"Add\",\n    AllRoles: \"All Roles\",\n    FilterByGroup: \"Filter By Group\",\n    GlobalRoles: \"Global Roles\",\n    Role: \"Role\",\n    RolePermissions: \"Role Permissions\",\n    SelectRole: \"Select Role\",\n    User: \"User\",\n    UserPermissions: \"User Permissions\",\n  };\n\n  private mergeResx(): void {\n    this.localResx = {...this.defaultResx, ...this.resx};\n  }\n\n  private dismissUserResults(e: MouseEvent){\n    const dropdownRect = this.roleDropDown.getBoundingClientRect();\n    if (\n      e.pageX > dropdownRect.right ||\n      e.pageX < dropdownRect.left ||\n      e.pageY > dropdownRect.bottom ||\n      e.pageY < dropdownRect.top){\n        this.userCollapsible.expanded = false;\n      }\n  } \n\n  private handleRoleGroupChanged(dropdown: HTMLSelectElement): void {\n    const index = dropdown.selectedIndex;\n    const value = Number.parseInt(dropdown.options[index].value);\n    this.selectedRoleGroupId = value;\n  }\n\n  private addRole(): void {\n    const roleId = Number.parseInt(this.roleDropDown.options[this.roleDropDown.selectedIndex].value);\n    const role = this.roles.filter(r => r.RoleId == roleId)[0];\n    this.permissions = {\n      ...this.permissions,\n      rolePermissions: [\n        ...this.permissions.rolePermissions,\n        {\n          default: false,\n          locked: false,\n          permissions: [],\n          roleId: role.RoleId,\n          roleName: role.RoleName,\n        }\n      ]\n    }\n    this.permissionsChanged.emit(this.permissions);\n  }\n\n  private addUser(): void {\n    if (this.pickedUser != undefined){\n      this.permissions = {\n        ...this.permissions,\n        userPermissions: [\n          ...this.permissions.userPermissions,\n          {\n            displayName: this.pickedUser.displayName,\n            permissions: [],\n            userId: this.pickedUser.userId,\n          },\n        ],\n      };\n      this.pickedUser = undefined;\n      this.userQuery = \"\";\n      this.permissionsChanged.emit(this.permissions);\n    }\n  }\n\n  private getRoles(){\n    const filteredRoles = this.roles.filter(role => \n      !this.permissions.rolePermissions.some(rp => rp.roleId == role.RoleId))\n    if (this.selectedRoleGroupId == -2){\n      // All Roles\n      return filteredRoles;\n    }\n\n    if (this.selectedRoleGroupId == -1){\n      // Global Roles\n      return filteredRoles.filter(role => role.IsSystemRole);\n    }\n    \n    return filteredRoles.filter(role => role.RoleGroupId == this.selectedRoleGroupId);\n  }\n\n  private renderRoleCheckBox(rolePermission: IRolePermission, permissionDefinition: IPermissionDefinition) {\n    const item = rolePermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n    if (rolePermission.locked){\n      return(\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g fill=\"none\"><path d=\"M0 0h24v24H0V0z\"/><path d=\"M0 0h24v24H0V0z\" opacity=\".87\"/></g><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"/></svg>\n      )\n    }\n\n    const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n    return(\n      <label>\n        <span class=\"hidden\">{permissionDefinition.permissionName}</span>\n        <dnn-checkbox\n          use-intermediate\n          checked={checked}\n          onCheckedchange={e => this.handleRoleChanged(e.detail, rolePermission, permissionDefinition)}\n        >\n          <div slot=\"intermediateicon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path 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\"/></svg>\n          </div>\n          <div slot=\"uncheckedicon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n          </div>\n        </dnn-checkbox>\n      </label>\n    )\n  }\n\n  private renderUserCheckBox(userPermission: IUserPermission, permissionDefinition: IPermissionDefinition) {\n    const item = userPermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n\n    const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n    return(\n      <label>\n        <span class=\"hidden\">{permissionDefinition.permissionName}</span>\n        <dnn-checkbox\n          use-intermediate\n          checked={checked}\n          onCheckedchange={e => this.handleUserChanged(e.detail, userPermission, permissionDefinition)}\n        >\n          <div slot=\"intermediateicon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path 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\"/></svg>\n          </div>\n          <div slot=\"uncheckedicon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n          </div>\n        </dnn-checkbox>\n      </label>\n    )\n  }\n  \n  private handleRoleChanged(\n    checked: \"checked\" | \"unchecked\" | \"intermediate\",\n    rolePermission: IRolePermission,\n    permissionDefinition: IPermissionDefinition\n  ): void {\n    switch (checked) {\n      case \"unchecked\":\n        this.permissions = {\n          ...this.permissions,\n          rolePermissions: [\n            ...this.permissions.rolePermissions.map(r => {\n              if (r.roleId != rolePermission.roleId){\n                return r;\n              }\n\n              const newRolePermission = Object.assign({}, r);\n              newRolePermission.permissions = [\n                ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n                {\n                  allowAccess: false,\n                  fullControl: false,\n                  permissionCode: permissionDefinition.permissionCode,\n                  permissionId: permissionDefinition.permissionId,\n                  permissionKey: permissionDefinition.permissionKey,\n                  permissionName: permissionDefinition.permissionName,\n                  view: false,\n                },\n              ];\n              return newRolePermission;\n            }),\n          ],\n        };\n        break;\n      case \"checked\":\n        this.permissions = {\n          ...this.permissions,\n          rolePermissions: [\n            ...this.permissions.rolePermissions.map(r => {\n              if (r.roleId != rolePermission.roleId){\n                return r;\n              }\n\n              const newRolePermission = Object.assign({}, r);\n              newRolePermission.permissions = [\n                ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n                {\n                  allowAccess: true,\n                  fullControl: false,\n                  permissionCode: permissionDefinition.permissionCode,\n                  permissionId: permissionDefinition.permissionId,\n                  permissionKey: permissionDefinition.permissionKey,\n                  permissionName: permissionDefinition.permissionName,\n                  view: false,\n                },\n              ];\n              return newRolePermission;\n            }),\n          ],\n        };\n        break;\n        case \"intermediate\":\n        this.permissions = {\n          ...this.permissions,\n          rolePermissions: [\n            ...this.permissions.rolePermissions.map(r => {\n              if (r.roleId != rolePermission.roleId){\n                return r;\n              }\n\n              const newRolePermission = Object.assign({}, r);\n              newRolePermission.permissions = [\n                ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n              ];\n              return newRolePermission;\n            }),\n          ],\n        };\n        break;\n      default:\n        break;\n    }\n    this.permissionsChanged.emit(this.permissions);\n  }\n\n  private handleUserChanged(\n    checked: \"checked\" | \"unchecked\" | \"intermediate\",\n    userPermission: IUserPermission,\n    permissionDefinition: IPermissionDefinition\n  ): void {\n    switch (checked) {\n      case \"unchecked\":\n        this.permissions = {\n          ...this.permissions,\n          userPermissions: [\n            ...this.permissions.userPermissions.map(u => {\n              if (u.userId != userPermission.userId){\n                return u;\n              }\n\n              const newUserPermission = Object.assign({}, u);\n              newUserPermission.permissions = [\n                ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n                {\n                  allowAccess: false,\n                  fullControl: false,\n                  permissionCode: permissionDefinition.permissionCode,\n                  permissionId: permissionDefinition.permissionId,\n                  permissionKey: permissionDefinition.permissionKey,\n                  permissionName: permissionDefinition.permissionName,\n                  view: false,\n                },\n              ];\n              return newUserPermission;\n            }),\n          ],\n        };\n        break;\n      case \"checked\":\n        this.permissions = {\n          ...this.permissions,\n          userPermissions: [\n            ...this.permissions.userPermissions.map(u => {\n              if (u.userId != userPermission.userId){\n                return u;\n              }\n\n              const newUserPermission = Object.assign({}, u);\n              newUserPermission.permissions = [\n                ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n                {\n                  allowAccess: true,\n                  fullControl: false,\n                  permissionCode: permissionDefinition.permissionCode,\n                  permissionId: permissionDefinition.permissionId,\n                  permissionKey: permissionDefinition.permissionKey,\n                  permissionName: permissionDefinition.permissionName,\n                  view: false,\n                },\n              ];\n              return newUserPermission;\n            }),\n          ],\n        };\n        break;\n        case \"intermediate\":\n        this.permissions = {\n          ...this.permissions,\n          userPermissions: [\n            ...this.permissions.userPermissions.map(u => {\n              if (u.userId != userPermission.userId){\n                return u;\n              }\n\n              const newUserPermission = Object.assign({}, u);\n              newUserPermission.permissions = [\n                ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n              ];\n              return newUserPermission;\n            }),\n          ],\n        };\n        break;\n      default:\n        break;\n    }\n    this.permissionsChanged.emit(this.permissions);\n  }\n\n  private removeRole(rolePermission: IRolePermission): void {\n    this.permissions = {\n      ...this.permissions,\n      rolePermissions: [\n        ...this.permissions.rolePermissions.filter(rp => rp.roleId != rolePermission.roleId),\n      ],\n    };\n    this.permissionsChanged.emit();\n  }\n\n  private removeUser(userPermission: IUserPermission): void {\n    this.permissions = {\n      ...this.permissions,\n      userPermissions: [\n        ...this.permissions.userPermissions.filter(up => up.userId != userPermission.userId),\n      ]\n    };\n    this.permissionsChanged.emit(this.permissions);\n  }\n\n  private handleQueryChanged(query: string): void {\n    this.userQuery = query;\n    if (query == undefined || query.length == 0){\n      this.userCollapsible.expanded = false;\n      this.pickedUser = undefined;\n      this.foundUsers = [];\n      return;\n    }\n    this.userSearchQueryChanged.emit(query);\n  }\n\n  private handleSearchUserFieldKeyDown(e: KeyboardEvent): void {\n    if (e.key != \"ArrowDown\"){\n      return;\n    }\n\n    e.preventDefault();\n    const firstButton = this.userCollapsible.querySelector(\"button\");\n    if (firstButton != undefined){\n      firstButton.focus();\n    }\n  }\n\n  private handleSearchedUserKeyDown(e: KeyboardEvent): void {\n    const button = e.target as HTMLButtonElement;\n    \n    switch(e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        const nextButton = button.nextElementSibling as HTMLButtonElement;\n        nextButton?.focus();\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        const previousButton = button.previousElementSibling as HTMLButtonElement;\n        previousButton?.focus();\n      break;\n      default:\n        break;\n    }\n  }\n\n  private handleUserPicked(searchedUser: ISearchedUser): void {\n    this.userQuery = searchedUser.displayName;\n    this.pickedUser = searchedUser;\n  }\n\n  private getFilteredUsers() {\n    return this.foundUsers.filter(fu => !this.permissions.userPermissions.some(up => up.userId == fu.userId))\n  }\n  \n  render() {\n    const filteredRoles = this.getRoles();\n    return (\n      <Host\n        tabIndex={this.focused ? -1 : 0}\n        onFocus={() => this.rolesDropdown.focus()}\n        onBlur={() => this.rolesDropdown.blur()}\n      >\n        <div class=\"add-role-row\">\n          <div class=\"dropdown\">\n            <label>{this.localResx.FilterByGroup} :</label>\n            <select\n              ref={el => this.rolesDropdown = el}\n              onChange={e => this.handleRoleGroupChanged(e.target as HTMLSelectElement)}\n              onFocus={() => this.focused = true}\n              onBlur={() => this.focused = false}\n            >\n              <option\n                value={-2}\n                selected={this.selectedRoleGroupId == -2}\n              >\n                {this.localResx.AllRoles}\n              </option>\n              <option\n                value={-1}\n                selected={this.selectedRoleGroupId == -1}\n              >\n                {this.localResx.GlobalRoles}\n              </option>\n              {this.roleGroups.map(roleGroup =>\n                <option\n                  value={roleGroup.id}\n                  selected={this.selectedRoleGroupId == roleGroup.id}\n                >\n                  {roleGroup.name}\n                </option>\n              )}\n            </select>\n          </div>\n            {filteredRoles && filteredRoles.length > 0 && [\n              <div class=\"dropdown\">\n                <label>{this.localResx.SelectRole} :</label>\n                <select ref={el => this.roleDropDown = el}>\n                  {this.getRoles().map(role =>\n                    <option value={role.RoleId}\n                    >\n                      {role.RoleName}\n                    </option>\n                  )}\n                </select>\n              </div>,\n              <dnn-button\n              type=\"primary\"\n              onClick={() => this.addRole()}\n              >\n                {this.localResx.Add}\n              </dnn-button>\n            ]\n          }\n        </div>\n        <table class=\"roles-table\">\n          <caption>{this.localResx.RolePermissions}</caption>\n          <thead>\n            <tr>\n              <th>{this.localResx.Role}</th>\n              {this.permissions.permissionDefinitions.map(permissionDefinition =>\n                <th>{permissionDefinition.permissionName}</th>\n              )}\n              <th>&nbsp;</th>\n            </tr>\n          </thead>\n          <tbody>\n            {this.permissions.rolePermissions.map(rolePermission =>\n              <tr>\n                <th>{rolePermission.roleName}</th>\n                {this.permissions.permissionDefinitions.map(permissionDefinition =>\n                  <td>\n                    {this.renderRoleCheckBox(rolePermission, permissionDefinition)}\n                  </td>\n                )}\n                <td>\n                  {!rolePermission.default &&\n                    <button\n                      onClick={() => this.removeRole(rolePermission)}\n                    >\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n                    </button>\n                  }\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n        <div class=\"search-user\">\n          <div class=\"search-control\">\n            <dnn-searchbox\n              placeholder={this.localResx.User}\n              debounced\n              onQueryChanged={e => this.handleQueryChanged(e.detail)}\n              onKeyDown={e => this.handleSearchUserFieldKeyDown(e)}\n              query={this.userQuery}\n            />\n            <dnn-collapsible ref={el => this.userCollapsible = el}>\n              <div class=\"dropdown\">\n                {this.getFilteredUsers().map(searchedUser =>\n                  <button\n                    onKeyDown={e => this.handleSearchedUserKeyDown(e)}\n                    onClick={() => this.handleUserPicked(searchedUser)}\n                  >\n                    {searchedUser.displayName}\n                  </button>\n                )}\n              </div>\n            </dnn-collapsible>\n          </div>\n          {this.pickedUser &&\n            <dnn-button\n              onClick={() => this.addUser()}\n            >\n              {this.localResx.Add}\n            </dnn-button>\n          }\n        </div>\n        {this.permissions.userPermissions && this.permissions.userPermissions.length > 0 &&\n          <table class=\"users-table\">\n            <caption>{this.localResx.UserPermissions}</caption>\n            <thead>\n              <tr>\n                <th>{this.localResx.User}</th>\n                {this.permissions.permissionDefinitions.map(permissionDefinition =>\n                  <th>{permissionDefinition.permissionName}</th>\n                )}\n                <th>&nbsp;</th>\n              </tr>\n            </thead>\n            <tbody>\n              {this.permissions.userPermissions.map(userPermission =>\n                <tr>\n                  <th>{userPermission.displayName}</th>\n                  {this.permissions.permissionDefinitions.map(permissionDefinition =>\n                    <td>\n                      {this.renderUserCheckBox(userPermission, permissionDefinition)}\n                    </td>\n                  )}\n                  <td>\n                    <button\n                      onClick={() => this.removeUser(userPermission)}\n                    >\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n                    </button>\n                </td>\n                </tr>\n              )}\n            </tbody>\n          </table>\n        }\n      </Host>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-b96b7c4a.entry.js → p-73fddf11.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 c=":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 d=c;const a=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,c,d;return i(o,{key:"9a97a5d68109c26554b2efcd67bade4fa32fe24e",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},i("dnn-fieldset",{key:"2bfffd2ba931d81214cf4191bd4eb052a5bea6d7",label:this.label,id:this.labelId,focused:this.focused,helpText:this.helpText},i("div",{key:"7b83aba0c750586e6636a699dc94c8b0089109ee",class:"inner-container"},i("slot",{key:"b47bc99ba9539202968561df78efc59892f4232e",name:"prefix"}),i("div",{key:"4dd903d2a5b61ee9c6f549ee7196aba67f86cbd1",class:"color-preview"},this.useLightColor&&i("div",{key:"e9c59300061a717b0bdf7733a3743a7318076561",style:{backgroundColor:`#${this.lightColor}`}}),i("div",{key:"25a25296ccb39572104f5c57992b9c294fb38695",style:{backgroundColor:`#${this.color}`}}),this.useDarkColor&&i("div",{key:"c01b5112a56b90f3b0bb224c55101dd9498885e0",style:{backgroundColor:`#${this.darkColor}`}}),this.useContrastColor&&i("div",{key:"1f7582e191072d567eff20e1d1ca90d35ccbeba3",class:"contrast",style:{color:`#${this.contrastColor}`}},i("hr",{key:"7c0e78128248b5690fe80c4bb975b46de5df2b82",style:{color:`#${this.contrastColor}`}}),i("span",{key:"3ebaa4745fcb98f4d30a53a9f545ce2fea32bc57"},this.localization.contrast),i("hr",{key:"0eeb316c51a1f819cc9b5a2767ab4a3af8eac9e1",style:{color:`#${this.contrastColor}`}}))),!this.readonly&&i("button",{key:"1db19206553db83d3eff0f99be487c1aa4ccac3a",ref:e=>this.button=e,"aria-labelledby":this.labelId,onClick:()=>this.showPicker(),onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},i("svg",{key:"996dc4607e561c61c67b82e32bf06b3dc8426f14",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},i("path",{key:"8d71e92388ccafc630f23463f6240706186e107b",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:"721647f34276821d1090966d6850a7ad400dbc33",name:"suffix"}))),i("dnn-modal",{key:"fd6228959e5efea91458e585c69055a0f2ccced0",ref:e=>this.colorModal=e,backdropDismiss:false},this.currentColor&&i("div",{key:"10e4ec859de7c8491292ca29bfa701645a4a1139",class:"modal-content"},this.hasMultipleColors()&&i("dnn-tabs",{key:"8e00c0a37c92d8ebd5fd7df3a63c0a051e55c2d2"},i("dnn-tab",{key:"f9e3bef6810a599b38c9cbab412df93d93e8bcde",tabTitle:this.localization.normal},i("dnn-color-picker",{key:"fa6ad89b32fe804236bdfba17d1c1d2feea0a77d",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:"9ad576ab4f1de9417bff9b3b2817786008464910",tabTitle:this.localization.light},i("dnn-color-picker",{key:"e802a6bc0b1ab48e4abbf5a5c5d7045231651d26",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:"e3bbc34fd6538aac9d17498868959dc151bc2459",tabTitle:this.localization.dark},i("dnn-color-picker",{key:"4436b9030b554f98f66c46dfe5d93b1cf957d318",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:"7138313c1e95a188770e5b92451641ef900bcce8",tabTitle:this.localization.contrast},i("dnn-color-picker",{key:"fc9a76ded5f4ed2184ecbf0660eaf2af997660e3",color:(c=this.currentColor)===null||c===void 0?void 0:c.contrastColor,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{contrastColor:e.detail.hex})}))),!this.hasMultipleColors()&&i("dnn-color-picker",{key:"bf72f9c20e42ada6cfc28a61ee2cf3f7f4e1f23f",color:(d=this.currentColor)===null||d===void 0?void 0:d.color,onColorChanged:e=>this.currentColor=Object.assign(Object.assign({},this.currentColor),{color:e.detail.hex})}),i("h3",{key:"ea200d1d4e1bf5cf2772117bff79cc3b7d92f92c"},"Preview"),i("div",{key:"41ead7cdcc89979032b3ca759a0a9e5bf94b1a44",class:"color-preview"},this.useLightColor&&i("div",{key:"faa59653d033a099b1d10e713dd44b42174eac48",style:{backgroundColor:`#${this.currentColor.lightColor}`}}),i("div",{key:"3a25fb6d9cef45d2289fa6cab388da47f0db6d19",style:{backgroundColor:`#${this.currentColor.color}`}}),this.useDarkColor&&i("div",{key:"df5d38aff202713ec2b1bdc1d6691df6eb3af828",style:{backgroundColor:`#${this.currentColor.darkColor}`}}),this.useContrastColor&&i("div",{key:"bfb02f2bd68efe11df6ec18cabcf9202db1636fe",class:"contrast",style:{color:`#${this.currentColor.contrastColor}`}},i("hr",{key:"869042b853ed4c6194580dfe2cd21e086daade1a",style:{color:`#${this.currentColor.contrastColor}`}}),i("span",{key:"197a171695accac2c6b60058264f7b36c4d3fed8"},this.localization.contrast),i("hr",{key:"7152004e55209051de837ca90fe63d6edff508fa",style:{color:`#${this.currentColor.contrastColor}`}}))),i("div",{key:"30a9353717122d1853a304a1712fb0c378f15cb6",class:"controls"},i("dnn-button",{key:"66813d8968cc03f76bcc808df8654e67419469cb",reversed:true,onClick:()=>this.colorModal.hide()},this.localization.cancel),i("dnn-button",{key:"c2e9ea8d44c9c9152d7b55bc1719190342e0a024",onClick:()=>this.saveColor()},this.localization.confirm)))))}static get formAssociated(){return true}static get watchers(){return{currentColor:["currentColorChanged"]}}};a.style=d;export{a as dnn_color_input};
-//# sourceMappingURL=p-b96b7c4a.entry.js.map
+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

package/dist/dnn/p-9a06ad79.entry.js

@@ -0,0 +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

package/dist/dnn/p-9d2a9141.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as s,g as n}from"./p-978abd50.js";import{D as h}from"./p-78c57746.js";const o=":host{display:inline-block;--foreground-color:var(--dnn-color-foreground, #000);--background-color: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%}@keyframes shift{0%{background-position:0% 0}50%{background-position:100% 0}100%{background-position:200% 0}}.inner-container{display:flex;justify-content:space-between;position:relative;width:100%}.inner-container input{border:none;outline:none;background-color:transparent;color:var(--foreground-color);text-align:var(--input-text-align);width:100%}.inner-container svg.chevron-down{height:1rem;width:auto;transform:scale(1.2);cursor:pointer}.inner-container ul{position:absolute;border:1px solid lightgray;margin:0;padding:var(--dnn-controls-radius, 3px) 0;overflow-y:auto;width:100%;box-shadow:2px 2px 6px 1px rgba(0, 0, 0, 0.3);background-color:var(--dnn-color-background, white);border-radius:var(--dnn-controls-radius, 3px);z-index:2;display:none;scroll-behavior:smooth}.inner-container ul.show{display:block}.inner-container ul li{display:block;list-style-type:none;cursor:pointer;padding:0 0.5rem}.inner-container ul li.selected{background-color:lightgray}.inner-container ul li:hover{background-color:lightgray}.inner-container ul .loading{width:100%;height:0.5rem;border-radius:0.5rem;background:linear-gradient(to right, var(--background-color) 0%, var(--foreground-color) 50%, var(--background-color) 100%);background-size:200% 100%;animation:shift 2s linear infinite;width:75%;margin:0 auto;opacity:0.5}";const r=o;var a=undefined&&undefined.__decorate||function(i,t,e,s){var n=arguments.length,h=n<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")h=Reflect.decorate(i,t,e,s);else for(var r=i.length-1;r>=0;r--)if(o=i[r])h=(n<3?o(h):n>3?o(t,e,h):o(t,e))||h;return n>3&&h&&Object.defineProperty(t,e,h),h};const d=class{constructor(e){i(this,e);this.valueChange=t(this,"valueChange",7);this.valueInput=t(this,"valueInput",7);this.needMoreItems=t(this,"needMoreItems",7);this.searchQueryChanged=t(this,"searchQueryChanged",7);this.itemSelected=t(this,"itemSelected",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.adjustDropdownPosition=()=>{var i=this.findAverageSuggestionHeight();requestAnimationFrame((()=>{this.positionInitialized=true}));var t=window.innerHeight-this.inputField.getBoundingClientRect().bottom;const e=parseFloat(getComputedStyle(document.documentElement).fontSize);const s=t>3*i+3*e;if(s){this.suggestionsContainer.style.top="1.2rem"}else{this.suggestionsContainer.style.bottom="1.2rem"}if(s){this.suggestionsContainer.style.maxHeight=`${t-3*e}px`}else{this.suggestionsContainer.style.maxHeight=`${this.inputField.getBoundingClientRect().top-3*e}px`}this.checkIfMoreItemsNeeded()};this.label=undefined;this.name=undefined;this.helpText=undefined;this.value=undefined;this.required=undefined;this.disabled=undefined;this.suggestions=[];this.renderSuggestion=undefined;this.totalSuggestions=undefined;this.preloadThresholdPixels=1e3;this.focused=false;this.valid=true;this.customValidityMessage=undefined;this.selectedIndex=undefined;this.positionInitialized=false;this.lastScrollTop=0;this.displayValue=""}async checkValidity(){var i=this.inputField.checkValidity();if(!i){this.fieldset.setValidity(false,this.inputField.validationMessage)}this.fieldset.setValidity(true,"");return this.inputField.validity}async setCustomValidity(i){if(i==undefined||i==""){this.inputField.setCustomValidity("");this.valid=true;this.fieldset.setValidity(true);return}this.inputField.setCustomValidity(i);this.valid=false;this.fieldset.setValidity(false,i)}handleClick(i){const t=i.composedPath();if(!t.includes(this.element)){this.focused=false}}componentDidRender(){if(this.focused&&this.suggestions.length>0&&!this.positionInitialized){this.adjustDropdownPosition()}}formResetCallback(){this.inputField.setCustomValidity("");this.valid=true;this.value="";this.internals.setValidity({});this.internals.setFormValue("")}handleInput(i){const t=i.target.value;this.displayValue=t;this.value=t;var e=this.inputField.checkValidity();this.valid=e;this.valueInput.emit(t);this.handleSearchQueryChanged(t)}handleSearchQueryChanged(i){this.searchQueryChanged.emit(i)}handleInvalid(){this.valid=false;if(this.customValidityMessage==undefined){this.customValidityMessage=this.inputField.validationMessage}}handleChange(){this.valueChange.emit(this.value);if(this.name!=undefined){var i=new FormData;i.append(this.name,this.value.toString());this.internals.setFormValue(i)}}shouldLabelFloat(){if(this.focused){return false}if(this.value!=undefined&&this.value!=""){return false}return true}findAverageSuggestionHeight(){const i=this.suggestionsContainer.querySelectorAll("li");var t=0;for(let e=0;e<i.length;e++){t+=i[e].clientHeight}return t/i.length}handleKeyDown(i){var t;if(i.key==="ArrowDown"){i.preventDefault();if(this.selectedIndex==undefined){this.selectedIndex=0}else{this.selectedIndex=Math.min(this.selectedIndex+1,this.suggestions.length-1)}}if(i.key==="ArrowUp"){i.preventDefault();if(this.selectedIndex==undefined){this.selectedIndex=this.suggestions.length-1}else{this.selectedIndex=Math.max(this.selectedIndex-1,0)}}this.value=((t=this.suggestions[this.selectedIndex])===null||t===void 0?void 0:t.value)||this.value;if(i.key==="Enter"){var e=this.suggestions[this.selectedIndex];this.value=e.value;this.inputField.value=e.label;this.itemSelected.emit(e.value);this.focused=false}if(i.key==="Tab"){this.focused=false}}selectItem(i,t){i.preventDefault();i.stopPropagation();this.selectedIndex=t;this.value=this.suggestions[this.selectedIndex].value;this.displayValue=this.suggestions[this.selectedIndex].label;this.inputField.value=this.displayValue;this.checkValidity();this.focused=false;this.itemSelected.emit(this.suggestions[this.selectedIndex].value)}getVirtualScrollHeight(){const i=this.findAverageSuggestionHeight();const t=this.totalSuggestions-this.suggestions.length;return i*t}handleDropdownClick(){this.handleSearchQueryChanged(this.value)}handleSuggestionsScroll(){const i=this.suggestionsContainer;const t=i.scrollTop;if(t>this.lastScrollTop){const e=i.querySelector(".loading");if(e==undefined){this.lastScrollTop=t;return}const s=e.offsetTop;const n=e.offsetHeight;const h=s+n;const o=t+i.clientHeight;if(o>h){i.scrollTop=h-i.clientHeight}this.checkIfMoreItemsNeeded()}this.lastScrollTop=t}checkIfMoreItemsNeeded(){const i=this.suggestionsContainer;const t=i.querySelector(".loading");if(t==undefined)return;const e=i.scrollTop+i.clientHeight;const s=t.offsetTop;if(s-e<this.preloadThresholdPixels){const i={searchTerm:this.inputField.value};this.needMoreItems.emit(i)}}handleBlur(){var i=this.inputField.checkValidity();this.valid=i;this.fieldset.setValidity(i,this.inputField.validationMessage);this.internals.setValidity(this.inputField.validity,this.inputField.validationMessage)}render(){var i;return e(s,{key:"240eab18aec780b662642ce85ee68903c246cd8b",tabIndex:this.focused?-1:0,onFocus:()=>this.inputField.focus(),onBlur:()=>this.inputField.blur()},e("dnn-fieldset",{key:"7749d3b19d0cb7e6dc71f8deb9ff50bcea2390e0",ref:i=>this.fieldset=i,invalid:!this.valid,focused:this.focused,label:`${(i=this.label)!==null&&i!==void 0?i:""}${this.required?" *":""}`,helpText:this.helpText,id:this.labelId,disabled:this.disabled,floatLabel:this.shouldLabelFloat()},e("div",{key:"fa9b987426ae9c70d583aead57f161c6cd53ef9f",class:"inner-container"},e("input",{key:"b5c0f2bf1f6cda9de03c5f6ddbe42605076bcb9e",ref:i=>this.inputField=i,name:this.name,type:"search",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.focused.toString(),"aria-activedescendant":this.selectedIndex!==undefined?`option-${this.selectedIndex}`:undefined,disabled:this.disabled,required:this.required,autoComplete:"off",value:this.displayValue,onFocus:()=>{this.searchQueryChanged.emit(this.value||"");this.focused=true},onBlur:()=>this.handleBlur(),onInput:i=>this.handleInput(i),onInvalid:()=>this.handleInvalid(),onChange:()=>this.handleChange(),"aria-labelledby":this.labelId,onKeyDown:i=>this.handleKeyDown(i)}),e("ul",{key:"f6f2688374ab8f18db055ccbeb43e08cae06c07b",class:this.focused&&this.suggestions.length>0?"show":"",role:"listbox",ref:i=>this.suggestionsContainer=i,onScroll:()=>this.handleSuggestionsScroll()},this.suggestions.map(((i,t)=>e("li",{id:`option-${t}`,role:"option","aria-selected":this.selectedIndex==t,class:this.selectedIndex==t?"selected":"",onClick:i=>this.selectItem(i,t)},this.renderSuggestion!=undefined?this.renderSuggestion(i):i.label))),this.totalSuggestions!=undefined&&this.totalSuggestions>this.suggestions.length&&e("div",{key:"681a43c03121d04e40295c2a84294dfa38304ec8",class:"loading"}),this.totalSuggestions!=undefined&&this.totalSuggestions>this.suggestions.length&&this.positionInitialized&&e("div",{key:"35e49fff8bd725da4bb1022db932fd5554daad88",style:{height:`${this.getVirtualScrollHeight()}px`}})),e("svg",{key:"7d789d7b160a1a6d8b8a66cc40c714563f39a5e6",onClick:()=>this.handleDropdownClick(),class:"chevron-down",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960"},e("path",{key:"b542a9084a33294671fbfdd3f8f5388df89a7abc",d:"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"})))))}static get formAssociated(){return true}get element(){return n(this)}};a([h(300)],d.prototype,"handleSearchQueryChanged",null);a([h(100)],d.prototype,"handleSuggestionsScroll",null);a([h()],d.prototype,"checkIfMoreItemsNeeded",null);d.style=r;export{d as dnn_autocomplete};
+//# sourceMappingURL=p-9d2a9141.entry.js.map

package/dist/dnn/p-9d2a9141.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dnnAutocompleteCss","DnnAutocompleteStyle0","DnnAutocomplete","this","adjustDropdownPosition","itemHeight","findAverageSuggestionHeight","requestAnimationFrame","positionInitialized","spaceBelow","window","innerHeight","inputField","getBoundingClientRect","bottom","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","fitsDown","suggestionsContainer","style","top","maxHeight","checkIfMoreItemsNeeded","checkValidity","validity","fieldset","setValidity","validationMessage","setCustomValidity","message","undefined","valid","handleClick","e","path","composedPath","includes","element","focused","componentDidRender","suggestions","length","formResetCallback","value","internals","setFormValue","handleInput","inputValue","target","displayValue","valueInput","emit","handleSearchQueryChanged","searchQueryChanged","handleInvalid","customValidityMessage","handleChange","valueChange","name","data","FormData","append","toString","shouldLabelFloat","suggestionItems","querySelectorAll","totalHeight","i","clientHeight","handleKeyDown","key","preventDefault","selectedIndex","Math","min","max","_a","selectedItem","label","itemSelected","selectItem","index","stopPropagation","getVirtualScrollHeight","upcomingItems","totalSuggestions","handleDropdownClick","handleSuggestionsScroll","container","currentScrollTop","scrollTop","lastScrollTop","loadingDiv","querySelector","loadingDivPosition","offsetTop","loadingDivHeight","offsetHeight","loadingDivBottom","visibleBottom","scrollPosition","preloadThresholdPixels","eventArgs","searchTerm","needMoreItems","handleBlur","render","h","Host","tabIndex","onFocus","focus","onBlur","blur","ref","el","invalid","required","helpText","id","labelId","disabled","floatLabel","class","type","role","autoComplete","onInput","onInvalid","onChange","onKeyDown","onScroll","map","suggestion","onClick","renderSuggestion","height","xmlns","viewBox","d","__decorate","Debounce"],"sources":["src/components/dnn-autocomplete/dnn-autocomplete.scss?tag=dnn-autocomplete&encapsulation=shadow","src/components/dnn-autocomplete/dnn-autocomplete.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  /** @prop --foreground-color: Defines the foreground color. */\n  --foreground-color: var(--dnn-color-foreground, #000);\n\n  /** @prop --background-color: Defines the background color. */\n  --background-color: 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\ndnn-fieldset{\n  width: 100%;\n}\n\n@keyframes shift {\n  0% {\n      background-position: 0% 0;\n  }\n  50% {\n      background-position: 100% 0;\n  }\n  100% {\n      background-position: 200% 0;\n  }\n}\n\n.inner-container{\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n\n  input {\n    border: none;\n    outline: none;\n    background-color: transparent;\n    color: var(--foreground-color);\n    text-align: var(--input-text-align);\n    width: 100%;\n  }\n\n  svg.chevron-down{\n    height: 1rem;\n    width: auto;\n    transform: scale(1.2);\n    cursor: pointer;\n  }\n\n  ul{\n    position: absolute;\n    border: 1px solid lightgray;\n    margin: 0;\n    padding: var(--dnn-controls-radius, 3px) 0;\n    overflow-y: auto;\n    width: 100%;\n    box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 30%);\n    background-color: var(--dnn-color-background, white);\n    border-radius: var(--dnn-controls-radius, 3px);\n    z-index: 2;\n    display: none;\n    scroll-behavior: smooth;\n    &.show{\n      display: block;\n    }\n    li {\n      display: block;\n      list-style-type: none;\n      cursor: pointer;\n      padding: 0 0.5rem;\n      &.selected {\n        background-color: lightgray;\n      }\n      &:hover {\n        background-color: lightgray;\n      }\n    }\n    .loading {\n      width: 100%;\n      height: 0.5rem;\n      border-radius: 0.5rem;\n      background: linear-gradient(\n        to right,\n        var(--background-color) 0%,\n        var(--foreground-color) 50%,\n        var(--background-color) 100%);\n      background-size: 200% 100%;\n      animation: shift 2s linear infinite;\n      width: 75%;\n      margin: 0 auto;\n      opacity: 0.5;\n    }\n  }\n}\n","import { Component, Prop, State, Event, Element, h, Host, EventEmitter, Method, AttachInternals, Listen } from '@stencil/core';\nimport { DnnAutocompleteSuggestion, NeedMoreItemsEventArgs } from './types';\nimport { Debounce } from '../../utilities/debounce';\n\n@Component({\n  tag: 'dnn-autocomplete',\n  styleUrl: 'dnn-autocomplete.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DnnAutocomplete {\n\n  /** The label for this autocomplete. */\n  @Prop() label: string;\n\n  /** The name for this autocomplete when used in forms. */\n  @Prop() name: string;\n\n  /** Defines the help label displayed under the field. */\n  @Prop() helpText: string;\n\n  /** Defines the value for this autocomplete */\n  @Prop({mutable: true, reflect: true}) value: 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  /** Sets the list of suggestions. */\n  @Prop() suggestions: DnnAutocompleteSuggestion[] = [];\n\n  /** Callback to render suggestions, if not provided, only the label will be rendered. */\n  @Prop() renderSuggestion: (suggestion: DnnAutocompleteSuggestion) => HTMLElement;\n\n  /** The total amount of suggestions for the given search query.\n   * This can be used to show virtual scroll and pagination progressive feeding.\n   * The needMoreItems event should be used to request more items.\n   */\n  @Prop() totalSuggestions: number;\n\n  /** How many suggestions to preload in pixels of their height.\n   * This is used to calculate the virtual scroll height and request\n   * more items before they get into view.\n   */\n  @Prop() preloadThresholdPixels: number = 1000;\n\n  @Element() element: HTMLDnnAutocompleteElement;\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  /** Fires when the component needs to display more items in the suggestions. */\n  @Event() needMoreItems: EventEmitter<NeedMoreItemsEventArgs>;\n\n  /** Fires when the search query has changed.\n   * This is almost like valueInput, but it is debounced\n   * and can be used to trigger a search query without overloading\n   * API endpoints while typing.\n   */\n  @Event() searchQueryChanged: EventEmitter<string>;\n  \n  /** Fires when an item is selected. */\n  @Event() itemSelected: 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(): Promise<ValidityState> {\n    var validity = this.inputField.checkValidity();\n    if (!validity) {\n      this.fieldset.setValidity(false, this.inputField.validationMessage);\n    }\n    this.fieldset.setValidity(true, \"\");\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  @State() customValidityMessage: string;\n  @State() selectedIndex: number;\n  @State() positionInitialized = false;\n  @State() lastScrollTop = 0;\n  @State() displayValue: string = \"\";\n  \n  /** attacth the internals for form validation */\n  @AttachInternals() internals: ElementInternals;\n  \n  /** Listener for mouse down event */\n  @Listen(\"click\", { target: \"document\", capture: false })\n  handleClick(e: MouseEvent) {\n    const path = e.composedPath();\n    if (!path.includes(this.element))\n    {\n      this.focused = false;\n    }\n  }\n  \n  componentDidRender(){\n    if (this.focused && this.suggestions.length > 0 && !this.positionInitialized){\n      this.adjustDropdownPosition();\n    }\n  }\n\n  private inputField!: HTMLInputElement;\n  private suggestionsContainer: HTMLUListElement;\n  private labelId: string;\n  private fieldset: HTMLDnnFieldsetElement;\n  \n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  formResetCallback() {\n    this.inputField.setCustomValidity(\"\");\n    this.valid = true;\n    this.value = \"\";\n    this.internals.setValidity({});\n    this.internals.setFormValue(\"\");\n  }\n  \n  private handleInput(e: Event) {\n    const inputValue = (e.target as HTMLInputElement).value;\n    this.displayValue = inputValue;\n    this.value = inputValue;\n    var valid = this.inputField.checkValidity();\n    this.valid = valid;\n    this.valueInput.emit(inputValue);\n    this.handleSearchQueryChanged(inputValue);\n  }\n\n  @Debounce(300)\n  private handleSearchQueryChanged(value: string) {\n    this.searchQueryChanged.emit(value);\n  }\n\n  private handleInvalid(): void {\n    this.valid = false;\n    if (this.customValidityMessage == undefined) {\n      this.customValidityMessage = this.inputField.validationMessage;\n    }\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  /** Check if the label should float */\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    return true;\n  }\n\n  private findAverageSuggestionHeight(): number {\n    const suggestionItems = this.suggestionsContainer.querySelectorAll(\"li\");\n    var totalHeight = 0;\n    for (let i = 0; i < suggestionItems.length; i++) {\n      totalHeight += suggestionItems[i].clientHeight;\n    }\n    return totalHeight / suggestionItems.length;\n  }\n\n  private readonly adjustDropdownPosition = () => {\n    var itemHeight = this.findAverageSuggestionHeight();\n    requestAnimationFrame(() => {\n      this.positionInitialized = true;\n    });\n\n    // If we can fit 3 items below the input and there is still 3em left, we show the dropdown under.\n    // Otherwise, we show it above.\n    var spaceBelow = window.innerHeight - this.inputField.getBoundingClientRect().bottom;\n    const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n    const fitsDown = spaceBelow > 3 * itemHeight + 3 * rem;\n    if (fitsDown) {\n      this.suggestionsContainer.style.top = \"1.2rem\";\n    }\n    else {\n      this.suggestionsContainer.style.bottom = \"1.2rem\";\n    }\n\n    // Set the max height to not overflow the screen.\n    if (fitsDown){\n      this.suggestionsContainer.style.maxHeight = `${spaceBelow - 3 * rem}px`;\n    }\n    else {\n      this.suggestionsContainer.style.maxHeight = `${this.inputField.getBoundingClientRect().top - 3 * rem}px`;\n    }\n\n    this.checkIfMoreItemsNeeded();\n  }\n\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (this.selectedIndex == undefined) {\n        this.selectedIndex = 0;\n      } else {\n        this.selectedIndex = Math.min(this.selectedIndex + 1, this.suggestions.length - 1);\n      }\n    }\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (this.selectedIndex == undefined) {\n        this.selectedIndex = this.suggestions.length - 1;\n      } else {\n        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\n      }\n    }\n    this.value = this.suggestions[this.selectedIndex]?.value || this.value;\n    if (e.key === \"Enter\") {\n      var selectedItem = this.suggestions[this.selectedIndex];\n      this.value = selectedItem.value;\n      this.inputField.value = selectedItem.label;\n      this.itemSelected.emit(selectedItem.value);\n      this.focused = false;\n    }\n    if (e.key === \"Tab\"){\n      this.focused = false;\n    }\n  }\n\n  private selectItem(e: Event, index: number): void {\n    e.preventDefault();\n    e.stopPropagation();\n    this.selectedIndex = index;\n    this.value = this.suggestions[this.selectedIndex].value;\n    this.displayValue = this.suggestions[this.selectedIndex].label;\n    this.inputField.value = this.displayValue;\n    this.checkValidity();\n    this.focused = false;\n    this.itemSelected.emit(this.suggestions[this.selectedIndex].value)\n  }\n\n  private getVirtualScrollHeight(): number {\n    const itemHeight = this.findAverageSuggestionHeight();\n    const upcomingItems = this.totalSuggestions - this.suggestions.length;\n    return itemHeight * upcomingItems;\n  }\n\n  private handleDropdownClick(): void {\n    this.handleSearchQueryChanged(this.value);\n  }\n\n  @Debounce(100)\n  private handleSuggestionsScroll(): void {\n    const container = this.suggestionsContainer;\n    const currentScrollTop = container.scrollTop;\n\n    // Only act if we are scrolling down\n    if (currentScrollTop > this.lastScrollTop) {\n      const loadingDiv = container.querySelector('.loading') as HTMLDivElement;\n\n      if (loadingDiv == undefined) {\n        this.lastScrollTop = currentScrollTop;\n        return;\n      }\n\n      const loadingDivPosition = loadingDiv.offsetTop;\n      const loadingDivHeight = loadingDiv.offsetHeight;\n      const loadingDivBottom = loadingDivPosition + loadingDivHeight;\n\n      // Calculate the visible bottom of the scroll container\n      const visibleBottom = currentScrollTop + container.clientHeight;\n\n      // Prevent scrolling past the loading div by checking if the visible bottom surpasses the loading div's bottom\n      if (visibleBottom > loadingDivBottom) {\n        // Adjust scrollTop so it doesn't scroll past the loading div\n        container.scrollTop = loadingDivBottom - container.clientHeight;\n      }\n\n      // Check if more items are needed based on the position of the loading div\n      this.checkIfMoreItemsNeeded();\n    }\n\n    // Update the last scroll position\n    this.lastScrollTop = currentScrollTop;\n  }\n\n  @Debounce()\n  private checkIfMoreItemsNeeded() {\n    const container = this.suggestionsContainer;\n  \n    const loadingDiv = container.querySelector('.loading') as HTMLDivElement;\n    if (loadingDiv == undefined) return; // Exit if there's no loading div\n  \n    const scrollPosition = container.scrollTop + container.clientHeight;\n    const loadingDivPosition = loadingDiv.offsetTop;\n  \n    // Check if the loading div is within the threshold of becoming visible\n    if (loadingDivPosition - scrollPosition < this.preloadThresholdPixels) {\n      const eventArgs: NeedMoreItemsEventArgs = {\n        searchTerm: this.inputField.value,\n      };\n      this.needMoreItems.emit(eventArgs);\n    }\n  }\n\n  handleBlur(): void {\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        >\n          <div class=\"inner-container\">\n            <input\n              ref={(el) => this.inputField = el}\n              name={this.name}\n              type=\"search\"\n              role=\"combobox\"\n              aria-haspopup=\"listbox\"\n              aria-expanded={this.focused.toString()}\n              aria-activedescendant={this.selectedIndex !== undefined ? `option-${this.selectedIndex}` : undefined}\n              disabled={this.disabled}\n              required={this.required}\n              autoComplete=\"off\"\n              value={this.displayValue}\n              onFocus={() => {\n                this.searchQueryChanged.emit(this.value || \"\");\n                this.focused = true;\n              }}\n              onBlur={() => this.handleBlur()}\n              onInput={e => this.handleInput(e)}\n              onInvalid={() => this.handleInvalid()}\n              onChange={() => this.handleChange()}\n              aria-labelledby={this.labelId}\n              onKeyDown={e => this.handleKeyDown(e)}\n            />\n            <ul\n              class={this.focused && this.suggestions.length > 0 ? \"show\" : \"\"}\n              role=\"listbox\"\n              ref={el => this.suggestionsContainer = el}\n              onScroll={() => this.handleSuggestionsScroll()}\n            >\n              {this.suggestions.map((suggestion, index) => (\n                <li\n                  id={`option-${index}`}\n                  role=\"option\"\n                  aria-selected={this.selectedIndex == index}\n                  class={this.selectedIndex == index ? \"selected\" : \"\"}\n                  onClick={e => this.selectItem(e, index)}\n                >\n                  {this.renderSuggestion != undefined ? this.renderSuggestion(suggestion) : suggestion.label}\n                </li>\n              ))}\n              {this.totalSuggestions != undefined && this.totalSuggestions > this.suggestions.length &&\n                <div class=\"loading\">\n                </div>\n              }\n              {this.totalSuggestions != undefined && this.totalSuggestions > this.suggestions.length && this.positionInitialized &&\n                <div style={{height: `${this.getVirtualScrollHeight()}px`}}>\n                </div>\n              }\n            </ul>\n            <svg\n              onClick={() => this.handleDropdownClick()}\n              class=\"chevron-down\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 -960 960 960\">\n              <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\"/>\n            </svg>\n          </div>\n        </dnn-fieldset>\n      </Host>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/dnn/{p-535748e2.entry.js → p-a6982c8d.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:"78bc32de18f8c22005f02e37b3d7d0be2ea7ae7d",tabIndex:this.focused?-1:0,onFocus:()=>this.textarea.focus(),onBlur:()=>this.textarea.blur()},e("dnn-fieldset",{key:"26f23d95e0e5188421edee99a56a6d7fb2b58228",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:"5a7d1b97c43ce0cead8b6bd47da900b888656a32",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-535748e2.entry.js.map
+import{r as t,c as i,h as e,H as s}from"./p-978abd50.js";import{g as n}from"./p-5df01911.js";const h=":host{display:inline-block;--foreground:var(--dnn-color-foreground, #000);--background:var(--dnn-color-background, #fff);--focus-color:var(--dnn-color-primary, #3792ED);--danger-color:var(--dnn-color-danger, #900);--control-radius:var(--dnn-controls-radius, 3px)}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

package/dist/dnn/{p-9ecfe643.entry.js → p-af925605.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as s,g as n}from"./p-978abd50.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 a=r;const o=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.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:"413d8726f8c2ab92401edf6845817ea7f0e4e2c7",tabIndex:this.focused?-1:0,onFocus:()=>this.select.focus(),onBlur:()=>this.select.blur()},e("dnn-fieldset",{key:"76cb8ec70a2c2c83b2cb74eec05bca3bd9bf2ac1",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:"af8240e4df6c6dedeef1ff9919a8b8d795f2f6ec",class:"inner-container"},e("select",{key:"7c65b93ee3211ed304327e3ee8db6bfee6a8c1a8",ref:t=>this.select=t,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:"70cfd0752004af51acfcd066b2b3ebf9253a2e6b",ref:t=>this.slot=t})),!this.valid&&e("svg",{key:"a45562c5639890f502b3eb669ff5e7bc340837bb",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},e("path",{key:"41a539770c67636ab55a8cb5dec4422f3b9fdf80",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)}};o.style=a;export{o as dnn_select};
-//# sourceMappingURL=p-9ecfe643.entry.js.map
+import{r as t,c as i,h as s,H as e,g as n}from"./p-978abd50.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 d=r;const a=class{constructor(s){t(this,s);this.valueChange=i(this,"valueChange",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.label=undefined;this.name=undefined;this.required=undefined;this.helpText=undefined;this.disabled=undefined;this.disableValidityReporting=undefined;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 s(e,{key:"6c325d9712690fb0aa8317ebf30a3d81e2f15187",tabIndex:this.focused?-1:0,onFocus:()=>this.select.focus(),onBlur:()=>this.select.blur()},s("dnn-fieldset",{key:"20b5c8dcaa0834c929b77fda2e818e3cc65c8105",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},s("div",{key:"851bc63b4d9fff81774205a685b151ad110d5237",class:"inner-container"},s("select",{key:"d4eb740c9c345b6c549a0ec0f9ae1167641c675a",ref:t=>this.select=t,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},s("slot",{key:"0e97be7fcba264a5d8c58003c181e198f0456314",ref:t=>this.slot=t})),!this.valid&&s("svg",{key:"9019d44858675154aad05390c1b007de5dfdb719",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",class:"error"},s("path",{key:"928ea0554f99eb78b72b3cd4d6d25d8287fdb253",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=d;export{a as dnn_select};
+//# sourceMappingURL=p-af925605.entry.js.map

package/dist/dnn/{p-d7d6dffb.entry.js → p-bc1dd08b.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:"550cfbaf063c83353c10e1a14d9fc948b7885013"},t("div",{key:"b9c419240ce6bebef824e88d6e32d45e7f226c14",id:"backdrop",class:this.visible?"overlay visible":"overlay",onClick:s=>this.handleBackdropClick(s)},t("div",{key:"43487f3b35141fedb9b9b75adf2369fdc8a78a7d",class:"modal",ref:s=>this.modal=s},this.showCloseButton&&t("button",{key:"dd05ea7ce7494b298e0a0b3cadecc9ba67479f55",class:"close","aria-label":this.closeText,onClick:()=>this.handleDismiss()},t("svg",{key:"7c107f426b67cd271624851078d155b0c583a517",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},t("path",{key:"b93d2d949d4befb00f32c6018a49352cfd608063",d:"M0 0h24v24H0z",fill:"none"}),t("path",{key:"92b711add6852503391e1d95dadc4e3c2ae58bf4",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:"7e0c87223f7e7fdf96720d1702bbc764806799a9",class:"content"},t("slot",{key:"578d13ab4ab2abc181c16e664c1569a12ab8e2a1"})),this.resizable&&t("div",{key:"d8c69dfdbd3f1574915132170b1846fe63e544a1",class:"se",ref:s=>this.seDrag=s}))))}get el(){return o(this)}};l.style=d;export{l as dnn_modal};
-//# sourceMappingURL=p-d7d6dffb.entry.js.map
+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

package/dist/dnn/{p-21c5ef07.entry.js → p-cfbd1373.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:"cfc99de9b30d157279893315946fa8b789f7dfb4"},s("div",{key:"879c465670e98b5e3ce8dbc911c31e07f45a3087",id:"container",class:this.expanded&&"expanded",ref:e=>this.container=e,style:{transition:`max-height ${this.transitionDuration}ms ease-in-out`}},s("slot",{key:"9cf1aa532dc647037f0b1f8014c5567db11863b0"})))}get el(){return a(this)}static get watchers(){return{expanded:["handledExpandedChanged"]}}};d.style=h;export{d as dnn_collapsible};
-//# sourceMappingURL=p-21c5ef07.entry.js.map
+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

package/dist/dnn/{p-b553c159.entry.js → p-d67edea7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as a}from"./p-978abd50.js";const o=":host{display:inline-block;--fieldset-foreground:var(--dnn-color-foreground, #000);--fieldset-background:var(--dnn-color-background, #fff);--fieldset-focus-color:var(--dnn-color-primary, #3792ED);--fieldset-danger-color:var(--dnn-color-danger, #900);--fieldset-control-radius:var(--dnn-controls-radius, 3px)}.container{border:1px solid var(--fieldset-foreground, #000);border-radius:var(--fieldset-control-radius, 3px);padding:0.75em;display:flex;justify-content:space-between;gap:0.1em;position:relative;background-color:var(--fieldset-background);margin-top:1em;line-height:1em}.container .resizer{width:100%}.container .inner-container{position:relative;width:100%;background-color:var(--fieldset-background);height:calc(100% - 1em)}.container label{display:inline-flex;position:absolute;opacity:1;transition:all 150ms ease-in-out;left:0.5em;top:-1.5em;padding:0 0.5em;background-color:var(--fieldset-background);white-space:nowrap;max-width:100%;border-radius:var(--fieldset-control-radius);font-size:1em;margin-top:1em;z-index:1;pointer-events:none;line-height:1em}.container.focused{border:1px solid var(--fieldset-focus-color);box-shadow:0 0 0 1px var(--fieldset-focus-color)}.container.focused.invalid{border:1px solid var(--fieldset-danger-color);box-shadow:0 0 0 1px var(--fieldset-danger-color)}.container.focused input{color:var(--fieldset-foreground, #000)}.container.float-label label{opacity:0.6;left:0;top:calc(50% - 0.5em);margin-top:0}.container.disabled{opacity:0.5}.container.invalid{border-color:var(--fieldset-danger-color)}.help-text,.error-message{font-style:italic;opacity:0.7;font-size:0.8em;margin:0.25em}.error-message{color:var(--fieldset-danger-color);font-style:normal;font-weight:bold}";const s=o;const n=class{constructor(i){e(this,i);this.focused=undefined;this.disabled=undefined;this.invalid=undefined;this.label=undefined;this.floatLabel=undefined;this.helpText=undefined;this.resizable="none";this.customValidityMessage=undefined}async setFocused(){this.focused=true}async setBlurred(){this.focused=false}async disable(){this.disabled=true}async enable(){this.disabled=false}async pinLabel(){this.floatLabel=false}async unpinLabel(){this.floatLabel=true}async setValidity(e,i){this.invalid=!e;this.customValidityMessage=i}getContainerClasses(){const e=["container"];if(this.focused){e.push("focused")}if(this.disabled){e.push("disabled")}if(this.invalid){e.push("invalid")}if(this.floatLabel&&!this.focused){e.push("float-label")}return e.join(" ")}render(){return i(a,{key:"7ee42e394faac7673753be66dc1c4796f4d3cbf7"},i("div",{key:"cbc711c65ac10f3848014658228f6b28e8c2f855",class:this.getContainerClasses()},this.label&&i("label",{key:"4175e907013de07a8bfff4a1b760f707c47c9780"},i("slot",{key:"c665a4a1e89667b6796fdebf7a399cf73f3a2d5a",name:"label-prefix"}),this.label,i("slot",{key:"f38bc75b747a9690578235e67c614fe7bac802fc",name:"label-suffix"})),i("div",{key:"e94e37a5c5fe4284e60011d15453a0745eed4ef4",class:"resizer",style:{resize:this.resizable,overflow:this.resizable=="none"?"visible":"auto"}},i("div",{key:"eca3a5f55cbdeb75912a091a31a495b0d7abd6d8",class:"inner-container"},i("slot",{key:"6dcfd24831f36fcf33b78a172b2f1a04773957bd"})))),this.invalid&&this.customValidityMessage&&i("div",{key:"6d939440282fa9bf11ef431edaea1199e9183e4b",class:"error-message"},this.customValidityMessage),!this.invalid&&i("div",{key:"14d4661d357fb3a97e2fbba748cb2126389d1c53",class:"help-text"},this.helpText))}};n.style=s;export{n as dnn_fieldset};
-//# sourceMappingURL=p-b553c159.entry.js.map
+import{r as e,h as i,H as o}from"./p-978abd50.js";const s=":host{display:inline-block;--fieldset-foreground:var(--dnn-color-foreground, #000);--fieldset-background:var(--dnn-color-background, #fff);--fieldset-focus-color:var(--dnn-color-primary, #3792ED);--fieldset-danger-color:var(--dnn-color-danger, #900);--fieldset-control-radius:var(--dnn-controls-radius, 3px)}.container{border:1px solid var(--fieldset-foreground, #000);border-radius:var(--fieldset-control-radius, 3px);padding:0.75em;display:flex;justify-content:space-between;gap:0.1em;position:relative;background-color:var(--fieldset-background);margin-top:1em;line-height:1em}.container .resizer{width:100%}.container .inner-container{position:relative;width:100%;background-color:var(--fieldset-background);height:calc(100% - 1em)}.container label{display:inline-flex;position:absolute;opacity:1;transition:all 150ms ease-in-out;left:0.5em;top:-1.5em;padding:0 0.5em;background-color:var(--fieldset-background);white-space:nowrap;max-width:100%;border-radius:var(--fieldset-control-radius);font-size:1em;margin-top:1em;z-index:1;pointer-events:none;line-height:1em}.container.focused{border:1px solid var(--fieldset-focus-color);box-shadow:0 0 0 1px var(--fieldset-focus-color)}.container.focused.invalid{border:1px solid var(--fieldset-danger-color);box-shadow:0 0 0 1px var(--fieldset-danger-color)}.container.focused input{color:var(--fieldset-foreground, #000)}.container.float-label label{opacity:0.6;left:0;top:calc(50% - 0.5em);margin-top:0}.container.disabled{opacity:0.5}.container.invalid{border-color:var(--fieldset-danger-color)}.help-text,.error-message{font-style:italic;opacity:0.7;font-size:0.8em;margin:0.25em}.error-message{color:var(--fieldset-danger-color);font-style:normal;font-weight:bold}";const a=s;const n=class{constructor(i){e(this,i);this.focused=undefined;this.disabled=undefined;this.invalid=undefined;this.label=undefined;this.floatLabel=undefined;this.helpText=undefined;this.resizable="none";this.customValidityMessage=undefined}async setFocused(){this.focused=true}async setBlurred(){this.focused=false}async disable(){this.disabled=true}async enable(){this.disabled=false}async pinLabel(){this.floatLabel=false}async unpinLabel(){this.floatLabel=true}async setValidity(e,i){this.invalid=!e;this.customValidityMessage=i}getContainerClasses(){const e=["container"];if(this.focused){e.push("focused")}if(this.disabled){e.push("disabled")}if(this.invalid){e.push("invalid")}if(this.floatLabel&&!this.focused){e.push("float-label")}return e.join(" ")}render(){return i(o,{key:"f97ae39c92d41cd55c68e49726d2d03cd95d5a4e"},i("div",{key:"428c954731215899b0b8d85132c93d2452dabf1d",class:this.getContainerClasses()},this.label&&i("label",{key:"1430170d4d130c7174f4bb369520ecff89e42b23"},i("slot",{key:"381665dc530db579968d89fe826f081b4d7c0957",name:"label-prefix"}),this.label,i("slot",{key:"513395e461546b1b3cf214c59f4afe5ba580ffd9",name:"label-suffix"})),i("div",{key:"621ddedaf8da8d3e79346778a70e9de7039483fe",class:"resizer",style:{resize:this.resizable,overflow:this.resizable=="none"?"visible":"auto"}},i("div",{key:"42b3cd52e1a8182abfc3eba043ab79b80f15d310",class:"inner-container"},i("slot",{key:"a4225c9af1d7e2fd613e0b3b1975c53ef98e8448"})))),this.invalid&&this.customValidityMessage&&i("div",{key:"917c3db73b9eef42934152494cf0cb03e94082df",class:"error-message"},this.customValidityMessage),!this.invalid&&i("div",{key:"5300002ff371d1b32292831e7849db4d985059c1",class:"help-text"},this.helpText))}};n.style=a;export{n as dnn_fieldset};
+//# sourceMappingURL=p-d67edea7.entry.js.map