npm - @dnncommunity/dnn-elements - Versions diffs - 0.27.4 → 0.27.5 - Mend

@dnncommunity/dnn-elements 0.27.4 → 0.27.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/dist/dnn/{p-8cf49dba.entry.js → p-a4714e37.entry.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as e,c as n,h as o,H as t,g as i}from"./p-jUj9nGA3.js";import{D as d}from"./p-DI6iaKDl.js";
+import{r as e,c as n,h as o,H as t,g as i}from"./p-DF1WoBK0.js";import{D as d}from"./p-DI6iaKDl.js";
 /** Color utility class with hsl and rgb converters
  * based on math at https://en.wikipedia.org/wiki/HSL_and_HSV
  * @copyright Copyright (c) .NET Foundation. All rights reserved.
@@ -8,4 +8,4 @@ import{r as e,c as n,h as o,H as t,g as i}from"./p-jUj9nGA3.js";import{D as d}fr
  * @copyright Copyright (c) .NET Foundation. All rights reserved.
  * @license MIT
  */var r=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 c=class{constructor(o){e(this,o);this.colorChanged=n(this,"colorChanged",7);this.color="FFFFFF";this.colorBoxHeight="50%";this.rgbDisplay="flex";this.hslDisplay="none";this.hexDisplay="none";this.focused=false;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;break}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}}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:"f908b04a53ce6599333a7794efb20bb2a65af251",tabIndex:this.focused?-1:0,onFocus:()=>this.saturationBrightnessButton.focus(),onBlur:()=>this.saturationBrightnessButton.blur()},o("div",{key:"c4523480f16ebf5cfea121ac5d79c643a4e0c69e",class:"dnn-color-picker"},o("div",{key:"83b8d5779d81296117903ac8e0379ab2f45c9231",class:"dnn-color-sliders"},o("div",{key:"2de249d2eb985d1094066cf1fc263443090f01ce",class:"dnn-color-s-b",ref:e=>this.saturationLightnessBox=e,style:{backgroundColor:`hsl(${e},100%,50%)`},onMouseDown:this.handleSaturationLightnessMouseDown.bind(this)},o("button",{key:"a80d2a3e40f688836ab882052f6ab65ac8a9b045",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:"e1e22edc8488004623ec8d87ec7258b47517037c",class:"dnn-color-bar"},o("div",{key:"32205dfe097de2f4c71f1df2754eb9f8a2d6e7d9",class:"dnn-color-result",style:{backgroundColor:"#"+this.getHex(),boxShadow:"0 0 2px 1px "+"#"+this.getContrast()}}),o("div",{key:"08964c013a6769a395b5a845961f2ad1d6048dca",class:"dnn-color-hue",ref:e=>this.hueRange=e,onMouseDown:this.handleHueMouseDown.bind(this)},o("button",{key:"ac7054bcb822e3517b3c44fcd2f7b9f7f2e4a72c",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:"3374859dfa3b34cf237df1c814612614839aadea",class:"dnn-color-fields"},o("div",{key:"fe4046f3547b5251ca26a5b1cc29628c0630504f",class:"dnn-rgb-color-fields",style:{display:this.rgbDisplay}},o("div",{key:"ad2cf085848f5cf8552f17d37f798bae169081f8",class:"dnn-rgb-color-field"},o("label",{key:"9e67bab0ea36a39abcf852ad3c2f527d28dc2471"},"R"),o("input",{key:"2507e10e0fd6612b722659bc70da9b3ac6ac0276",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:"58d845aed33e870a6667fc31307f207bdf42734a",class:"dnn-rgb-color-field"},o("label",{key:"f36e027885207712c901a19a607ee31b57edcf45"},"G"),o("input",{key:"03ce9f1ae4c37c311cf0b273884d7aa336914afb",type:"number",min:"0",max:"255",class:"green",value:l,"aria-label":"green value",onChange:e=>this.handleComponentValueChange(e,"green")})),o("div",{key:"9849f8b17444e0eb6b0f727a3f3a49ea6cbe9f98",class:"dnn-rgb-color-field"},o("label",{key:"6434d5775c8b899e5cbdf79aaf1900e027739c16"},"B"),o("input",{key:"0a88320ff47db01511bc7c48fd95f82d3a575947",type:"number",min:"0",max:"255",class:"blue",value:s,"aria-label":"blue value",onChange:e=>this.handleComponentValueChange(e,"blue")})),o("div",{key:"2cafd9eb04193e0248c586d122693668d9a4abba",class:"dnn-color-mode-switch"},o("button",{key:"107e1fb9b01f8f9447810de88a95f60e975bcee6",id:"rgb-switch",onClick:this.switchColorMode.bind(this),"aria-label":"switch to hexadecimal value entry"},o("svg",{key:"ac1611786d63808054037ef3c80578e2cdb86b96",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"6889b846dad41346d0fe0f4da46c0fbd738fc1c6",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"afece13ea369951f847eb277d03ba63ad568d85a",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"433bab4749873cece4786fc14ebf8dcaaa315586",class:"dnn-hsl-color-fields",style:{display:this.hslDisplay}},o("div",{key:"cb3443684a0630a674d2e6af6aa3719658126fe4",class:"dnn-hsl-color-field"},o("label",{key:"6eb7a63d5a915919d45c585eca10766ac03bedce"},"H"),o("input",{key:"8ebce2cd82de3f682f52cd9f851e37782567665d",type:"number",min:"0",max:"359",step:1,value:Math.round(e),"aria-label":"Hue",onChange:e=>this.handleHSLChange(e,"hue")})),o("div",{key:"88b1a0a344af2e4504ea86504cca3b0a0a877afb",class:"dnn-hsl-color-field"},o("label",{key:"2b41a0003c2b7821eddac0719125e5f5df04f562"},"S"),o("input",{key:"d63cf42953ed94b472c7697f1c12e2274bb3da18",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:"603aa4a11f53dcd81c9b1c65de6de0aafd9b5916",class:"dnn-hsl-color-field"},o("label",{key:"f1950202a61d91ff43c80df6241aacc1ee71c678"},"L"),o("input",{key:"341b0079f8bf0bf8facc9d5d7be36c49972e976f",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:"bc8679b6d48eae8adabd3f27cd4fae63df20d415",class:"dnn-color-mode-switch"},o("button",{key:"c61834d10e93cce9d4475faf3f62fd72f977271c",id:"hsl-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to red, green, blue entry mode"},o("svg",{key:"9139a6361b12820c47a2978fae13d4790667a5b9",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"1bbbc318c6691269fe88f8d94182566290487434",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"5c86619418305089e5db2035b58a686a51a0d08f",d:"M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"}))))),o("div",{key:"0d8a617bee36c4887253f6653d0c8b986ac0b19b",class:"dnn-hex-color-fields",style:{display:this.hexDisplay}},o("div",{key:"0f78740de447d7ffb74ea4560a21211e797bd424",class:"dnn-hex-color-field"},o("label",{key:"7344acdb65b35cf50060b516c619ed896edd8f78"},"HEX"),o("div",{key:"937978421c11afb45b482d39e218e5dd576f7c59",class:"hex-input"},o("input",{key:"d6d530cbf357c1b05c517823f7f339b0fabe6f93",type:"text","aria-label":"Hexadecimal value",value:this.getHex(),onChange:e=>this.handleHexChange(e.target.value)}),o("button",{key:"15a4c70cf71ac5030b1f955ff987d6524f523a04",class:"copy","aria-label":"copy value"},o("svg",{key:"49668dabf7a7a1461214b7686006c26e6aeaec91",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"fcacb45fb8db45f3cd7d4c0a6d6014780188a82a",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"41569930b5b3ae6d43de0438dcb15e24378bbed1",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:"b5d101d894b54e4f71c3d8790647cd88456edfac",class:"dnn-color-mode-switch"},o("button",{key:"99fa128f296cd477f4c746ccfb2720c7852a8a28",id:"hex-switch",onClick:this.switchColorMode.bind(this),"aria-label":"Switch to hue saturation lightness values"},o("svg",{key:"80a1c8189a305aed9142a435967390db1a147f09",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{key:"00a595f9a95d749c6cf5c55d0906abbd016f3154",d:"M0 0h24v24H0z",fill:"none"}),o("path",{key:"51ef41e5b8beee6a566f145443c9f9fa8c5c2984",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"]}}};r([d(100)],c.prototype,"colorChangedHandler",null);c.style=s;export{c as dnn_color_picker};
-//# sourceMappingURL=p-8cf49dba.entry.js.map
+//# sourceMappingURL=p-a4714e37.entry.js.map

package/dist/dnn/{p-246e9d22.entry.js → p-a9b12047.entry.js} RENAMED Viewed

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

package/dist/dnn/{p-7529ec9c.entry.js → p-b693f031.entry.js} RENAMED Viewed

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

package/dist/dnn/{p-7c143bf2.entry.js → p-c0c459af.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as c,H as i,g as a}from"./p-jUj9nGA3.js";const s=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:inline-flex;align-items:center;gap:0.25rem;margin:3px}button{cursor:pointer;background-color:transparent;border:0;padding:0;margin:0;outline:none;display:flex;justify-content:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45;cursor:default}button:focus-visible{box-shadow:0 0 2px 2px var(--focus-color)}button.invalid{border:2px solid var(--dnn-color-danger)}label{cursor:pointer}";const d=class{constructor(c){e(this,c);this.checkedchange=t(this,"checkedchange",7);if(c.$hostElement$["s-ei"]){this.internals=c.$hostElement$["s-ei"]}else{this.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=this.internals}this.checked="unchecked";this.useIntermediate=false;this.value="on";this.name="";this.required=false;this.nextStateHandler=e=>this.defaultNextStateHandler(e);this.requiredMessage="The checkbox must be checked";this.focused=false;this.valid=true}handleClick(){this.changeState()}async checkValidity(){if(this.required&&this.checked!="checked"){this.valid=false}if(!this.valid){this.internals.setValidity({valueMissing:true},this.requiredMessage)}return this.internals.validity}componentWillLoad(){this.originalChecked=this.checked;this.internals.setFormValue(this.checked)}handleCheckedChange(e,t){if(e!==t&&this.checked=="checked"){var c=new FormData;c.append(this.name,this.value);this.internals.setFormValue(c);this.internals.setValidity({});this.valid=true}if(e!="checked"&&this.required){this.valid=false;this.internals.setValidity({valueMissing:true},this.requiredMessage)}}formResetCallback(){this.internals.setValidity({});this.checked=this.originalChecked}defaultNextStateHandler(e){switch(e){case"checked":return"intermediate";case"intermediate":return"unchecked";case"unchecked":return"checked"}}changeState(){if(!this.useIntermediate){switch(this.checked){case"checked":this.checked="unchecked";break;case"unchecked":case"intermediate":this.checked="checked";break}this.checkedchange.emit(this.checked);return}this.checked=this.nextStateHandler(this.checked);this.checkedchange.emit(this.checked)}getButtonClasses(){let e=`icon ${this.checked}`;if(!this.valid){e+=" invalid"}return e}render(){return c(i,{key:"49b2d5869f04de1a9944fb564dc4412ac9f10e4d",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},c("button",{key:"8b2429b3d910ff34aa62bd09aa64044f38356fc7",ref:e=>this.button=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false,class:this.getButtonClasses()},c("div",{key:"19ad9e0263b892dbc4a82e9fc415b9653a73bd4b",class:"unchecked"},c("slot",{key:"94e37e53bbe5edb6f58621e69107218be8d1ad07",name:"uncheckedicon"},c("svg",{key:"548f8bc35a5c5d733ba9f9ed8612522879b24f3e",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("path",{key:"9478741e09aceb96d68e8aa5111287b9fc940472",d:"M0 0h24v24H0z",fill:"none"}),c("path",{key:"56b4bb4262e5e9d10d9174c0cad44ff61eba1741",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"})))),c("div",{key:"532c59227a1c24e6129cc4a755c63b3e33d335a4",class:"checked"},c("slot",{key:"d06a535e89b8e280ca22739091a76de0827c0f32",name:"checkedicon"},c("svg",{key:"2d896ae0582821c8ca47cc113accd9e8e6389f9f",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("path",{key:"563b605e835d9ec257b9e350021a90eff79fcc58",d:"M0 0h24v24H0z",fill:"none"}),c("path",{key:"5c922a9869dac44d8c994f20f03012bb14df60f2",d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})))),c("div",{key:"dce07e94818fcd15cb06f895f3310830e56f5f03",class:"intermediate"},c("slot",{key:"479043ee32c0c953a2d0c13beea1f83aafad3c12",name:"intermediateicon"},c("svg",{key:"d67fc1226be45932ab0604818aee417ed18d503d",class:"undefined",xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("g",{key:"a12a7bad9f8f497e8bee3e28bb65b633c77ceaf2"},c("rect",{key:"e520a504f3413b3a37ec2ce9f43d83718597a0ed",fill:"none",height:"24",width:"24"})),c("g",{key:"5fc329fb565b4ac5d0d1abd3d397abe44d77692c"},c("g",{key:"56812a73ece958c4d9a4d2c39f3e6e86abed7329"},c("g",{key:"2f2dfa3ccd2d9775bdc54082fb760dac9c65287c"},c("path",{key:"e3d7949eaf391241f2ee822898ec30bd1e7576a8",d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};d.style=s;export{d as dnn_checkbox};
-//# sourceMappingURL=p-7c143bf2.entry.js.map
+import{r as e,c as t,h as c,H as i,g as a}from"./p-DF1WoBK0.js";const s=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:inline-flex;align-items:center;gap:0.25rem;margin:3px}button{cursor:pointer;background-color:transparent;border:0;padding:0;margin:0;outline:none;display:flex;justify-content:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45;cursor:default}button:focus-visible{box-shadow:0 0 2px 2px var(--focus-color)}button.invalid{border:2px solid var(--dnn-color-danger)}label{cursor:pointer}";const d=class{constructor(c){e(this,c);this.checkedchange=t(this,"checkedchange",7);if(c.$hostElement$["s-ei"]){this.internals=c.$hostElement$["s-ei"]}else{this.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=this.internals}this.checked="unchecked";this.useIntermediate=false;this.value="on";this.name="";this.required=false;this.nextStateHandler=e=>this.defaultNextStateHandler(e);this.requiredMessage="The checkbox must be checked";this.focused=false;this.valid=true}handleClick(){this.changeState()}async checkValidity(){if(this.required&&this.checked!="checked"){this.valid=false}if(!this.valid){this.internals.setValidity({valueMissing:true},this.requiredMessage)}return this.internals.validity}componentWillLoad(){this.originalChecked=this.checked;this.internals.setFormValue(this.checked)}handleCheckedChange(e,t){if(e!==t&&this.checked=="checked"){var c=new FormData;c.append(this.name,this.value);this.internals.setFormValue(c);this.internals.setValidity({});this.valid=true}if(e!="checked"&&this.required){this.valid=false;this.internals.setValidity({valueMissing:true},this.requiredMessage)}}formResetCallback(){this.internals.setValidity({});this.checked=this.originalChecked}defaultNextStateHandler(e){switch(e){case"checked":return"intermediate";case"intermediate":return"unchecked";case"unchecked":return"checked"}}changeState(){if(!this.useIntermediate){switch(this.checked){case"checked":this.checked="unchecked";break;case"unchecked":case"intermediate":this.checked="checked";break}this.checkedchange.emit(this.checked);return}this.checked=this.nextStateHandler(this.checked);this.checkedchange.emit(this.checked)}getButtonClasses(){let e=`icon ${this.checked}`;if(!this.valid){e+=" invalid"}return e}render(){return c(i,{key:"49b2d5869f04de1a9944fb564dc4412ac9f10e4d",tabIndex:this.focused?-1:0,onFocus:()=>this.button.focus(),onBlur:()=>this.button.blur()},c("button",{key:"8b2429b3d910ff34aa62bd09aa64044f38356fc7",ref:e=>this.button=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false,class:this.getButtonClasses()},c("div",{key:"19ad9e0263b892dbc4a82e9fc415b9653a73bd4b",class:"unchecked"},c("slot",{key:"94e37e53bbe5edb6f58621e69107218be8d1ad07",name:"uncheckedicon"},c("svg",{key:"548f8bc35a5c5d733ba9f9ed8612522879b24f3e",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("path",{key:"9478741e09aceb96d68e8aa5111287b9fc940472",d:"M0 0h24v24H0z",fill:"none"}),c("path",{key:"56b4bb4262e5e9d10d9174c0cad44ff61eba1741",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"})))),c("div",{key:"532c59227a1c24e6129cc4a755c63b3e33d335a4",class:"checked"},c("slot",{key:"d06a535e89b8e280ca22739091a76de0827c0f32",name:"checkedicon"},c("svg",{key:"2d896ae0582821c8ca47cc113accd9e8e6389f9f",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("path",{key:"563b605e835d9ec257b9e350021a90eff79fcc58",d:"M0 0h24v24H0z",fill:"none"}),c("path",{key:"5c922a9869dac44d8c994f20f03012bb14df60f2",d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})))),c("div",{key:"dce07e94818fcd15cb06f895f3310830e56f5f03",class:"intermediate"},c("slot",{key:"479043ee32c0c953a2d0c13beea1f83aafad3c12",name:"intermediateicon"},c("svg",{key:"d67fc1226be45932ab0604818aee417ed18d503d",class:"undefined",xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},c("g",{key:"a12a7bad9f8f497e8bee3e28bb65b633c77ceaf2"},c("rect",{key:"e520a504f3413b3a37ec2ce9f43d83718597a0ed",fill:"none",height:"24",width:"24"})),c("g",{key:"5fc329fb565b4ac5d0d1abd3d397abe44d77692c"},c("g",{key:"56812a73ece958c4d9a4d2c39f3e6e86abed7329"},c("g",{key:"2f2dfa3ccd2d9775bdc54082fb760dac9c65287c"},c("path",{key:"e3d7949eaf391241f2ee822898ec30bd1e7576a8",d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};d.style=s;export{d as dnn_checkbox};
+//# sourceMappingURL=p-c0c459af.entry.js.map