@nanoporetech-digital/components 8.0.0-alpha.8 → 8.0.0-alpha.9

package/dist/nano-components/nano-checkbox-group.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as o,c as e,g as s,B as i,a as n}from"./index-CX_Hk6ss.js";import{g as t}from"./theme-aiuyr36I.js";import{d as a}from"./throttle-C93FMm2Z.js";import{t as r,h as c}from"./renderer-ZmozgREV.js";const h=class{constructor(s){o(this,s),this.nanoChange=e(this,"nanoChange",7),this.nanoValidate=e(this,"nanoValidate",7)}mo;checkboxTypes;grpId="nano-checkbox-group-"+l++;ignoreValueSet=!1;get host(){return s(this)}checkboxes;nativeCbs;errorMessage="";showErrorMsg=!1;hasHelperSlot=!1;validateOn="submitThenDirty";showInlineError=!0;min=0;max=null;disabled=null;_legend="";get legend(){return!this._legend.endsWith("*")&&this.nativeCbs?.find((o=>!!o.required))?this._legend+" *":this._legend}set legend(o){this._legend=o}hideLegend=!1;get invalid(){return this._invalid}_invalid=!1;get validityMessage(){return this.errorMessage}value;handleValuePropChange(){this.nanoChange.emit(this.value),this.ignoreValueSet||this.setCbValue()}async reportValidity(o){return o&&(this.customValidate(),this.showInlineValidation()),{isValid:!this.invalid,errorMessage:this.errorMessage}}async showError(o,e){let s;this.checkboxes&&(e&&(s=this.checkboxes.find((o=>o.value===e))),s||(s=this.checkboxes[0]),s&&(this.errorMessage=o,await s.setError(o),this.showInlineValidation()))}nanoChange;nanoValidate;handleValueChange(o){o.target!==this.host&&(this.setInternalValue(),this.handleCbChange())}handleCbChange(){this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation()}customValidate(){if(!this.nativeCbs||!this.nativeCbs.length||!this.checkboxes)return;this.checkboxes.forEach(((o,e)=>{const s=this.nativeCbs[e];o.setError(""),s.setCustomValidity("")}));const o=this.nativeCbs.filter((o=>"radio"===o?.type));if(o&&o.length){const e=o.find((o=>o.required)),s=o.find((o=>o.checked));if(e&&s)return!1;if(e&&!s)return!0}const e=this.nativeCbs.filter((o=>"checkbox"===o?.type));if(!e||!e.length)return;const s=e.filter((o=>o.checked)),i=e.find((o=>o.required));let n=!1;return!(!i||s.find((o=>o===i)))||(this.checkboxes.forEach(((o,e)=>{const i=this.nativeCbs[e];let t="";this.min&&s.length<this.min&&(t=`You must select a minimum of ${this.min} values.`,n=!0),this.max&&s.length>this.max&&(t=`Only up to ${this.max} values are allowed.`,n=!0),n&&(o.setError(t,this.showErrorMsg),i.setCustomValidity(t))})),n)}handleComponentChange(){this.checkboxes?.length&&(this.checkboxTypes=t(this.checkboxes.map((o=>"types-"+(o.type||"checkbox")))),this.checkboxTypes["nano-checkbox-group"]=!0)}handleDisabledChange(){null!==this.disabled&&this.checkboxes?.length&&this.checkboxes.map((o=>o.disabled=this.disabled))}setInternalValue(){if(!this.nativeCbs?.length)return;this.ignoreValueSet=!0;const o=this.nativeCbs.filter((o=>"radio"===o?.type));o?.length?this.value=o.find((o=>o.checked))?.value||null:(this.value=this.checkboxes.flatMap((o=>o.checked?[o.value]:[])),requestAnimationFrame((()=>this.ignoreValueSet=!1)))}setCbValue(){this.checkboxes?.forEach((o=>{let e=this.value;"string"==typeof this.value&&this.value.includes(",")&&(e=this.value.split(",")),(o.value===e||o.value===this.value||Array.isArray(e)&&e.includes(o.value))&&(o.checked=!0)}))}attachSlotObserver(){this.mo||i.isServer||(this.mo=new MutationObserver((()=>this.handleSlotChange()))).observe(this.host,{childList:!0})}async handleSlotChange(){this.checkboxes=Array.from(this.host.querySelectorAll(r("nano-checkbox"))),this.hasHelperSlot=!!this.host.querySelector('[slot="helper"]'),this.nativeCbs=await Promise.all(this.checkboxes.reduce(((o,e)=>(o.push(e.getInputElement()),o)),[])),this.nativeCbs.forEach((o=>{o&&o.addEventListener("invalid",this.handleInvalid)}))}handleInvalid=o=>{this._invalid=!0,this.showInlineError&&o.preventDefault(),"submit"===this.validateOn&&this.customValidate(),this.showInlineValidation(o)};showInlineValidation=o=>{this.nativeCbs&&this.nativeCbs.length&&this.showInlineError&&("submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this.showErrorMsg=!1,this._invalid=!1,this.errorMessage="",this.checkboxes.forEach(((o,e)=>{const s=this.nativeCbs[e];s.validity.valid||(s.validationMessage&&(this.errorMessage=s.validationMessage,this.showErrorMsg=!0,o.reportValidity(!1)),this._invalid=!0)})),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:o}))};componentWillLoad(){this.handleValueChange=this.handleValueChange.bind(this),this.showInlineValidation=a(this.showInlineValidation,10),this.handleDisabledChange(),this.handleSlotChange(),this.setCbValue(),this.handleComponentChange()}connectedCallback(){this.attachSlotObserver()}disconnectedCallback(){this.mo&&this.mo.disconnect(),this.nativeCbs?.length&&this.nativeCbs.forEach((o=>{o&&o.removeEventListener("invalid",this.handleInvalid)}))}render(){const o=this.grpId+"-lbl",e=this.showInlineError||this.hasHelperSlot?this.grpId+"-more":"";return c(n,{key:"15fc5c86bc5db9189119af9c59b5b406fe5b6e22",class:this.checkboxTypes},c("fieldset",{key:"b3d7acc9c452fefca51966fa2a88d755f338b206",disabled:this.disabled,class:{cbgroup:!0,"has-error":this.showErrorMsg&&!!this.errorMessage,"has-helper":this.hasHelperSlot}},c("legend",{key:"d4aef86c845f730e2a11696a4347da6c1e7771d8",id:o,class:{cbgroup__legend:!0,"visually-hide":this.hideLegend}},c("slot",{key:"a31964559fc797ee445b9e38633b7cc2c3d30286",name:"legend"},this.legend)),c("div",{key:"bcfad3c07ebcefc2e5cc0bb7ac5c23712ae76284",class:"cbgroup__cbs",role:"group","aria-labelledby":o+" "+e},c("slot",{key:"7222f411ed5c38a520aff17452fe4da6e84c80d3"})),(this.showInlineError||this.hasHelperSlot)&&c("div",{key:"6a31f268047242b78861057902d06ecaf4e7e0c1",class:"cbgroup__more",id:e},this.showInlineError?c("div",{class:"cbgroup__error"},this.errorMessage):"",c("div",{key:"2b9f59ce901eddbe7b40cf13bdf0276b4522dc6e",class:"cbgroup__help"},c("slot",{key:"92df785a50cfe52cafe741747e65b56d2a451211",name:"helper"})))))}static get watchers(){return{value:["handleValuePropChange"],min:["handleCbChange"],max:["handleCbChange"],nativeCbs:["customValidate"],checkboxes:["handleComponentChange","handleDisabledChange"],disabled:["handleDisabledChange"]}}};let l=0;h.style=".sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{box-sizing:border-box}[hidden].sc-nano-checkbox-group{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{box-sizing:border-box}[hidden].sc-nano-checkbox-group{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-group-h{--label-color:var(--nano-color-base-1000);--label-font-size:var(--nano-font-size-xs);--invalid-msg-color:var(--nano-color-danger-1100);--help-msg-color:var(--nano-color-base-1000);--more-font-size:var(--nano-font-size-2xs);display:block;inline-size:100%}.sc-nano-checkbox-group-h *.sc-nano-checkbox-group{box-sizing:inherit}.cbgroup.sc-nano-checkbox-group{margin:0;padding:0;border:0}.cbgroup__error.sc-nano-checkbox-group,.cbgroup__help.sc-nano-checkbox-group,.cbgroup__more.sc-nano-checkbox-group{display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cbgroup__error.sc-nano-checkbox-group,.cbgroup__help.sc-nano-checkbox-group{inset-block-start:0;inset-inline-start:0;position:absolute;font-size:var(--more-font-size);line-height:1.2;transition:0.3s ease-out opacity;font-style:italic}.show-error.sc-nano-checkbox-group .cbgroup__error.sc-nano-checkbox-group,.show-error.sc-nano-checkbox-group .cbgroup__help.sc-nano-checkbox-group{opacity:1}.cbgroup__error.sc-nano-checkbox-group{color:var(--invalid-msg-color);opacity:0}.has-error.sc-nano-checkbox-group .cbgroup__error.sc-nano-checkbox-group{opacity:1}.cbgroup__help.sc-nano-checkbox-group{opacity:1;color:var(--help-msg-color)}.has-error.sc-nano-checkbox-group .cbgroup__help.sc-nano-checkbox-group{opacity:0}.cbgroup__more.sc-nano-checkbox-group{block-size:1em;margin-block:var(--nano-spacing-sm) 0;position:relative;opacity:0;display:none;transition:all var(--nano-transition-fast) ease;transition-behavior:allow-discrete}.has-helper.sc-nano-checkbox-group .cbgroup__more.sc-nano-checkbox-group,.has-error.sc-nano-checkbox-group .cbgroup__more.sc-nano-checkbox-group{display:block;opacity:1}.cbgroup__legend.sc-nano-checkbox-group{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding:0 0 0.9375rem;margin:0;display:block;inline-size:100%}.cbgroup__legend.visually-hide.sc-nano-checkbox-group{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.cbgroup__cbs.sc-nano-checkbox-group{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--nano-spacing-md)}.types-segment.sc-nano-checkbox-group-h .cbgroup__cbs.sc-nano-checkbox-group{flex-direction:row;gap:0}.types-tag.sc-nano-checkbox-group-h .cbgroup__cbs.sc-nano-checkbox-group{flex-direction:row;gap:var(--nano-spacing-sm)}";export{h as nano_checkbox_group}
+import{r as o,c as e,g as s,B as i,a as n}from"./index-q0XK-YfO.js";import{g as t}from"./theme-aiuyr36I.js";import{d as a}from"./throttle-C93FMm2Z.js";import{t as r,h as c}from"./renderer-BjGZGWn8.js";const h=class{constructor(s){o(this,s),this.nanoChange=e(this,"nanoChange",7),this.nanoValidate=e(this,"nanoValidate",7)}mo;checkboxTypes;grpId="nano-checkbox-group-"+l++;ignoreValueSet=!1;get host(){return s(this)}checkboxes;nativeCbs;errorMessage="";showErrorMsg=!1;hasHelperSlot=!1;validateOn="submitThenDirty";showInlineError=!0;min=0;max=null;disabled=null;_legend="";get legend(){return!this._legend.endsWith("*")&&this.nativeCbs?.find((o=>!!o.required))?this._legend+" *":this._legend}set legend(o){this._legend=o}hideLegend=!1;get invalid(){return this._invalid}_invalid=!1;get validityMessage(){return this.errorMessage}value;handleValuePropChange(){this.nanoChange.emit(this.value),this.ignoreValueSet||this.setCbValue()}async reportValidity(o){return o&&(this.customValidate(),this.showInlineValidation()),{isValid:!this.invalid,errorMessage:this.errorMessage}}async showError(o,e){let s;this.checkboxes&&(e&&(s=this.checkboxes.find((o=>o.value===e))),s||(s=this.checkboxes[0]),s&&(this.errorMessage=o,await s.setError(o),this.showInlineValidation()))}nanoChange;nanoValidate;handleValueChange(o){o.target!==this.host&&(this.setInternalValue(),this.handleCbChange())}handleCbChange(){this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation()}customValidate(){if(!this.nativeCbs||!this.nativeCbs.length||!this.checkboxes)return;this.checkboxes.forEach(((o,e)=>{const s=this.nativeCbs[e];o.setError(""),s.setCustomValidity("")}));const o=this.nativeCbs.filter((o=>"radio"===o?.type));if(o&&o.length){const e=o.find((o=>o.required)),s=o.find((o=>o.checked));if(e&&s)return!1;if(e&&!s)return!0}const e=this.nativeCbs.filter((o=>"checkbox"===o?.type));if(!e||!e.length)return;const s=e.filter((o=>o.checked)),i=e.find((o=>o.required));let n=!1;return!(!i||s.find((o=>o===i)))||(this.checkboxes.forEach(((o,e)=>{const i=this.nativeCbs[e];let t="";this.min&&s.length<this.min&&(t=`You must select a minimum of ${this.min} values.`,n=!0),this.max&&s.length>this.max&&(t=`Only up to ${this.max} values are allowed.`,n=!0),n&&(o.setError(t,this.showErrorMsg),i.setCustomValidity(t))})),n)}handleComponentChange(){this.checkboxes?.length&&(this.checkboxTypes=t(this.checkboxes.map((o=>"types-"+(o.type||"checkbox")))),this.checkboxTypes["nano-checkbox-group"]=!0)}handleDisabledChange(){null!==this.disabled&&this.checkboxes?.length&&this.checkboxes.map((o=>o.disabled=this.disabled))}setInternalValue(){if(!this.nativeCbs?.length)return;this.ignoreValueSet=!0;const o=this.nativeCbs.filter((o=>"radio"===o?.type));o?.length?this.value=o.find((o=>o.checked))?.value||null:(this.value=this.checkboxes.flatMap((o=>o.checked?[o.value]:[])),requestAnimationFrame((()=>this.ignoreValueSet=!1)))}setCbValue(){this.checkboxes?.forEach((o=>{let e=this.value;"string"==typeof this.value&&this.value.includes(",")&&(e=this.value.split(",")),(o.value===e||o.value===this.value||Array.isArray(e)&&e.includes(o.value))&&(o.checked=!0)}))}attachSlotObserver(){this.mo||i.isServer||(this.mo=new MutationObserver((()=>this.handleSlotChange()))).observe(this.host,{childList:!0})}async handleSlotChange(){this.checkboxes=Array.from(this.host.querySelectorAll(r("nano-checkbox"))),this.hasHelperSlot=!!this.host.querySelector('[slot="helper"]'),this.nativeCbs=await Promise.all(this.checkboxes.reduce(((o,e)=>(o.push(e.getInputElement()),o)),[])),this.nativeCbs.forEach((o=>{o&&o.addEventListener("invalid",this.handleInvalid)}))}handleInvalid=o=>{this._invalid=!0,this.showInlineError&&o.preventDefault(),"submit"===this.validateOn&&this.customValidate(),this.showInlineValidation(o)};showInlineValidation=o=>{this.nativeCbs&&this.nativeCbs.length&&this.showInlineError&&("submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this.showErrorMsg=!1,this._invalid=!1,this.errorMessage="",this.checkboxes.forEach(((o,e)=>{const s=this.nativeCbs[e];s.validity.valid||(s.validationMessage&&(this.errorMessage=s.validationMessage,this.showErrorMsg=!0,o.reportValidity(!1)),this._invalid=!0)})),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:o}))};componentWillLoad(){this.handleValueChange=this.handleValueChange.bind(this),this.showInlineValidation=a(this.showInlineValidation,10),this.handleDisabledChange(),this.handleSlotChange(),this.setCbValue(),this.handleComponentChange()}connectedCallback(){this.attachSlotObserver()}disconnectedCallback(){this.mo&&this.mo.disconnect(),this.nativeCbs?.length&&this.nativeCbs.forEach((o=>{o&&o.removeEventListener("invalid",this.handleInvalid)}))}render(){const o=this.grpId+"-lbl",e=this.showInlineError||this.hasHelperSlot?this.grpId+"-more":"";return c(n,{key:"15fc5c86bc5db9189119af9c59b5b406fe5b6e22",class:this.checkboxTypes},c("fieldset",{key:"b3d7acc9c452fefca51966fa2a88d755f338b206",disabled:this.disabled,class:{cbgroup:!0,"has-error":this.showErrorMsg&&!!this.errorMessage,"has-helper":this.hasHelperSlot}},c("legend",{key:"d4aef86c845f730e2a11696a4347da6c1e7771d8",id:o,class:{cbgroup__legend:!0,"visually-hide":this.hideLegend}},c("slot",{key:"a31964559fc797ee445b9e38633b7cc2c3d30286",name:"legend"},this.legend)),c("div",{key:"bcfad3c07ebcefc2e5cc0bb7ac5c23712ae76284",class:"cbgroup__cbs",role:"group","aria-labelledby":o+" "+e},c("slot",{key:"7222f411ed5c38a520aff17452fe4da6e84c80d3"})),(this.showInlineError||this.hasHelperSlot)&&c("div",{key:"6a31f268047242b78861057902d06ecaf4e7e0c1",class:"cbgroup__more",id:e},this.showInlineError?c("div",{class:"cbgroup__error"},this.errorMessage):"",c("div",{key:"2b9f59ce901eddbe7b40cf13bdf0276b4522dc6e",class:"cbgroup__help"},c("slot",{key:"92df785a50cfe52cafe741747e65b56d2a451211",name:"helper"})))))}static get watchers(){return{value:["handleValuePropChange"],min:["handleCbChange"],max:["handleCbChange"],nativeCbs:["customValidate"],checkboxes:["handleComponentChange","handleDisabledChange"],disabled:["handleDisabledChange"]}}};let l=0;h.style=".sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{box-sizing:border-box}[hidden].sc-nano-checkbox-group{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{box-sizing:border-box}[hidden].sc-nano-checkbox-group{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-group-h,*.sc-nano-checkbox-group,*.sc-nano-checkbox-group::before,*.sc-nano-checkbox-group::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-group-h{--label-color:var(--nano-color-base-1000);--label-font-size:var(--nano-font-size-xs);--invalid-msg-color:var(--nano-color-danger-1100);--help-msg-color:var(--nano-color-base-1000);--more-font-size:var(--nano-font-size-2xs);display:block;inline-size:100%}.sc-nano-checkbox-group-h *.sc-nano-checkbox-group{box-sizing:inherit}.cbgroup.sc-nano-checkbox-group{margin:0;padding:0;border:0}.cbgroup__error.sc-nano-checkbox-group,.cbgroup__help.sc-nano-checkbox-group,.cbgroup__more.sc-nano-checkbox-group{display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cbgroup__error.sc-nano-checkbox-group,.cbgroup__help.sc-nano-checkbox-group{inset-block-start:0;inset-inline-start:0;position:absolute;font-size:var(--more-font-size);line-height:1.2;transition:0.3s ease-out opacity;font-style:italic}.show-error.sc-nano-checkbox-group .cbgroup__error.sc-nano-checkbox-group,.show-error.sc-nano-checkbox-group .cbgroup__help.sc-nano-checkbox-group{opacity:1}.cbgroup__error.sc-nano-checkbox-group{color:var(--invalid-msg-color);opacity:0}.has-error.sc-nano-checkbox-group .cbgroup__error.sc-nano-checkbox-group{opacity:1}.cbgroup__help.sc-nano-checkbox-group{opacity:1;color:var(--help-msg-color)}.has-error.sc-nano-checkbox-group .cbgroup__help.sc-nano-checkbox-group{opacity:0}.cbgroup__more.sc-nano-checkbox-group{block-size:1em;margin-block:var(--nano-spacing-sm) 0;position:relative;opacity:0;display:none;transition:all var(--nano-transition-fast) ease;transition-behavior:allow-discrete}.has-helper.sc-nano-checkbox-group .cbgroup__more.sc-nano-checkbox-group,.has-error.sc-nano-checkbox-group .cbgroup__more.sc-nano-checkbox-group{display:block;opacity:1}.cbgroup__legend.sc-nano-checkbox-group{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding:0 0 0.9375rem;margin:0;display:block;inline-size:100%}.cbgroup__legend.visually-hide.sc-nano-checkbox-group{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.cbgroup__cbs.sc-nano-checkbox-group{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--nano-spacing-md)}.types-segment.sc-nano-checkbox-group-h .cbgroup__cbs.sc-nano-checkbox-group{flex-direction:row;gap:0}.types-tag.sc-nano-checkbox-group-h .cbgroup__cbs.sc-nano-checkbox-group{flex-direction:row;gap:var(--nano-spacing-sm)}";export{h as nano_checkbox_group}

package/dist/nano-components/nano-checkbox.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,c as o,g as c,a}from"./index-CX_Hk6ss.js";import{t as e,h as i}from"./renderer-ZmozgREV.js";let s=0;const t=class{constructor(c){n(this,c),this.nanoChange=o(this,"nanoChange",7),this.nanoFocus=o(this,"nanoFocus",7),this.nanoBlur=o(this,"nanoBlur",7)}inputId="nano-cb-"+s++;input;_slotWrapper;get slotWrapper(){return this._slotWrapper}set slotWrapper(n){this._slotWrapper=n,this.hasLabel=!!n?.querySelectorAll("*").length||!!this.label}get host(){return c(this)}inputType="checkbox";hasLabel=!1;hasFocus=!1;checked=!1;async handleCheckedChange(){if(this.input){if(this.input.checked=this.checked,"radio"===this.inputType&&this.name&&this.checked&&this.host.isConnected){const n=this.host.closest("form"),o=this.host.getRootNode();let c;c=n?Array.from(n.querySelectorAll(`${e("nano-checkbox")}[name="${this.name}"]`)):Array.from(o.querySelectorAll(`${e("nano-checkbox")}[name="${this.name}"]`))?.filter((n=>!n.closest("form"))),c.map((n=>{n!==this.host&&(n.checked=!1)}))}this.nanoChange.emit({value:this.value,checked:this.checked})}}disabled=!1;value="on";name;required=!1;type="checkbox";typeChange(){this.inputType=["checkbox","switch","tag"].includes(this.type)?"checkbox":"radio"}label;hideLabel=!1;indeterminate=!1;handleIndeterminateChange(){this.checked=!1,this.input.indeterminate=this.indeterminate}get invalid(){return this._invalid}_invalid=!1;get validityMessage(){return this.input?this.input.validationMessage:""}form;nanoChange;nanoFocus;nanoBlur;async getInputElement(){if(this.input)return this.input}async reportValidity(n=!1){return n&&this.input.reportValidity(),this._invalid=!this.input.validity.valid,{isValid:!this.invalid,errorMessage:this.input.validationMessage}}async setError(n,o=!0){this.input&&(o&&(this._invalid=!!n.length),this.input.setCustomValidity(n))}async setFocus(){this.input&&this.input.focus()}async removeFocus(){this.input&&this.input.blur()}onHostClick(n){this.host!==n.target&&this.host.contains(n.target)||(this.checked=!this.checked)}onReset(n){(this.form?document.querySelector("#"+this.form):this.host.closest("form"))&&n.target===this.host.closest("form")&&(this.checked=!1)}handleInvalid=n=>{this._invalid=!n.target.validity.valid};handleChange=n=>{this.checked=n.target.checked,this.indeterminate=!1};handleFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};handleBlur=()=>{this.hasFocus=!1,this.nanoBlur.emit()};isRadioChecked(){requestAnimationFrame((()=>this.checked=this.input.checked))}componentWillLoad(){this.typeChange(),this.hasLabel=!!this.host.querySelectorAll("*").length||!!this.label}componentDidLoad(){this.input.indeterminate=this.indeterminate,this.isRadioChecked()}render(){const n=this.inputId+"-lbl";return i(a,{key:"d1c462c6850bad6dd37696c1edc61d1413613908"},i("label",{key:"e45bce2bffd58378e79606d848b8dc4b2a023fb2",class:{nanocb:!0,"nanocb--checked":this.checked,"nanocb--invalid":this.invalid,"nanocb--disabled":this.disabled,"nanocb--focused":this.hasFocus,"nanocb--indeterminate":this.indeterminate,["nanocb__"+this.type]:!0},htmlFor:this.inputId},i("input",{key:"732c982c1613eed2075857fff33a869378ce2356",type:this.inputType,name:this.name,form:this.form,required:this.required,checked:this.checked,disabled:this.disabled,value:this.value,"aria-labelledby":this.hasLabel?n:void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onChange:this.handleChange,ref:n=>this.input=n,id:this.inputId,onInvalid:this.handleInvalid}),i("span",{key:"7299bc0cca8ea4230d4317ad1a5e9ec5c72fd58d",class:"nanocb__input"}),this.hasLabel&&i("div",{key:"daa0fd8b2b63796e96ea40e843390ca62c41c968",id:n,class:{nanocb__label:!0,[`nanocb__label--${this.type}`]:!0,"nanocb__label--hidden":this.hideLabel}},this.label&&!!this.label.length&&i("span",{key:"cdcdf9528ee8f39f22ddd9f61c490d4c02f910e4"},this.label),i("span",{key:"021ecfc889a1bc89df711343cad337d847d93191",hidden:this.label&&!!this.label.length,ref:n=>this.slotWrapper=n},i("slot",{key:"da6bb8cfd800f4f423aaa7be538b1e33af73f5bc"})))))}static get watchers(){return{checked:["handleCheckedChange"],type:["typeChange"],indeterminate:["handleIndeterminateChange"]}}};t.style='.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{box-sizing:border-box}[hidden].sc-nano-checkbox{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{box-sizing:border-box}[hidden].sc-nano-checkbox{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-h{--border-color:var(--nano-color-primary-1000);--label-color:var(--nano-color-base-1000);--spacing:var(--nano-spacing-sm);--active-background:var(--nano-color-primary-1000);--active-foreground:var(--nano-color-basic-white);--error-color:var(--nano-color-danger-1100);--disabled-label-color:var(--nano-color-neutral-1000);--disabled-background:var(--nano-color-neutral-300);--disabled-foreground:var(--nano-color-neutral-700);--disabled-border-color:var(--nano-color-neutral-1000);display:inline-block;max-inline-size:100%}.nanocb.sc-nano-checkbox{cursor:pointer;display:flex;align-items:center;line-height:1.2;position:relative;font-size:1rem}.nanocb.sc-nano-checkbox input.sc-nano-checkbox{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:focus-visible~.nanocb__input.sc-nano-checkbox{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox,.nanocb.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox{background-color:var(--active-background)}.nanocb.nanocb--disabled.sc-nano-checkbox{cursor:not-allowed}.sc-nano-checkbox-h:not([hide-label]) .nanocb.sc-nano-checkbox{gap:var(--spacing)}.sc-nano-checkbox-h:not([type=tag]) .nanocb__label--hidden.sc-nano-checkbox,.sc-nano-checkbox-h:not([type=segment]) .nanocb__label--hidden.sc-nano-checkbox{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{display:grid;place-content:center center;block-size:1.125em;inline-size:1.125em;border-radius:1px;border:1px solid var(--border-color)}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";grid-column:1;grid-row:1;border:solid var(--active-foreground);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em}.nanocb--indeterminate.sc-nano-checkbox .nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb--indeterminate.sc-nano-checkbox .nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-width:0 0 0.1875em}.nanocb__radio.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.nanocb__checkbox.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color)}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after{scale:1;rotate:0deg;block-size:1px;inline-size:0.625em;border-width:0 0 0.125em;margin-block-start:0}.nanocb__radio.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-border-color);background:var(--disabled-background)}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border-radius:50%}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-radius:50%;background:var(--active-foreground);border:none;margin:0 !important}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1;opacity:1;block-size:0.5em;inline-size:0.5em}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox{background-color:transparent}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{inline-size:2.1875em;block-size:1.125em;border:1px solid var(--border-color)}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";position:relative;display:block;border-radius:inherit;block-size:0.75em;inline-size:0.75em;background-color:var(--active-background);transform-origin:left;inset-inline-start:0.125em;inset-block-start:50%;transform:translateY(-50%);transition:0.1s ease scale, 0.1s ease background-color, 0.15s ease left}.nanocb__switch.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{inset-inline-start:1.1875em;transform-origin:right;background-color:var(--active-foreground)}.nanocb__switch.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color)}.nanocb__switch.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-background);background:var(--disabled-background)}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{background:var(--disabled-foreground)}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}[type=segment].sc-nano-checkbox-h{display:inline-block}.nanocb__segment.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{display:none}.nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color);padding:0.4375em 0.9375em;border:1px solid var(--active-background)}.sc-nano-checkbox-h:first-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-end:1px solid var(--nano-color-neutral-300)}.sc-nano-checkbox-h:not(:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.sc-nano-checkbox-h:first-of-type) .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-start:none;border-inline-end:1px solid var(--nano-color-neutral-300)}.sc-nano-checkbox-h:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-start:none;border-inline-end:1px solid var(--active-background) !important}.sc-nano-checkbox-h:first-of-type:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border:1px solid var(--active-background)}.nanocb__segment.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__label.sc-nano-checkbox{color:var(--active-foreground);background-color:var(--active-background);box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.2) inset}.nanocb__segment.sc-nano-checkbox input.sc-nano-checkbox:focus-visible:focus~.nanocb__label.sc-nano-checkbox{outline:var(--nano-focus-ring);outline-offset:1px;z-index:1}.nanocb__segment.nanocb--invalid.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__segment.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{background-color:var(--disabled-background);color:var(--disabled-label-color)}[type=tag].sc-nano-checkbox-h{display:inline-block}.nanocb__tag.sc-nano-checkbox{display:inline-flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--active-background);color:var(--nano-color-primary-1100);font-size:var(--nano-font-size-2xs);font-weight:bold;transition:background-color var(--nano-transition-x-fast) ease-out}.nanocb__tag.sc-nano-checkbox:hover{background-color:var(--nano-color-primary-100)}.nanocb__tag.sc-nano-checkbox:has(input:checked){background-color:var(--nano-color-primary-300)}.nanocb__tag.sc-nano-checkbox:has(input:focus-visible:focus){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.nanocb__tag.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{order:0;-webkit-user-select:none;user-select:none}.nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{order:1;display:grid;place-content:center center;block-size:1.125em;inline-size:1.125em;border-radius:1px;border:1px solid var(--border-color);outline:none !important}.nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";grid-column:1;grid-row:1;block-size:0;inline-size:0;border:solid var(--active-foreground);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0}.nanocb--indeterminate.sc-nano-checkbox .nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-width:0 0 0.1875em}.nanocb__tag.nanocb--invalid.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__tag.nanocb--disabled.sc-nano-checkbox{background:var(--disabled-background);border:1px solid var(--disabled-border-color)}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-border-color);background:var(--disabled-background)}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}.nanocb__tag.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em}';export{t as nano_checkbox}
+import{r as n,c as o,g as c,a}from"./index-q0XK-YfO.js";import{t as e,h as i}from"./renderer-BjGZGWn8.js";let s=0;const t=class{constructor(c){n(this,c),this.nanoChange=o(this,"nanoChange",7),this.nanoFocus=o(this,"nanoFocus",7),this.nanoBlur=o(this,"nanoBlur",7)}inputId="nano-cb-"+s++;input;_slotWrapper;get slotWrapper(){return this._slotWrapper}set slotWrapper(n){this._slotWrapper=n,this.hasLabel=!!n?.querySelectorAll("*").length||!!this.label}get host(){return c(this)}inputType="checkbox";hasLabel=!1;hasFocus=!1;checked=!1;async handleCheckedChange(){if(this.input){if(this.input.checked=this.checked,"radio"===this.inputType&&this.name&&this.checked&&this.host.isConnected){const n=this.host.closest("form"),o=this.host.getRootNode();let c;c=n?Array.from(n.querySelectorAll(`${e("nano-checkbox")}[name="${this.name}"]`)):Array.from(o.querySelectorAll(`${e("nano-checkbox")}[name="${this.name}"]`))?.filter((n=>!n.closest("form"))),c.map((n=>{n!==this.host&&(n.checked=!1)}))}this.nanoChange.emit({value:this.value,checked:this.checked})}}disabled=!1;value="on";name;required=!1;type="checkbox";typeChange(){this.inputType=["checkbox","switch","tag"].includes(this.type)?"checkbox":"radio"}label;hideLabel=!1;indeterminate=!1;handleIndeterminateChange(){this.checked=!1,this.input.indeterminate=this.indeterminate}get invalid(){return this._invalid}_invalid=!1;get validityMessage(){return this.input?this.input.validationMessage:""}form;nanoChange;nanoFocus;nanoBlur;async getInputElement(){if(this.input)return this.input}async reportValidity(n=!1){return n&&this.input.reportValidity(),this._invalid=!this.input.validity.valid,{isValid:!this.invalid,errorMessage:this.input.validationMessage}}async setError(n,o=!0){this.input&&(o&&(this._invalid=!!n.length),this.input.setCustomValidity(n))}async setFocus(){this.input&&this.input.focus()}async removeFocus(){this.input&&this.input.blur()}onHostClick(n){this.host!==n.target&&this.host.contains(n.target)||(this.checked=!this.checked)}onReset(n){(this.form?document.querySelector("#"+this.form):this.host.closest("form"))&&n.target===this.host.closest("form")&&(this.checked=!1)}handleInvalid=n=>{this._invalid=!n.target.validity.valid};handleChange=n=>{this.checked=n.target.checked,this.indeterminate=!1};handleFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};handleBlur=()=>{this.hasFocus=!1,this.nanoBlur.emit()};isRadioChecked(){requestAnimationFrame((()=>this.checked=this.input.checked))}componentWillLoad(){this.typeChange(),this.hasLabel=!!this.host.querySelectorAll("*").length||!!this.label}componentDidLoad(){this.input.indeterminate=this.indeterminate,this.isRadioChecked()}render(){const n=this.inputId+"-lbl";return i(a,{key:"d1c462c6850bad6dd37696c1edc61d1413613908"},i("label",{key:"e45bce2bffd58378e79606d848b8dc4b2a023fb2",class:{nanocb:!0,"nanocb--checked":this.checked,"nanocb--invalid":this.invalid,"nanocb--disabled":this.disabled,"nanocb--focused":this.hasFocus,"nanocb--indeterminate":this.indeterminate,["nanocb__"+this.type]:!0},htmlFor:this.inputId},i("input",{key:"732c982c1613eed2075857fff33a869378ce2356",type:this.inputType,name:this.name,form:this.form,required:this.required,checked:this.checked,disabled:this.disabled,value:this.value,"aria-labelledby":this.hasLabel?n:void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onChange:this.handleChange,ref:n=>this.input=n,id:this.inputId,onInvalid:this.handleInvalid}),i("span",{key:"7299bc0cca8ea4230d4317ad1a5e9ec5c72fd58d",class:"nanocb__input"}),this.hasLabel&&i("div",{key:"daa0fd8b2b63796e96ea40e843390ca62c41c968",id:n,class:{nanocb__label:!0,[`nanocb__label--${this.type}`]:!0,"nanocb__label--hidden":this.hideLabel}},this.label&&!!this.label.length&&i("span",{key:"cdcdf9528ee8f39f22ddd9f61c490d4c02f910e4"},this.label),i("span",{key:"021ecfc889a1bc89df711343cad337d847d93191",hidden:this.label&&!!this.label.length,ref:n=>this.slotWrapper=n},i("slot",{key:"da6bb8cfd800f4f423aaa7be538b1e33af73f5bc"})))))}static get watchers(){return{checked:["handleCheckedChange"],type:["typeChange"],indeterminate:["handleIndeterminateChange"]}}};t.style='.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{box-sizing:border-box}[hidden].sc-nano-checkbox{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{box-sizing:border-box}[hidden].sc-nano-checkbox{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-checkbox-h,*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-checkbox-h{--border-color:var(--nano-color-primary-1000);--label-color:var(--nano-color-base-1000);--spacing:var(--nano-spacing-sm);--active-background:var(--nano-color-primary-1000);--active-foreground:var(--nano-color-basic-white);--error-color:var(--nano-color-danger-1100);--disabled-label-color:var(--nano-color-neutral-1000);--disabled-background:var(--nano-color-neutral-300);--disabled-foreground:var(--nano-color-neutral-700);--disabled-border-color:var(--nano-color-neutral-1000);display:inline-block;max-inline-size:100%}.nanocb.sc-nano-checkbox{cursor:pointer;display:flex;align-items:center;line-height:1.2;position:relative;font-size:1rem}.nanocb.sc-nano-checkbox input.sc-nano-checkbox{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:focus-visible~.nanocb__input.sc-nano-checkbox{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox,.nanocb.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox{background-color:var(--active-background)}.nanocb.nanocb--disabled.sc-nano-checkbox{cursor:not-allowed}.sc-nano-checkbox-h:not([hide-label]) .nanocb.sc-nano-checkbox{gap:var(--spacing)}.sc-nano-checkbox-h:not([type=tag]) .nanocb__label--hidden.sc-nano-checkbox,.sc-nano-checkbox-h:not([type=segment]) .nanocb__label--hidden.sc-nano-checkbox{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{display:grid;place-content:center center;block-size:1.125em;inline-size:1.125em;border-radius:1px;border:1px solid var(--border-color)}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";grid-column:1;grid-row:1;border:solid var(--active-foreground);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em}.nanocb--indeterminate.sc-nano-checkbox .nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb--indeterminate.sc-nano-checkbox .nanocb__checkbox.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-width:0 0 0.1875em}.nanocb__radio.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.nanocb__checkbox.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color)}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after{scale:1;rotate:0deg;block-size:1px;inline-size:0.625em;border-width:0 0 0.125em;margin-block-start:0}.nanocb__radio.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-border-color);background:var(--disabled-background)}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__radio.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.nanocb__checkbox.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border-radius:50%}.nanocb__radio.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-radius:50%;background:var(--active-foreground);border:none;margin:0 !important}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1;opacity:1;block-size:0.5em;inline-size:0.5em}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox{background-color:transparent}.nanocb__radio.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{inline-size:2.1875em;block-size:1.125em;border:1px solid var(--border-color)}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";position:relative;display:block;border-radius:inherit;block-size:0.75em;inline-size:0.75em;background-color:var(--active-background);transform-origin:left;inset-inline-start:0.125em;inset-block-start:50%;transform:translateY(-50%);transition:0.1s ease scale, 0.1s ease background-color, 0.15s ease left}.nanocb__switch.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{inset-inline-start:1.1875em;transform-origin:right;background-color:var(--active-foreground)}.nanocb__switch.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color)}.nanocb__switch.nanocb--invalid.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-background);background:var(--disabled-background)}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{background:var(--disabled-foreground)}.nanocb__switch.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}[type=segment].sc-nano-checkbox-h{display:inline-block}.nanocb__segment.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{display:none}.nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--label-color);padding:0.4375em 0.9375em;border:1px solid var(--active-background)}.sc-nano-checkbox-h:first-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-end:1px solid var(--nano-color-neutral-300)}.sc-nano-checkbox-h:not(:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox,.sc-nano-checkbox-h:first-of-type) .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-start:none;border-inline-end:1px solid var(--nano-color-neutral-300)}.sc-nano-checkbox-h:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border-inline-start:none;border-inline-end:1px solid var(--active-background) !important}.sc-nano-checkbox-h:first-of-type:last-of-type .nanocb__segment.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{border:1px solid var(--active-background)}.nanocb__segment.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__label.sc-nano-checkbox{color:var(--active-foreground);background-color:var(--active-background);box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.2) inset}.nanocb__segment.sc-nano-checkbox input.sc-nano-checkbox:focus-visible:focus~.nanocb__label.sc-nano-checkbox{outline:var(--nano-focus-ring);outline-offset:1px;z-index:1}.nanocb__segment.nanocb--invalid.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__segment.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{background-color:var(--disabled-background);color:var(--disabled-label-color)}[type=tag].sc-nano-checkbox-h{display:inline-block}.nanocb__tag.sc-nano-checkbox{display:inline-flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--active-background);color:var(--nano-color-primary-1100);font-size:var(--nano-font-size-2xs);font-weight:bold;transition:background-color var(--nano-transition-x-fast) ease-out}.nanocb__tag.sc-nano-checkbox:hover{background-color:var(--nano-color-primary-100)}.nanocb__tag.sc-nano-checkbox:has(input:checked){background-color:var(--nano-color-primary-300)}.nanocb__tag.sc-nano-checkbox:has(input:focus-visible:focus){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.nanocb__tag.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{order:0;-webkit-user-select:none;user-select:none}.nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{order:1;display:grid;place-content:center center;block-size:1.125em;inline-size:1.125em;border-radius:1px;border:1px solid var(--border-color);outline:none !important}.nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";grid-column:1;grid-row:1;block-size:0;inline-size:0;border:solid var(--active-foreground);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0}.nanocb--indeterminate.sc-nano-checkbox .nanocb__tag.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{border-width:0 0 0.1875em}.nanocb__tag.nanocb--invalid.sc-nano-checkbox{outline:1px solid var(--error-color);outline-offset:1px}.nanocb__tag.nanocb--disabled.sc-nano-checkbox{background:var(--disabled-background);border:1px solid var(--disabled-border-color)}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox{border:1px solid var(--disabled-border-color);background:var(--disabled-background)}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{display:none}.nanocb__tag.nanocb--disabled.sc-nano-checkbox .nanocb__label.sc-nano-checkbox{color:var(--disabled-label-color)}.nanocb__tag.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox::after{scale:1;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em}';export{t as nano_checkbox}

package/dist/nano-components/nano-collapsible-comparison.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,c as o,g as a,a as e}from"./index-CX_Hk6ss.js";import{h as t}from"./renderer-ZmozgREV.js";import{a as i}from"./style-xLaX004n.js";const r=class{constructor(a){n(this,a),this.nanoToggle=o(this,"nanoToggle",7)}get details(){return this.el.querySelectorAll("nano-details")}get el(){return a(this)}open=!1;nanoToggle;handleOpenChange(){this.details?.forEach((n=>{n.open=!!this.open})),this.nanoToggle.emit(this.open)}handleClick=()=>{this.open=!this.open};componentWillLoad(){i(this.el.shadowRoot)}componentDidLoad(){this.open&&this.details?.forEach((n=>{n.open=!0}))}render(){return t(e,{key:"849c3d8630973d94ced90a7fe10506815932d9ab",class:"nano-collapsible-comparison"},t("div",{key:"f84d57632fc72fbc266839afd017d0087ba2ed61",class:"collapsible-comparison"},t("div",{key:"6eeadd3c7ee8ccfacf6eeddd1addcb6f850d8561",part:"header"},t("div",{key:"fa7e80984c27a377b485392ada0bdc5bcacc523d",class:"header"},t("slot",{key:"93e94814f324b460dbb69ae44214e77602e4af8f",name:"heading"}),t("nano-cta",{key:"ac4faf7dddc1659c80493321ffacf10ccc9587dd",size:"large",icon:this.open?"up":"down",secondary:!0},t("button",{key:"b7de49dacb1b827eaf17cfb81349b63d31858251",onClick:this.handleClick},this.open?"Hide":"Show"," details")),t("nano-icon-button",{key:"3cddc59e59966562873e7e4999d22ff4db1b4da1",label:(this.open?"Hide":"Show")+" details",onClick:this.handleClick,iconName:"light/chevron-down",class:this.open?"open":""})),t("div",{key:"a977e27bf6aaea079bb80ca72433e2f2c385c683",class:"headings"},t("slot",{key:"7793d25823855334f9d5223070ef84a1418fb1c0",name:"comparison-headings"}))),t("div",{key:"08102e78eda50cd562e0c31588a38c363e746e4d",class:"content"},t("slot",{key:"0318767e2bb809f6db5a2c402438682d6101885a",name:"content"}))))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop --color-bg - Background color of the component. Defaults to var(--nano-color-base-0).\n  * @prop --color-border - Border color of the component. Defaults to var(--nano-color-neutral-200).\n  * @prop --outer-spacing - Horizontal padding of the component. Defaults to var(--nano-spacing-l1-default).\n  */\n}\n:host .collapsible-comparison {\n  background-color: var(--color-bg);\n  color: var(--nano-color-neutral-1400);\n  padding: var(--outer-spacing) 0;\n  container-type: inline-size;\n}\n:host .header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-block-end: var(--nano-spacing-xl);\n}\n:host .headings {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--nano-spacing-xl);\n}\n:host nano-icon-button {\n  display: none;\n}\n@container (max-width: 400px) {\n  :host nano-cta {\n    display: none;\n  }\n  :host nano-icon-button {\n    --color: var(--nano-color-primary-1100);\n    display: block;\n    margin-inline-start: auto;\n    font-size: var(--nano-font-size-xl);\n    transition: 0.3s ease transform;\n  }\n  :host nano-icon-button.open {\n    transform: rotate(180deg);\n  }\n}";export{r as nano_collapsible_comparison}
+import{r as n,c as o,g as a,a as e}from"./index-q0XK-YfO.js";import{h as t}from"./renderer-BjGZGWn8.js";import{a as i}from"./style-xLaX004n.js";const r=class{constructor(a){n(this,a),this.nanoToggle=o(this,"nanoToggle",7)}get details(){return this.el.querySelectorAll("nano-details")}get el(){return a(this)}open=!1;nanoToggle;handleOpenChange(){this.details?.forEach((n=>{n.open=!!this.open})),this.nanoToggle.emit(this.open)}handleClick=()=>{this.open=!this.open};componentWillLoad(){i(this.el.shadowRoot)}componentDidLoad(){this.open&&this.details?.forEach((n=>{n.open=!0}))}render(){return t(e,{key:"849c3d8630973d94ced90a7fe10506815932d9ab",class:"nano-collapsible-comparison"},t("div",{key:"f84d57632fc72fbc266839afd017d0087ba2ed61",class:"collapsible-comparison"},t("div",{key:"6eeadd3c7ee8ccfacf6eeddd1addcb6f850d8561",part:"header"},t("div",{key:"fa7e80984c27a377b485392ada0bdc5bcacc523d",class:"header"},t("slot",{key:"93e94814f324b460dbb69ae44214e77602e4af8f",name:"heading"}),t("nano-cta",{key:"ac4faf7dddc1659c80493321ffacf10ccc9587dd",size:"large",icon:this.open?"up":"down",secondary:!0},t("button",{key:"b7de49dacb1b827eaf17cfb81349b63d31858251",onClick:this.handleClick},this.open?"Hide":"Show"," details")),t("nano-icon-button",{key:"3cddc59e59966562873e7e4999d22ff4db1b4da1",label:(this.open?"Hide":"Show")+" details",onClick:this.handleClick,iconName:"light/chevron-down",class:this.open?"open":""})),t("div",{key:"a977e27bf6aaea079bb80ca72433e2f2c385c683",class:"headings"},t("slot",{key:"7793d25823855334f9d5223070ef84a1418fb1c0",name:"comparison-headings"}))),t("div",{key:"08102e78eda50cd562e0c31588a38c363e746e4d",class:"content"},t("slot",{key:"0318767e2bb809f6db5a2c402438682d6101885a",name:"content"}))))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n  * @prop --color-bg - Background color of the component. Defaults to var(--nano-color-base-0).\n  * @prop --color-border - Border color of the component. Defaults to var(--nano-color-neutral-200).\n  * @prop --outer-spacing - Horizontal padding of the component. Defaults to var(--nano-spacing-l1-default).\n  */\n}\n:host .collapsible-comparison {\n  background-color: var(--color-bg);\n  color: var(--nano-color-neutral-1400);\n  padding: var(--outer-spacing) 0;\n  container-type: inline-size;\n}\n:host .header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-block-end: var(--nano-spacing-xl);\n}\n:host .headings {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--nano-spacing-xl);\n}\n:host nano-icon-button {\n  display: none;\n}\n@container (max-width: 400px) {\n  :host nano-cta {\n    display: none;\n  }\n  :host nano-icon-button {\n    --color: var(--nano-color-primary-1100);\n    display: block;\n    margin-inline-start: auto;\n    font-size: var(--nano-font-size-xl);\n    transition: 0.3s ease transform;\n  }\n  :host nano-icon-button.open {\n    transform: rotate(180deg);\n  }\n}";export{r as nano_collapsible_comparison}