@nanoporetech-digital/components 8.5.3 → 8.5.4

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 (44) hide show
  1. package/dist/cjs/nano-checkbox.cjs.entry.js +1 -1
  2. package/dist/cjs/nano-dialog.cjs.entry.js +1 -1
  3. package/dist/cjs/nano-dropdown_2.cjs.entry.js +1 -1
  4. package/dist/cjs/nano-icon-button_2.cjs.entry.js +1 -1
  5. package/dist/cjs/{popover-BxNxwqMv.js → popover-CU5-yMCD.js} +7 -3
  6. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  7. package/dist/collection/components/checkbox/checkbox.css +2 -0
  8. package/dist/collection/components/dialog/dialog.css +3 -1
  9. package/dist/collection/utils/popover.js +7 -3
  10. package/dist/components/nano-checkbox.js +1 -1
  11. package/dist/components/nano-dialog.js +1 -1
  12. package/dist/components/popover.js +7 -3
  13. package/dist/esm/nano-checkbox.entry.js +1 -1
  14. package/dist/esm/nano-dialog.entry.js +1 -1
  15. package/dist/esm/nano-dropdown_2.entry.js +1 -1
  16. package/dist/esm/nano-icon-button_2.entry.js +1 -1
  17. package/dist/esm/{popover-CWVbjtKn.js → popover-DNdFZ1hX.js} +7 -3
  18. package/dist/nano-components/nano-checkbox.entry.js +1 -1
  19. package/dist/nano-components/nano-dialog.entry.js +1 -1
  20. package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
  21. package/dist/nano-components/nano-icon-button_2.entry.js +1 -1
  22. package/dist/nano-components/{popover-CWVbjtKn.js → popover-DNdFZ1hX.js} +1 -1
  23. package/dist/style/core.css +1 -1
  24. package/dist/style/core.css.map +1 -1
  25. package/dist/style/dark.css +1 -1
  26. package/dist/style/dark.css.map +1 -1
  27. package/dist/style/light.css +1 -1
  28. package/dist/style/light.css.map +1 -1
  29. package/dist/style/nano.css +1 -1
  30. package/dist/style/nano.css.map +1 -1
  31. package/docs-json.json +7 -2
  32. package/hydrate/index.js +9 -5
  33. package/hydrate/index.mjs +9 -5
  34. package/package.json +2 -2
  35. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
  36. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
  37. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
  38. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
  39. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
  40. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
  41. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
  42. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
  43. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
  44. /package/dist/types/builds/{z1_PBzhd → pbWiXnG1}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/dist/nano-components/nano-checkbox.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{r as n,c as o,e as c,g as a,a as e}from"./index-BM3Om9WE.js";import{t as i,h as s}from"./renderer-BaP2L8CT.js";let r=0;const b=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-"+r++;input;_slotWrapper;get slotWrapper(){return this._slotWrapper}set slotWrapper(n){this._slotWrapper=n,c((()=>{this.hasLabel=!!n?.querySelectorAll("*").length||!!this.label}))}get host(){return a(this)}inputType="checkbox";hasLabel=!0;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(`${i("nano-checkbox")}[name="${this.name}"]`)):Array.from(o.querySelectorAll(`${i("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 s(e,{key:"4f3947cf07b077e7ae28748515f1e2997931906e"},s("label",{key:"286a3e5f4c13c79883120aa20d6659a131f013f8",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},s("input",{key:"efb1fbaef6017dba124b2919e7975722b371bb4e",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}),s("span",{key:"172e0eb05c62daef3f2cbb5eaebdebed2ba19f35",class:"nanocb__input"}),this.hasLabel&&s("div",{key:"0662be227b2cb39c9c062b5b66da97f89bc7c94a",id:n,class:{nanocb__label:!0,[`nanocb__label--${this.type}`]:!0,"nanocb__label--hidden":this.hideLabel}},!!this.label?.length&&s("span",{key:"b4a03cea8fa9a0ac7781676a45af3dd7a826c2e0"},this.label),s("span",{key:"a6e9c1c733cd6d0285ed5bd9a22bb8f548ee9260",hidden:!!this.label?.length,ref:n=>this.slotWrapper=n},s("slot",{key:"3db145f44f978a49e445677a98b527f1b590beca"})))))}static get watchers(){return{checked:["handleCheckedChange"],type:["typeChange"],indeterminate:["handleIndeterminateChange"]}}};b.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);border-radius:var(--nano-border-radius-pill)}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";position:relative;display:block;border-radius:var(--nano-border-radius-circle);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);border-start-start-radius:var(--nano-border-radius-pill);border-end-start-radius:var(--nano-border-radius-pill)}.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;border-start-end-radius:var(--nano-border-radius-pill);border-end-end-radius:var(--nano-border-radius-pill)}.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{b as nano_checkbox}
4
+ import{r as n,c as o,e as c,g as a,a as e}from"./index-BM3Om9WE.js";import{t as i,h as s}from"./renderer-BaP2L8CT.js";let r=0;const b=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-"+r++;input;_slotWrapper;get slotWrapper(){return this._slotWrapper}set slotWrapper(n){this._slotWrapper=n,c((()=>{this.hasLabel=!!n?.querySelectorAll("*").length||!!this.label}))}get host(){return a(this)}inputType="checkbox";hasLabel=!0;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(`${i("nano-checkbox")}[name="${this.name}"]`)):Array.from(o.querySelectorAll(`${i("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 s(e,{key:"4f3947cf07b077e7ae28748515f1e2997931906e"},s("label",{key:"286a3e5f4c13c79883120aa20d6659a131f013f8",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},s("input",{key:"efb1fbaef6017dba124b2919e7975722b371bb4e",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}),s("span",{key:"172e0eb05c62daef3f2cbb5eaebdebed2ba19f35",class:"nanocb__input"}),this.hasLabel&&s("div",{key:"0662be227b2cb39c9c062b5b66da97f89bc7c94a",id:n,class:{nanocb__label:!0,[`nanocb__label--${this.type}`]:!0,"nanocb__label--hidden":this.hideLabel}},!!this.label?.length&&s("span",{key:"b4a03cea8fa9a0ac7781676a45af3dd7a826c2e0"},this.label),s("span",{key:"a6e9c1c733cd6d0285ed5bd9a22bb8f548ee9260",hidden:!!this.label?.length,ref:n=>this.slotWrapper=n},s("slot",{key:"3db145f44f978a49e445677a98b527f1b590beca"})))))}static get watchers(){return{checked:["handleCheckedChange"],type:["typeChange"],indeterminate:["handleIndeterminateChange"]}}};b.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;min-inline-size:1.125em;min-block-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);border-radius:var(--nano-border-radius-pill)}.nanocb__switch.sc-nano-checkbox .nanocb__input.sc-nano-checkbox::after{content:"";position:relative;display:block;border-radius:var(--nano-border-radius-circle);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);border-start-start-radius:var(--nano-border-radius-pill);border-end-start-radius:var(--nano-border-radius-pill)}.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;border-start-end-radius:var(--nano-border-radius-pill);border-end-end-radius:var(--nano-border-radius-pill)}.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{b as nano_checkbox}
package/dist/nano-components/nano-dialog.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{r as a,c as o,g as i,a as t}from"./index-BM3Om9WE.js";import{h as e}from"./renderer-BaP2L8CT.js";import{M as n}from"./modal-CY_3_LJ7.js";import{l as s,u as r}from"./scroll-1nFw8CNk.js";import{H as d}from"./slot-CFTP7C_Z.js";import{C as l}from"./component-store-JYVuxwvK.js";import{g as h}from"./tabbable-BgopY-vd.js";import"./dom-dlicJTEJ.js";import"./throttle-C93FMm2Z.js";let c=0;const b=class{constructor(i){a(this,i),this.nanoShow=o(this,"nanoShow",7),this.nanoAfterShow=o(this,"nanoAfterShow",7),this.nanoHide=o(this,"nanoHide",7),this.nanoAfterHide=o(this,"nanoAfterHide",7),this.nanoInitialFocus=o(this,"nanoInitialFocus",7),this.nanoRequestClose=o(this,"nanoRequestClose",7)}componentId="dialog-"+ ++c;modal;willShow=!1;willHide=!1;originalTrigger;overlay;dialog;slotCtrl=new d(this,"footer");get panel(){return this._panel}set panel(a){this._panel&&this.panel.removeEventListener("transitionend",this.handleTransitionEnd),a.addEventListener("transitionend",this.handleTransitionEnd),this._panel=a}_panel;get host(){return i(this)}noDismiss=!1;hidden=!0;showRibbon=!0;open=!1;handleOpenChange(){this.open?this.show():this.hide()}label;noHeader=!1;noUserDismiss=!1;storeId;storeMethod="url-hash";hoist=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;nanoInitialFocus;nanoRequestClose;async show(){if(this.willShow)return;if(this.nanoShow.emit().defaultPrevented)return void(this.open=!1);this.dialog&&(this.dialog.hidden=!1),this.originalTrigger=document.activeElement,this.willShow=!0,this.hidden=!1,this.open=!0,this.modal.activate(),"function"==typeof this.dialog?.showPopover&&this.dialog.showPopover(),s(this.host);const a=this.host.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),this.host.addEventListener("nanoAfterShow",(()=>{this.nanoInitialFocus.emit().defaultPrevented||(a||h(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0})}),{once:!0})}async hide(){if(this.willHide)return;if(this.nanoHide.emit().defaultPrevented)return void(this.open=!0);this.willHide=!0,this.open=!1,this.modal.deactivate(),this.stopVideos();const a=this.originalTrigger;a&&(a.setFocus&&"function"==typeof a.setFocus?a.setFocus():a.focus()),setTimeout((()=>{this.open||"function"!=typeof this.dialog?.hidePopover||this.dialog.hidePopover(),r(this.host)}),300)}handleKeyDown=a=>{"Escape"===a.key&&this.requestClose()};requestClose=()=>{this.nanoRequestClose.emit().defaultPrevented||this.noUserDismiss?(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250)):this.hide()};handleTransitionEnd=a=>{"opacity"===a.propertyName&&a.composedPath().find((a=>a===this.panel||a===this.overlay))&&(this.willShow=!1,this.willHide=!1,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit(),this.open||(this.dialog.hidden=!0,this.hidden=!0))};stopVideos(){Array.from(this.host.querySelectorAll("iframe,video")).forEach((a=>{"video"===a.tagName.toLowerCase()?a.pause():a.src=a.src}))}connectedCallback(){this.handleHoistChange(),this.modal=new n(this.host)}componentWillLoad(){this.storeId&&l.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.dialog.hidden=!this.open,this.open&&(this.show(),this.nanoAfterShow.emit())}disconnectedCallback(){r(this.host),this.panel&&this.panel.removeEventListener("transitionend",this.handleTransitionEnd)}render(){return e(t,{key:"b6ba3eea63e7aee1da10dca2a653a6c9f7d66266",class:"nano-dialog"},e("div",{key:"8ac30cda032a4fbc89b432f16ce3e9adb88ca68e",part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.slotCtrl.has("footer"),"dialog--has-header":!this.noHeader,"dialog--nodismiss":this.noDismiss,"dialog--with-ribbon":this.showRibbon},onKeyDown:this.handleKeyDown,ref:a=>this.dialog=a,popover:"manual"},e("div",{key:"4d2cde77fa9c8796daa2591eb425d1694f211d90",part:"overlay",class:"dialog__overlay",ref:a=>this.overlay=a,onClick:this.requestClose}),e("div",{key:"a99ea663fbb2560aaa8f49f23325a661f96dece6",ref:a=>this.panel=a,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.hidden?"true":"false","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:-1},e("div",{key:"0e0bab9c4307d64cd9d7deb14603d1a5e1f9d27c",class:"dialog__body-wrap"},!this.noHeader&&e("nano-sticker",{key:"6f1ea1f827d3a18622515f57b5c55d9cb4daa8a0"},e("header",{key:"d1cb39f7c1878810f85c7641fdae2217180327b3",part:"header",class:"dialog__header"},e("span",{key:"7f0ac92358b64688eca01979fd68a665802636d6",part:"title",class:"dialog__title",id:`${this.componentId}-title`},e("slot",{key:"9b53b34fa5f815a46e9bbd961acecbe592b14cb5",name:"label"},this.label||String.fromCharCode(65279))),!this.noUserDismiss&&e("nano-icon-button",{key:"4b110b4b490ede1f757046d252de8e2015f50d6e",part:"close-button",exportparts:"base:close-button__base",class:"dialog__close-icon",label:"close dialog",onClick:this.requestClose,iconName:"light/xmark"}))),e("div",{key:"f2225d9d4753b91afd697466b897e20441704f82",part:"body",class:"dialog__body"},e("slot",{key:"1bc02a8964d47650a45dd047bac390615823b176"})),this.slotCtrl.has("footer")&&e("nano-sticker",{key:"9cca925aa007316b93475d54194278ee69fcfdd6",position:"bottom"},e("footer",{key:"8b1b57752c43c3e010361c90da2cd3e647243828",part:"footer",class:"dialog__footer"},e("slot",{key:"3fdf3ec86fb5efd8a97a8ddee887dac53d3f58be",name:"footer"})))))))}static get watchers(){return{open:["handleOpenChange"],hoist:["handleHoistChange"]}}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:0;--content-background:var(--nano-color-surface-300);--footer-content:var(--nano-color-neutral-75);--scrim-color:var(--nano-overlay-background-color);--box-shadow:var(--nano-shadow-l3);--close-button-color:var(--nano-color-primary-1200);--width:50rem;--height:auto;--body-padding-v:var(--nano-spacing-l1-default);--body-padding-h:var(--nano-spacing-l1-default);--header-padding-v:var(--nano-spacing-l);--header-padding-h:var(--nano-spacing-l1-default);--footer-padding-v:var(--nano-spacing-l);--footer-padding-h:var(--nano-spacing-l1-default)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-z-index-modal);border:none;inline-size:unset;block-size:unset;color:unset;background-color:unset}.dialog::backdrop{display:none}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);block-size:var(--height);max-inline-size:calc(100% - (var(--nano-spacing-xl) + var(--nano-scroll-lock-size)));max-block-size:calc(92vh - var(--nano-spacing-xl));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform}.dialog__panel:focus{outline:none}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-x-fast) box-shadow;min-inline-size:auto;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}[stuck] .dialog__header{box-shadow:var(--nano-shadow-l0)}.dialog__title{flex:1 1 auto;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.375rem;position:relative;inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);--color:var(--close-button-color)}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;inset:0 !important;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast) opacity}.dialog--open .dialog__overlay{opacity:1}";export{b as nano_dialog}
4
+ import{r as a,c as o,g as i,a as t}from"./index-BM3Om9WE.js";import{h as e}from"./renderer-BaP2L8CT.js";import{M as n}from"./modal-CY_3_LJ7.js";import{l as r,u as s}from"./scroll-1nFw8CNk.js";import{H as d}from"./slot-CFTP7C_Z.js";import{C as l}from"./component-store-JYVuxwvK.js";import{g as h}from"./tabbable-BgopY-vd.js";import"./dom-dlicJTEJ.js";import"./throttle-C93FMm2Z.js";let c=0;const b=class{constructor(i){a(this,i),this.nanoShow=o(this,"nanoShow",7),this.nanoAfterShow=o(this,"nanoAfterShow",7),this.nanoHide=o(this,"nanoHide",7),this.nanoAfterHide=o(this,"nanoAfterHide",7),this.nanoInitialFocus=o(this,"nanoInitialFocus",7),this.nanoRequestClose=o(this,"nanoRequestClose",7)}componentId="dialog-"+ ++c;modal;willShow=!1;willHide=!1;originalTrigger;overlay;dialog;slotCtrl=new d(this,"footer");get panel(){return this._panel}set panel(a){this._panel&&this.panel.removeEventListener("transitionend",this.handleTransitionEnd),a.addEventListener("transitionend",this.handleTransitionEnd),this._panel=a}_panel;get host(){return i(this)}noDismiss=!1;hidden=!0;showRibbon=!0;open=!1;handleOpenChange(){this.open?this.show():this.hide()}label;noHeader=!1;noUserDismiss=!1;storeId;storeMethod="url-hash";hoist=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;nanoInitialFocus;nanoRequestClose;async show(){if(this.willShow)return;if(this.nanoShow.emit().defaultPrevented)return void(this.open=!1);this.dialog&&(this.dialog.hidden=!1),this.originalTrigger=document.activeElement,this.willShow=!0,this.hidden=!1,this.open=!0,this.modal.activate(),"function"==typeof this.dialog?.showPopover&&this.dialog.showPopover(),r(this.host);const a=this.host.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),this.host.addEventListener("nanoAfterShow",(()=>{this.nanoInitialFocus.emit().defaultPrevented||(a||h(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0})}),{once:!0})}async hide(){if(this.willHide)return;if(this.nanoHide.emit().defaultPrevented)return void(this.open=!0);this.willHide=!0,this.open=!1,this.modal.deactivate(),this.stopVideos();const a=this.originalTrigger;a&&(a.setFocus&&"function"==typeof a.setFocus?a.setFocus():a.focus()),setTimeout((()=>{this.open||"function"!=typeof this.dialog?.hidePopover||this.dialog.hidePopover(),s(this.host)}),300)}handleKeyDown=a=>{"Escape"===a.key&&this.requestClose()};requestClose=()=>{this.nanoRequestClose.emit().defaultPrevented||this.noUserDismiss?(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250)):this.hide()};handleTransitionEnd=a=>{"opacity"===a.propertyName&&a.composedPath().find((a=>a===this.panel||a===this.overlay))&&(this.willShow=!1,this.willHide=!1,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit(),this.open||(this.dialog.hidden=!0,this.hidden=!0))};stopVideos(){Array.from(this.host.querySelectorAll("iframe,video")).forEach((a=>{"video"===a.tagName.toLowerCase()?a.pause():a.src=a.src}))}connectedCallback(){this.handleHoistChange(),this.modal=new n(this.host)}componentWillLoad(){this.storeId&&l.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.dialog.hidden=!this.open,this.open&&(this.show(),this.nanoAfterShow.emit())}disconnectedCallback(){s(this.host),this.panel&&this.panel.removeEventListener("transitionend",this.handleTransitionEnd)}render(){return e(t,{key:"b6ba3eea63e7aee1da10dca2a653a6c9f7d66266",class:"nano-dialog"},e("div",{key:"8ac30cda032a4fbc89b432f16ce3e9adb88ca68e",part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.slotCtrl.has("footer"),"dialog--has-header":!this.noHeader,"dialog--nodismiss":this.noDismiss,"dialog--with-ribbon":this.showRibbon},onKeyDown:this.handleKeyDown,ref:a=>this.dialog=a,popover:"manual"},e("div",{key:"4d2cde77fa9c8796daa2591eb425d1694f211d90",part:"overlay",class:"dialog__overlay",ref:a=>this.overlay=a,onClick:this.requestClose}),e("div",{key:"a99ea663fbb2560aaa8f49f23325a661f96dece6",ref:a=>this.panel=a,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.hidden?"true":"false","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:-1},e("div",{key:"0e0bab9c4307d64cd9d7deb14603d1a5e1f9d27c",class:"dialog__body-wrap"},!this.noHeader&&e("nano-sticker",{key:"6f1ea1f827d3a18622515f57b5c55d9cb4daa8a0"},e("header",{key:"d1cb39f7c1878810f85c7641fdae2217180327b3",part:"header",class:"dialog__header"},e("span",{key:"7f0ac92358b64688eca01979fd68a665802636d6",part:"title",class:"dialog__title",id:`${this.componentId}-title`},e("slot",{key:"9b53b34fa5f815a46e9bbd961acecbe592b14cb5",name:"label"},this.label||String.fromCharCode(65279))),!this.noUserDismiss&&e("nano-icon-button",{key:"4b110b4b490ede1f757046d252de8e2015f50d6e",part:"close-button",exportparts:"base:close-button__base",class:"dialog__close-icon",label:"close dialog",onClick:this.requestClose,iconName:"light/xmark"}))),e("div",{key:"f2225d9d4753b91afd697466b897e20441704f82",part:"body",class:"dialog__body"},e("slot",{key:"1bc02a8964d47650a45dd047bac390615823b176"})),this.slotCtrl.has("footer")&&e("nano-sticker",{key:"9cca925aa007316b93475d54194278ee69fcfdd6",position:"bottom"},e("footer",{key:"8b1b57752c43c3e010361c90da2cd3e647243828",part:"footer",class:"dialog__footer"},e("slot",{key:"3fdf3ec86fb5efd8a97a8ddee887dac53d3f58be",name:"footer"})))))))}static get watchers(){return{open:["handleOpenChange"],hoist:["handleHoistChange"]}}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:0;--content-background:var(--nano-color-surface-300);--content-color:var(--nano-color-base-1000);--footer-content:var(--nano-color-neutral-75);--scrim-color:var(--nano-overlay-background-color);--box-shadow:var(--nano-shadow-l3);--close-button-color:var(--nano-color-primary-1200);--width:50rem;--height:auto;--body-padding-v:var(--nano-spacing-l1-default);--body-padding-h:var(--nano-spacing-l1-default);--header-padding-v:var(--nano-spacing-l);--header-padding-h:var(--nano-spacing-l1-default);--footer-padding-v:var(--nano-spacing-l);--footer-padding-h:var(--nano-spacing-l1-default)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-z-index-modal);border:none;inline-size:unset;block-size:unset;color:var(--content-color);background-color:unset}.dialog::backdrop{display:none}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);block-size:var(--height);max-inline-size:calc(100% - (var(--nano-spacing-xl) + var(--nano-scroll-lock-size)));max-block-size:calc(92vh - var(--nano-spacing-xl));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform}.dialog__panel:focus{outline:none}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-x-fast) box-shadow;min-inline-size:auto;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}[stuck] .dialog__header{box-shadow:var(--nano-shadow-l0)}.dialog__title{flex:1 1 auto;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.375rem;position:relative;inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);--color:var(--close-button-color)}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;inset:0 !important;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast) opacity}.dialog--open .dialog__overlay{opacity:1}";export{b as nano_dialog}
package/dist/nano-components/nano-dropdown_2.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{r as t,c as i,g as o,a as e}from"./index-BM3Om9WE.js";import{f as n,g as s}from"./active-element-CKJIkX0R.js";import{P as a}from"./popover-CWVbjtKn.js";import{a as r,g as h}from"./tabbable-BgopY-vd.js";import{t as d,h as l}from"./renderer-BaP2L8CT.js";import{g as p}from"./dom-dlicJTEJ.js";import{g as c}from"./slot-CFTP7C_Z.js";let m=0;const u=class{constructor(o){t(this,o),this.nanoShow=i(this,"nanoShow",7),this.nanoAfterShow=i(this,"nanoAfterShow",7),this.nanoHide=i(this,"nanoHide",7),this.nanoAfterHide=i(this,"nanoAfterHide",7)}dropdownId="dropdown-"+m++;labelId=this.dropdownId+"-title";ignoreOpenWatcher=!1;panel;popover;trigger;positioner;accessibleTrigger;didLoad=!1;focusFirstEle=!0;get menu(){return this.host.querySelector(d("nano-menu"))}get host(){return o(this)}autoOpen=!0;open=!1;handleOpenChange(){this.ignoreOpenWatcher||(this.open?this.show():this.hide(),this.accessibleTrigger?this.accessibleTrigger.setAttribute("aria-expanded",this.open.toString()):this.updateAccessibleTrigger())}closeOnSelect=!0;containingElement;tetherTo=null;handleTetherToChange(){this.createPopover(),this.updateAccessibleTrigger()}placement="bottom-start";distance=5;skidding=0;hoist=!1;handlePopoverOptionsChange(){this.popover&&this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,skidding:this.skidding,distance:this.distance})}dialogTitle;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;eventType;secondaryOpen(t){t.detail.secondaryMenu&&(t.stopPropagation(),this.panel.classList.add("loading"),this.panel.addEventListener("transitionend",(()=>{this.panel.classList.remove("loading")}),{once:!0}),this.panel.style.minHeight=t.detail.secondaryMenu.scrollHeight+"px")}secondaryClose(t){t.detail.secondaryMenu&&(t.stopPropagation(),t.target.parentElement&&(this.panel.style.minHeight=t.target.parentElement.scrollHeight+"px"))}handlePanelSelect(t){this.closeOnSelect&&t.target.tagName.toLowerCase()===d("nano-menu")&&this.hide()}async show(){if(this.ignoreOpenWatcher=!0,this.open=!0,this.nanoShow.emit().defaultPrevented)return this.open=!1,void(this.ignoreOpenWatcher=!1);"function"==typeof this.positioner?.showPopover?(this.hoist=!0,this.popover.show(),this.positioner.showPopover()):this.popover.show(),this.ignoreOpenWatcher=!1,document.addEventListener("mousedown",this.handleDocumentMouseDown),document.addEventListener("keydown",this.handleDocumentKeyDown)}async hide(){if(this.ignoreOpenWatcher=!0,this.open=!1,this.nanoHide.emit().defaultPrevented)return this.open=!0,void(this.ignoreOpenWatcher=!1);this.popover&&this.popover.hide(),this.ignoreOpenWatcher=!1,document.removeEventListener("mousedown",this.handleDocumentMouseDown),document.removeEventListener("keydown",this.handleDocumentKeyDown)}afterHide(){"function"==typeof this.positioner?.hidePopover&&this.positioner.hidePopover(),this.panel.scrollTop=0,this.accessibleTrigger&&n(this.containingElement,this.trigger)&&this.accessibleTrigger.focus()}togglePanel=()=>{this.autoOpen&&(this.open?this.hide():this.show())};updateAccessibleTrigger(){if(!this.didLoad)return;let t;this.accessibleTrigger=null,t=this.tetherTo?r(this.tetherTo):Array.from(this.host.querySelectorAll('[slot="trigger"]')).map(r)[0],t&&!t.getAttribute("aria-haspopup")&&(t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",this.open?"true":"false"),this.accessibleTrigger=t)}handleDocumentKeyDown(t){if("Escape"!==t.key)if("Tab"===t.key)setTimeout((()=>{n(this.containingElement,this.trigger,t)||this.hide()}));else{if(this.menu&&(this.placement.match(/bottom|top/)&&["ArrowDown","ArrowUp"].includes(t.key)||this.placement.match(/right|left/)&&["ArrowRight","ArrowLeft"].includes(t.key)))return!this.open||n(this.containingElement,this.trigger,t)?"NANO-DROPDOWN"===this.containingElement.tagName&&this.containingElement.placement.match(/right|left/)&&"NANO-DROPDOWN"===this.trigger.getRootNode()?.host?.tagName?void this.hide():void 0:(t.preventDefault(),this.menu.setFocus(),void(this.focusFirstEle=!0));const i=t.composedPath();if(this.menu&&i.length&&!i.find((t=>t!==this.menu)))return void this.menu.dispatchEvent(new KeyboardEvent(t.type,t))}else this.hide()}handleDocumentMouseDown(t){n(this.containingElement,this.trigger,t)||this.hide()}handleTriggerKeyDown=t=>{(this.placement.match(/bottom|top/)&&["ArrowDown","ArrowUp"," ","Enter"].includes(t.key)||this.placement.match(/right|left/)&&["ArrowRight","ArrowLeft"," ","Enter"].includes(t.key))&&(this.show(),t.preventDefault(),t.stopPropagation(),this.menu&&(this.menu.setFocus(),this.focusFirstEle=!0))};handleTriggerSlotChange=()=>{this.updateAccessibleTrigger()};createPopover(){(this.tetherTo||this.trigger)&&this.positioner&&(this.popover&&(this.open&&this.hide(),this.popover.destroy(),this.popover=null),this.popover=new a(this.tetherTo||this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{this.nanoAfterHide.emit()},onAfterShow:()=>{this.nanoAfterShow.emit()},onTransitionEnd:()=>{this.open?this.menu&&(this.menu.showActiveElement(),this.focusFirstEle&&(this.menu.setFocus(),this.focusFirstEle=!1)):this.afterHide()}}),this.open&&this.show())}isOverflowing(){return["auto","scroll"].includes(window.getComputedStyle(this.host).getPropertyValue("--overflow"))}connectedCallback(){this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this.host)}componentDidLoad(){this.didLoad=!0,this.createPopover(),setTimeout((()=>this.updateAccessibleTrigger()),100)}disconnectedCallback(){this.host.isConnected&&this.hide(),this.popover&&this.popover.destroy()}render(){return l(e,{key:"c0ed4b8b03d27f7437c148c8df305886c6cf29d9",class:"nano-dropdown"},l("div",{key:"27165586e2caa99ba746e7db3aa1574f0e9d1576",part:"base",id:this.dropdownId,class:{dropdown:!0,"dropdown--open":this.open}},l("span",{key:"b401a4d341e786ae4fe8c54adf06f8da1be4f531",part:"trigger",class:"dropdown__trigger",ref:t=>this.trigger=t,onKeyDown:this.handleTriggerKeyDown,onClick:this.togglePanel},l("slot",{key:"bd61e0f2d5e164b21d3ecba81c63ec72b0b7cc6f",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),l("div",{key:"e0cb2a8823490b70f6aa01073d3873fa785fd763",ref:t=>this.positioner=t,class:"dropdown__positioner",popover:"manual",id:this.dropdownId+"-positioner"},l("div",{key:"3f1b7e3911cd7616ff85d042fc0d1e3e358f36c2",ref:t=>this.panel=t,part:"panel",class:`dropdown__panel ${this.placement.split("-").join(" ")}`,"aria-hidden":!this.open,role:"group"===this.host.getAttribute("role")?"group":"dialog","aria-modal":"group"===this.host.getAttribute("role")?void 0:"true","aria-labelledby":this.dialogTitle?this.labelId:void 0,tabIndex:this.isOverflowing()?0:void 0},this.dialogTitle&&l("span",{key:"19cc4dd331a4c2cbdc73a05687681cb2830fff0c",id:this.labelId,class:"dropdown__accessible-title","aria-live":"group"===this.host.getAttribute("role")?void 0:"polite"},this.dialogTitle),l("slot",{key:"5da1881086c31481463b3b7244552e17ee66d997"})))))}static get watchers(){return{open:["handleOpenChange"],tetherTo:["handleTetherToChange"],placement:["handlePopoverOptionsChange"],distance:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"]}}};u.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--width:auto;--border:none;--border-radius:0px;--background:var(--nano-color-neutral-75);--padding:0 0;--overflow:auto;--dropdown-z-index:var(--nano-z-index-dropdown);--min-width:0;--max-height:none;--box-shadow:var(--nano-shadow-l2);--menu-height:calc(100vh - 200px);display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--dropdown-z-index);min-inline-size:var(--min-width);border:0;background:none;padding:0;overflow:visible;color:unset}.dropdown__positioner::backdrop{display:none}.dropdown__positioner[popover],.dropdown__positioner:popover-open{inset:unset}@media (width <= 35.9375em){.dropdown__positioner{z-index:100}}.dropdown__panel{padding:var(--padding);background:var(--background);min-inline-size:var(--min-width);inline-size:var(--width);border:var(--border);border-radius:var(--border-radius);color:currentcolor;box-shadow:var(--box-shadow);opacity:0;transition:var(--nano-transition-x-fast) ease opacity, var(--nano-transition-x-fast) ease transform, var(--nano-transition-fast) ease min-block-size;min-block-size:20px;overflow:var(--overflow);max-block-size:var(--max-height);box-sizing:content-box !important}.dropdown__panel.loading{overflow-y:hidden}.dropdown__panel.top{transform:translateY(-20px) translateZ(0)}.dropdown__panel.bottom{transform:translateY(20px) translateZ(0)}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:translateY(0) translateZ(0)}.dropdown__panel ::slotted(.nano-menu){max-block-size:var(--menu-height)}.dropdown__accessible-title{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}";const b=class{constructor(o){t(this,o),this.nanoFocus=i(this,"nanoFocus",7),this.nanoBlur=i(this,"nanoBlur",7),this.nanoSelect=i(this,"nanoSelect",7)}ignoreMouseEvents=!1;ignoreMouseTimeout;menu;typeToSelect="";typeToSelectTimeout;get el(){return o(this)}get hasFocus(){return this._hasFocus}_hasFocus=!1;type;_type;label;nanoFocus;nanoBlur;nanoSelect;async setFocus(){this.menu?.focus&&this.menu.focus({preventScroll:!0})}async removeFocus(){this.menu?.blur&&this.menu.blur()}async showActiveElement(){this.selectedItem&&this.selectedItem.scrollIntoView({block:"nearest"})}async resetActiveItem(){this.getItems.filter((t=>t.tagName.toLowerCase()===d("nano-option"))).map((t=>t.setAttribute("tabindex","-1")))}get getItems(){let t;if("listbox"===this._type)t=p(this.el,`${d("nano-nav-item")}, ${d("nano-option")}`,"slot");else{const i=this.el.querySelectorAll("[open]");t=h(i[i.length-1]||this.el)}return t.filter((t=>!t.disabled&&!t.hidden))}get activeItem(){const t=s();return this.getItems.find((i=>"0"===i.getAttribute("tabindex")||i===t||i===document.activeElement||i.classList.contains("has-focus")))}get selectedItem(){return this.getItems.find((t=>t.selected))}async setActiveFocusItem(t,i=!0){const o=this.getItems,e=t||o.find((t=>t.selected))||o[0];o.filter((t=>t.tagName.toLowerCase()===d("nano-option"))).map((t=>t.setAttribute("tabindex",t===e?"0":"-1"))),i&&(e?e.setFocus?e.setFocus():e.focus():this.hasFocus||this.menu.focus())}handleBlur(t){if(!this.hasFocus)return;let i;if(t.key){if("Tab"!==t.key)return;i=s()&&s().closest(this.el.tagName.toLowerCase())===this.el}else i=!!t.composedPath().find((t=>t===this.el));i||(this.resetActiveItem(),this._hasFocus=!1,this.nanoBlur.emit())}handleFocus=()=>{this._hasFocus=!0,this.setActiveFocusItem(this.selectedItem||this.getItems[0]),this.nanoFocus.emit()};handleClick=t=>{const i=t.target.closest(d("nano-nav-item"));i&&!i.disabled&&this.nanoSelect.emit(i)};handleKeyDown=t=>{switch(clearTimeout(this.ignoreMouseTimeout),this.ignoreMouseTimeout=setTimeout((()=>this.ignoreMouseEvents=!1),500),this.ignoreMouseEvents=!0,t.key){case" ":this.activeItem&&(t.stopPropagation(),"BUTTON"!==this.activeItem.nodeName&&this.activeItem.click());break;case"ArrowDown":case"ArrowUp":case"PageDown":case"PageUp":case"Home":case"End":{const i=this.getItems;let o=i.indexOf(this.activeItem);if(i.length)return t.preventDefault(),"ArrowDown"===t.key?o++:"ArrowUp"===t.key?o--:"Home"===t.key||"PageUp"===t.key?o=0:"End"!==t.key&&"PageDown"!==t.key||(o=i.length-1),o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.setActiveFocusItem(i[o]),void(i[o]&&i[o].scrollIntoView({block:"nearest"}));break}}if(" "===t.key||/^[a-z0-9]+$/i.test(t.key)){clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelect=""),750),this.typeToSelect+=t.key;const i=this.getItems;for(const t of i)if(c(t).toLowerCase().trim().substring(0,this.typeToSelect.length)===this.typeToSelect){this.setActiveFocusItem(t);break}}};handleMouseOver=t=>{const i=t.target,o=i.closest(d("nano-nav-item"))||i.closest(d("nano-option"))||i.closest("a");o&&!this.ignoreMouseEvents&&this.setActiveFocusItem(o)};handleSlotContent=()=>{if(this._type=this.type||null,!this._type){let t,i=0;h(this.el).forEach((o=>{"A"===o.tagName||"link"===o.role?t++:i++})),this._type=t>i?"nav":"menu"}"nav"!==this._type&&(p(this.el,`*:not(${d("nano-nav-item")}, a, ${d("nano-option")}, ${d("nano-dropdown")})`,!0).forEach((t=>{this.getItems.indexOf(t)<0&&t.setAttribute("role","none")})),this.el.querySelectorAll(`a, ${d("nano-dropdown")}`).forEach((t=>{t.setAttribute("role","A"===t.tagName?"menuitem":"group")})))};componentWillLoad(){this.handleSlotContent()}render(){return l(e,{key:"584081bb33462feb595037c47abd68aa3db1105a",role:"listbox"===this._type?"group":this._type,class:"nano-menu"},l("div",{key:"3847f51ea7fb4b0a80fe527d98e2af79468ed4bb",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onFocus:this.handleFocus,"aria-label":this.label?this.label:void 0,ref:t=>this.menu=t,part:"base",class:{menu:!0,["menu--"+this._type]:!0,"menu--has-focus":this.hasFocus},tabIndex:-1,role:"group"},l("slot",{key:"213d89d4ce752d7fa07e0f145d939679d6cb82ab",onSlotchange:this.handleSlotContent})))}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding:var(--nano-spacing-sm) var(--nano-spacing-sm);--font-size:1rem;--background:var(--nano-color-neutral-75);--nav-item-padding:var(--padding);display:block;background:var(--background);color:var(--nano-color-neutral-1400);overflow-x:clip}.menu{font-size:var(--font-size);overscroll-behavior:none;min-inline-size:var(--width);position:relative}.menu:focus{outline:none}::slotted(*:not(.nano-nav-item,.nano-option,hr,slot)){padding:var(--padding);display:block}";export{u as nano_dropdown,b as nano_menu}
4
+ import{r as t,c as i,g as o,a as e}from"./index-BM3Om9WE.js";import{f as n,g as s}from"./active-element-CKJIkX0R.js";import{P as a}from"./popover-DNdFZ1hX.js";import{a as r,g as h}from"./tabbable-BgopY-vd.js";import{t as d,h as l}from"./renderer-BaP2L8CT.js";import{g as p}from"./dom-dlicJTEJ.js";import{g as c}from"./slot-CFTP7C_Z.js";let m=0;const u=class{constructor(o){t(this,o),this.nanoShow=i(this,"nanoShow",7),this.nanoAfterShow=i(this,"nanoAfterShow",7),this.nanoHide=i(this,"nanoHide",7),this.nanoAfterHide=i(this,"nanoAfterHide",7)}dropdownId="dropdown-"+m++;labelId=this.dropdownId+"-title";ignoreOpenWatcher=!1;panel;popover;trigger;positioner;accessibleTrigger;didLoad=!1;focusFirstEle=!0;get menu(){return this.host.querySelector(d("nano-menu"))}get host(){return o(this)}autoOpen=!0;open=!1;handleOpenChange(){this.ignoreOpenWatcher||(this.open?this.show():this.hide(),this.accessibleTrigger?this.accessibleTrigger.setAttribute("aria-expanded",this.open.toString()):this.updateAccessibleTrigger())}closeOnSelect=!0;containingElement;tetherTo=null;handleTetherToChange(){this.createPopover(),this.updateAccessibleTrigger()}placement="bottom-start";distance=5;skidding=0;hoist=!1;handlePopoverOptionsChange(){this.popover&&this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,skidding:this.skidding,distance:this.distance})}dialogTitle;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;eventType;secondaryOpen(t){t.detail.secondaryMenu&&(t.stopPropagation(),this.panel.classList.add("loading"),this.panel.addEventListener("transitionend",(()=>{this.panel.classList.remove("loading")}),{once:!0}),this.panel.style.minHeight=t.detail.secondaryMenu.scrollHeight+"px")}secondaryClose(t){t.detail.secondaryMenu&&(t.stopPropagation(),t.target.parentElement&&(this.panel.style.minHeight=t.target.parentElement.scrollHeight+"px"))}handlePanelSelect(t){this.closeOnSelect&&t.target.tagName.toLowerCase()===d("nano-menu")&&this.hide()}async show(){if(this.ignoreOpenWatcher=!0,this.open=!0,this.nanoShow.emit().defaultPrevented)return this.open=!1,void(this.ignoreOpenWatcher=!1);"function"==typeof this.positioner?.showPopover?(this.hoist=!0,this.popover.show(),this.positioner.showPopover()):this.popover.show(),this.ignoreOpenWatcher=!1,document.addEventListener("mousedown",this.handleDocumentMouseDown),document.addEventListener("keydown",this.handleDocumentKeyDown)}async hide(){if(this.ignoreOpenWatcher=!0,this.open=!1,this.nanoHide.emit().defaultPrevented)return this.open=!0,void(this.ignoreOpenWatcher=!1);this.popover&&this.popover.hide(),this.ignoreOpenWatcher=!1,document.removeEventListener("mousedown",this.handleDocumentMouseDown),document.removeEventListener("keydown",this.handleDocumentKeyDown)}afterHide(){"function"==typeof this.positioner?.hidePopover&&this.positioner.hidePopover(),this.panel.scrollTop=0,this.accessibleTrigger&&n(this.containingElement,this.trigger)&&this.accessibleTrigger.focus()}togglePanel=()=>{this.autoOpen&&(this.open?this.hide():this.show())};updateAccessibleTrigger(){if(!this.didLoad)return;let t;this.accessibleTrigger=null,t=this.tetherTo?r(this.tetherTo):Array.from(this.host.querySelectorAll('[slot="trigger"]')).map(r)[0],t&&!t.getAttribute("aria-haspopup")&&(t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",this.open?"true":"false"),this.accessibleTrigger=t)}handleDocumentKeyDown(t){if("Escape"!==t.key)if("Tab"===t.key)setTimeout((()=>{n(this.containingElement,this.trigger,t)||this.hide()}));else{if(this.menu&&(this.placement.match(/bottom|top/)&&["ArrowDown","ArrowUp"].includes(t.key)||this.placement.match(/right|left/)&&["ArrowRight","ArrowLeft"].includes(t.key)))return!this.open||n(this.containingElement,this.trigger,t)?"NANO-DROPDOWN"===this.containingElement.tagName&&this.containingElement.placement.match(/right|left/)&&"NANO-DROPDOWN"===this.trigger.getRootNode()?.host?.tagName?void this.hide():void 0:(t.preventDefault(),this.menu.setFocus(),void(this.focusFirstEle=!0));const i=t.composedPath();if(this.menu&&i.length&&!i.find((t=>t!==this.menu)))return void this.menu.dispatchEvent(new KeyboardEvent(t.type,t))}else this.hide()}handleDocumentMouseDown(t){n(this.containingElement,this.trigger,t)||this.hide()}handleTriggerKeyDown=t=>{(this.placement.match(/bottom|top/)&&["ArrowDown","ArrowUp"," ","Enter"].includes(t.key)||this.placement.match(/right|left/)&&["ArrowRight","ArrowLeft"," ","Enter"].includes(t.key))&&(this.show(),t.preventDefault(),t.stopPropagation(),this.menu&&(this.menu.setFocus(),this.focusFirstEle=!0))};handleTriggerSlotChange=()=>{this.updateAccessibleTrigger()};createPopover(){(this.tetherTo||this.trigger)&&this.positioner&&(this.popover&&(this.open&&this.hide(),this.popover.destroy(),this.popover=null),this.popover=new a(this.tetherTo||this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{this.nanoAfterHide.emit()},onAfterShow:()=>{this.nanoAfterShow.emit()},onTransitionEnd:()=>{this.open?this.menu&&(this.menu.showActiveElement(),this.focusFirstEle&&(this.menu.setFocus(),this.focusFirstEle=!1)):this.afterHide()}}),this.open&&this.show())}isOverflowing(){return["auto","scroll"].includes(window.getComputedStyle(this.host).getPropertyValue("--overflow"))}connectedCallback(){this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this.host)}componentDidLoad(){this.didLoad=!0,this.createPopover(),setTimeout((()=>this.updateAccessibleTrigger()),100)}disconnectedCallback(){this.host.isConnected&&this.hide(),this.popover&&this.popover.destroy()}render(){return l(e,{key:"c0ed4b8b03d27f7437c148c8df305886c6cf29d9",class:"nano-dropdown"},l("div",{key:"27165586e2caa99ba746e7db3aa1574f0e9d1576",part:"base",id:this.dropdownId,class:{dropdown:!0,"dropdown--open":this.open}},l("span",{key:"b401a4d341e786ae4fe8c54adf06f8da1be4f531",part:"trigger",class:"dropdown__trigger",ref:t=>this.trigger=t,onKeyDown:this.handleTriggerKeyDown,onClick:this.togglePanel},l("slot",{key:"bd61e0f2d5e164b21d3ecba81c63ec72b0b7cc6f",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),l("div",{key:"e0cb2a8823490b70f6aa01073d3873fa785fd763",ref:t=>this.positioner=t,class:"dropdown__positioner",popover:"manual",id:this.dropdownId+"-positioner"},l("div",{key:"3f1b7e3911cd7616ff85d042fc0d1e3e358f36c2",ref:t=>this.panel=t,part:"panel",class:`dropdown__panel ${this.placement.split("-").join(" ")}`,"aria-hidden":!this.open,role:"group"===this.host.getAttribute("role")?"group":"dialog","aria-modal":"group"===this.host.getAttribute("role")?void 0:"true","aria-labelledby":this.dialogTitle?this.labelId:void 0,tabIndex:this.isOverflowing()?0:void 0},this.dialogTitle&&l("span",{key:"19cc4dd331a4c2cbdc73a05687681cb2830fff0c",id:this.labelId,class:"dropdown__accessible-title","aria-live":"group"===this.host.getAttribute("role")?void 0:"polite"},this.dialogTitle),l("slot",{key:"5da1881086c31481463b3b7244552e17ee66d997"})))))}static get watchers(){return{open:["handleOpenChange"],tetherTo:["handleTetherToChange"],placement:["handlePopoverOptionsChange"],distance:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"]}}};u.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--width:auto;--border:none;--border-radius:0px;--background:var(--nano-color-neutral-75);--padding:0 0;--overflow:auto;--dropdown-z-index:var(--nano-z-index-dropdown);--min-width:0;--max-height:none;--box-shadow:var(--nano-shadow-l2);--menu-height:calc(100vh - 200px);display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--dropdown-z-index);min-inline-size:var(--min-width);border:0;background:none;padding:0;overflow:visible;color:unset}.dropdown__positioner::backdrop{display:none}.dropdown__positioner[popover],.dropdown__positioner:popover-open{inset:unset}@media (width <= 35.9375em){.dropdown__positioner{z-index:100}}.dropdown__panel{padding:var(--padding);background:var(--background);min-inline-size:var(--min-width);inline-size:var(--width);border:var(--border);border-radius:var(--border-radius);color:currentcolor;box-shadow:var(--box-shadow);opacity:0;transition:var(--nano-transition-x-fast) ease opacity, var(--nano-transition-x-fast) ease transform, var(--nano-transition-fast) ease min-block-size;min-block-size:20px;overflow:var(--overflow);max-block-size:var(--max-height);box-sizing:content-box !important}.dropdown__panel.loading{overflow-y:hidden}.dropdown__panel.top{transform:translateY(-20px) translateZ(0)}.dropdown__panel.bottom{transform:translateY(20px) translateZ(0)}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:translateY(0) translateZ(0)}.dropdown__panel ::slotted(.nano-menu){max-block-size:var(--menu-height)}.dropdown__accessible-title{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}";const b=class{constructor(o){t(this,o),this.nanoFocus=i(this,"nanoFocus",7),this.nanoBlur=i(this,"nanoBlur",7),this.nanoSelect=i(this,"nanoSelect",7)}ignoreMouseEvents=!1;ignoreMouseTimeout;menu;typeToSelect="";typeToSelectTimeout;get el(){return o(this)}get hasFocus(){return this._hasFocus}_hasFocus=!1;type;_type;label;nanoFocus;nanoBlur;nanoSelect;async setFocus(){this.menu?.focus&&this.menu.focus({preventScroll:!0})}async removeFocus(){this.menu?.blur&&this.menu.blur()}async showActiveElement(){this.selectedItem&&this.selectedItem.scrollIntoView({block:"nearest"})}async resetActiveItem(){this.getItems.filter((t=>t.tagName.toLowerCase()===d("nano-option"))).map((t=>t.setAttribute("tabindex","-1")))}get getItems(){let t;if("listbox"===this._type)t=p(this.el,`${d("nano-nav-item")}, ${d("nano-option")}`,"slot");else{const i=this.el.querySelectorAll("[open]");t=h(i[i.length-1]||this.el)}return t.filter((t=>!t.disabled&&!t.hidden))}get activeItem(){const t=s();return this.getItems.find((i=>"0"===i.getAttribute("tabindex")||i===t||i===document.activeElement||i.classList.contains("has-focus")))}get selectedItem(){return this.getItems.find((t=>t.selected))}async setActiveFocusItem(t,i=!0){const o=this.getItems,e=t||o.find((t=>t.selected))||o[0];o.filter((t=>t.tagName.toLowerCase()===d("nano-option"))).map((t=>t.setAttribute("tabindex",t===e?"0":"-1"))),i&&(e?e.setFocus?e.setFocus():e.focus():this.hasFocus||this.menu.focus())}handleBlur(t){if(!this.hasFocus)return;let i;if(t.key){if("Tab"!==t.key)return;i=s()&&s().closest(this.el.tagName.toLowerCase())===this.el}else i=!!t.composedPath().find((t=>t===this.el));i||(this.resetActiveItem(),this._hasFocus=!1,this.nanoBlur.emit())}handleFocus=()=>{this._hasFocus=!0,this.setActiveFocusItem(this.selectedItem||this.getItems[0]),this.nanoFocus.emit()};handleClick=t=>{const i=t.target.closest(d("nano-nav-item"));i&&!i.disabled&&this.nanoSelect.emit(i)};handleKeyDown=t=>{switch(clearTimeout(this.ignoreMouseTimeout),this.ignoreMouseTimeout=setTimeout((()=>this.ignoreMouseEvents=!1),500),this.ignoreMouseEvents=!0,t.key){case" ":this.activeItem&&(t.stopPropagation(),"BUTTON"!==this.activeItem.nodeName&&this.activeItem.click());break;case"ArrowDown":case"ArrowUp":case"PageDown":case"PageUp":case"Home":case"End":{const i=this.getItems;let o=i.indexOf(this.activeItem);if(i.length)return t.preventDefault(),"ArrowDown"===t.key?o++:"ArrowUp"===t.key?o--:"Home"===t.key||"PageUp"===t.key?o=0:"End"!==t.key&&"PageDown"!==t.key||(o=i.length-1),o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.setActiveFocusItem(i[o]),void(i[o]&&i[o].scrollIntoView({block:"nearest"}));break}}if(" "===t.key||/^[a-z0-9]+$/i.test(t.key)){clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelect=""),750),this.typeToSelect+=t.key;const i=this.getItems;for(const t of i)if(c(t).toLowerCase().trim().substring(0,this.typeToSelect.length)===this.typeToSelect){this.setActiveFocusItem(t);break}}};handleMouseOver=t=>{const i=t.target,o=i.closest(d("nano-nav-item"))||i.closest(d("nano-option"))||i.closest("a");o&&!this.ignoreMouseEvents&&this.setActiveFocusItem(o)};handleSlotContent=()=>{if(this._type=this.type||null,!this._type){let t,i=0;h(this.el).forEach((o=>{"A"===o.tagName||"link"===o.role?t++:i++})),this._type=t>i?"nav":"menu"}"nav"!==this._type&&(p(this.el,`*:not(${d("nano-nav-item")}, a, ${d("nano-option")}, ${d("nano-dropdown")})`,!0).forEach((t=>{this.getItems.indexOf(t)<0&&t.setAttribute("role","none")})),this.el.querySelectorAll(`a, ${d("nano-dropdown")}`).forEach((t=>{t.setAttribute("role","A"===t.tagName?"menuitem":"group")})))};componentWillLoad(){this.handleSlotContent()}render(){return l(e,{key:"584081bb33462feb595037c47abd68aa3db1105a",role:"listbox"===this._type?"group":this._type,class:"nano-menu"},l("div",{key:"3847f51ea7fb4b0a80fe527d98e2af79468ed4bb",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onFocus:this.handleFocus,"aria-label":this.label?this.label:void 0,ref:t=>this.menu=t,part:"base",class:{menu:!0,["menu--"+this._type]:!0,"menu--has-focus":this.hasFocus},tabIndex:-1,role:"group"},l("slot",{key:"213d89d4ce752d7fa07e0f145d939679d6cb82ab",onSlotchange:this.handleSlotContent})))}};b.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding:var(--nano-spacing-sm) var(--nano-spacing-sm);--font-size:1rem;--background:var(--nano-color-neutral-75);--nav-item-padding:var(--padding);display:block;background:var(--background);color:var(--nano-color-neutral-1400);overflow-x:clip}.menu{font-size:var(--font-size);overscroll-behavior:none;min-inline-size:var(--width);position:relative}.menu:focus{outline:none}::slotted(*:not(.nano-nav-item,.nano-option,hr,slot)){padding:var(--padding);display:block}";export{u as nano_dropdown,b as nano_menu}
package/dist/nano-components/nano-icon-button_2.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import{r as t,g as o,a as i,c as r}from"./index-BM3Om9WE.js";import{h as n}from"./renderer-BaP2L8CT.js";import{P as e}from"./popover-CWVbjtKn.js";const a=class{constructor(o){t(this,o)}button;get host(){return o(this)}iconName;iconSrc;type="button";name;value;label;showTooltip=!1;disabled=!1;href;rel;target;form;async setFocus(){this.button.focus()}findForm(){const{form:t,host:o}=this;if(!t)return o.closest("form");if(t instanceof HTMLFormElement)return t;if("string"==typeof t){const o=document.getElementById(t);if(o instanceof HTMLFormElement)return o}return null}handleClick=t=>{if("button"===this.type)return;const o=this.findForm();if(o){t.preventDefault();const i=document.createElement("button");i.type=this.type,i.style.display="none",o.appendChild(i),i.click(),i.remove()}};content(){return n(void 0===this.href?"button":"a",{onClick:this.handleClick,part:"base",ref:t=>this.button=t,class:{"icon-button":!0,"icon-button--disabled":this.disabled},name:this.name,value:this.value,href:this.href||void 0,target:this.href&&this.target?this.target:void 0,rel:this.rel||void 0,type:!this.href&&this.type?this.type:void 0},n("span",{class:"icon-button__label"},this.label),n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true",lazy:!1,part:"icon"}))}render(){return n(i,{class:"nano-icon-button","aria-disabled":this.disabled?"true":null},this.showTooltip?n("nano-tooltip",{content:this.label},this.content()):this.content())}};a.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:none;--active-color:var(--nano-color-neutral-800);--hover-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-xs);--box-shadow:none;--button-bg:transparent;color:currentcolor;border-radius:var(--border-radius);display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;border:none;border-radius:inherit;background:inherit;font-size:inherit;color:inherit;padding:var(--padding);cursor:pointer;appearance:none;box-shadow:var(--box-shadow)}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--hover-color)}.icon-button:active:not(.icon-button--disabled){color:var(--active-color)}.icon-button:focus-visible:not(.icon-button--disabled){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.icon-button__label{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}:host([disabled]:not([disabled=false])){opacity:0.5;cursor:not-allowed}.icon-button--disabled{pointer-events:none}";const s=class{constructor(o){t(this,o),this.nanoShow=r(this,"nanoShow",7),this.nanoAfterShow=r(this,"nanoAfterShow",7),this.nanoHide=r(this,"nanoHide",7),this.nanoAfterHide=r(this,"nanoAfterHide",7)}isVisible=!1;popover;tooltipPositioner;tooltip;_target;get target(){return this._target}set target(t){t!==this._target&&this._target&&this._target.removeAttribute("aria-label"),t.setAttribute("aria-label",this.label),this._target=t}label="";get host(){return o(this)}content="";setLabel(){const t=Array.from(this.host.querySelectorAll('[slot="content"]')).map((t=>t.textContent)).join(" ").trim();(this.target||(this.target=this.getTarget(),this.target))&&(this.label=t||this.content,this.target.setAttribute("aria-label",this.label))}placement="top";disabled=!1;distance=10;open=!1;skidding=0;hoist=!1;trigger="hover focus";handleOpenChange(){this.open?this.show():this.hide()}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){this.isVisible||this.disabled||(this.nanoShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,"function"==typeof this.tooltipPositioner?.showPopover?(this.hoist=!0,this.popover.show(),this.tooltipPositioner.showPopover()):this.popover.show()))}async hide(){this.isVisible&&(this.nanoHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide(),setTimeout((()=>{this.open||"function"!=typeof this.tooltipPositioner?.hidePopover||this.tooltipPositioner.hidePopover()}),300)))}getTarget(){let t=Array.from(this.host.children);t=t.flatMap((t=>{const o=getComputedStyle(t).display;return"none"===o?[]:"contents"===o&&t.children?.length?Array.from(t.children):t}));const o=t.find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!o)throw new Error("Invalid tooltip target: no child element was found.");return o}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.nanoAfterHide.emit(),onAfterShow:()=>this.nanoAfterShow.emit()})}handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};handleFocus=()=>{this.hasTrigger("focus")&&this.show()};handleKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())};handleMouseOver=()=>{this.hasTrigger("hover")&&this.show()};handleMouseOut=()=>{this.hasTrigger("hover")&&this.hide()};handleSlotChange=()=>{this.target=this.getTarget()};componentDidLoad(){this.target=this.getTarget(),this.popover=new e(this.target,this.tooltipPositioner,{sameWidth:!1}),this.syncOptions(),this.setLabel(),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover&&this.popover.destroy()}render(){return n(i,{key:"94758bb18228b14884cf2be79228e554de84013f",onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,class:"nano-tooltip"},n("slot",{key:"45589386e68d89c21abbb50513678152e8bce9d1",onSlotchange:this.handleSlotChange}),n("div",{key:"6a76c101c35d45458f0a680753a381cc95631b87",ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner",popover:"manual"},n("div",{key:"d3b2cc9c9018c9a0a5dc4cef256c8b9c568cd0b4",part:"base",ref:t=>this.tooltip=t,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},n("slot",{key:"1c51cdc6a7ec88107e3290b0b9750198e7176c20",name:"content",onSlotchange:()=>this.setLabel()},this.content),n("div",{key:"00f090eee000e6bba713dc21a1d53c348eb94a76",class:"tooltip-arrow","data-popper-arrow":!0}))))}static get watchers(){return{content:["setLabel"],open:["handleOpenChange"]}}};s.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:0px;--max-width:20rem;--hide-delay:var(--nano-transition-x-fast);--hide-duration:var(--nano-transition-x-fast);--hide-timing-function:ease;--show-delay:var(--nano-transition-x-fast);--show-duration:var(--nano-transition-x-fast);--show-timing-function:ease;--background:var(--nano-color-neutral-1200);--color:var(--nano-color-base-0);--padding:var(--nano-spacing-sm);--arrow-size:5px;--arrow-offset:5px;display:contents}.tooltip-arrow{content:"";position:absolute;color:var(--background);transform:none !important;inset-inline-start:unset !important}.tooltip{max-inline-size:var(--max-width);border-radius:var(--border-radius);background-color:var(--background);font-size:var(--nano-font-size-2xs);line-height:1.5;color:var(--color);opacity:0;padding:var(--padding);transform:translateY(10px) translateZ(0);transform-origin:bottom;transition:opacity, transform var(--hide-duration) var(--hide-timing-function) var(--hide-delay);white-space:normal;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip ::slotted(*){color:inherit;font-size:inherit;line-height:inherit}.tooltip-positioner{position:absolute;z-index:var(--nano-z-index-tooltip);border:0;background:none;padding:0;overflow:visible;color:unset}.tooltip-positioner::backdrop{display:none}.tooltip-positioner[popover],.tooltip-positioner:popover-open{inset:unset}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom;transform:translateY(-10px) translateZ(0)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none}.tooltip-positioner[data-popper-placement^=bottom] .tooltip-arrow{inset-block-end:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-end:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=top] .tooltip-arrow{inset-block-start:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-start:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=top-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=left] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-start:100% !important;border-inline-start:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=left-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=right] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-end:100% !important;border-inline-end:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=right-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}';export{a as nano_icon_button,s as nano_tooltip}
4
+ import{r as t,g as o,a as i,c as r}from"./index-BM3Om9WE.js";import{h as n}from"./renderer-BaP2L8CT.js";import{P as e}from"./popover-DNdFZ1hX.js";const a=class{constructor(o){t(this,o)}button;get host(){return o(this)}iconName;iconSrc;type="button";name;value;label;showTooltip=!1;disabled=!1;href;rel;target;form;async setFocus(){this.button.focus()}findForm(){const{form:t,host:o}=this;if(!t)return o.closest("form");if(t instanceof HTMLFormElement)return t;if("string"==typeof t){const o=document.getElementById(t);if(o instanceof HTMLFormElement)return o}return null}handleClick=t=>{if("button"===this.type)return;const o=this.findForm();if(o){t.preventDefault();const i=document.createElement("button");i.type=this.type,i.style.display="none",o.appendChild(i),i.click(),i.remove()}};content(){return n(void 0===this.href?"button":"a",{onClick:this.handleClick,part:"base",ref:t=>this.button=t,class:{"icon-button":!0,"icon-button--disabled":this.disabled},name:this.name,value:this.value,href:this.href||void 0,target:this.href&&this.target?this.target:void 0,rel:this.rel||void 0,type:!this.href&&this.type?this.type:void 0},n("span",{class:"icon-button__label"},this.label),n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true",lazy:!1,part:"icon"}))}render(){return n(i,{class:"nano-icon-button","aria-disabled":this.disabled?"true":null},this.showTooltip?n("nano-tooltip",{content:this.label},this.content()):this.content())}};a.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:none;--active-color:var(--nano-color-neutral-800);--hover-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-xs);--box-shadow:none;--button-bg:transparent;color:currentcolor;border-radius:var(--border-radius);display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;border:none;border-radius:inherit;background:inherit;font-size:inherit;color:inherit;padding:var(--padding);cursor:pointer;appearance:none;box-shadow:var(--box-shadow)}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--hover-color)}.icon-button:active:not(.icon-button--disabled){color:var(--active-color)}.icon-button:focus-visible:not(.icon-button--disabled){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.icon-button__label{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}:host([disabled]:not([disabled=false])){opacity:0.5;cursor:not-allowed}.icon-button--disabled{pointer-events:none}";const s=class{constructor(o){t(this,o),this.nanoShow=r(this,"nanoShow",7),this.nanoAfterShow=r(this,"nanoAfterShow",7),this.nanoHide=r(this,"nanoHide",7),this.nanoAfterHide=r(this,"nanoAfterHide",7)}isVisible=!1;popover;tooltipPositioner;tooltip;_target;get target(){return this._target}set target(t){t!==this._target&&this._target&&this._target.removeAttribute("aria-label"),t.setAttribute("aria-label",this.label),this._target=t}label="";get host(){return o(this)}content="";setLabel(){const t=Array.from(this.host.querySelectorAll('[slot="content"]')).map((t=>t.textContent)).join(" ").trim();(this.target||(this.target=this.getTarget(),this.target))&&(this.label=t||this.content,this.target.setAttribute("aria-label",this.label))}placement="top";disabled=!1;distance=10;open=!1;skidding=0;hoist=!1;trigger="hover focus";handleOpenChange(){this.open?this.show():this.hide()}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){this.isVisible||this.disabled||(this.nanoShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,"function"==typeof this.tooltipPositioner?.showPopover?(this.hoist=!0,this.popover.show(),this.tooltipPositioner.showPopover()):this.popover.show()))}async hide(){this.isVisible&&(this.nanoHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide(),setTimeout((()=>{this.open||"function"!=typeof this.tooltipPositioner?.hidePopover||this.tooltipPositioner.hidePopover()}),300)))}getTarget(){let t=Array.from(this.host.children);t=t.flatMap((t=>{const o=getComputedStyle(t).display;return"none"===o?[]:"contents"===o&&t.children?.length?Array.from(t.children):t}));const o=t.find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!o)throw new Error("Invalid tooltip target: no child element was found.");return o}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.nanoAfterHide.emit(),onAfterShow:()=>this.nanoAfterShow.emit()})}handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};handleFocus=()=>{this.hasTrigger("focus")&&this.show()};handleKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())};handleMouseOver=()=>{this.hasTrigger("hover")&&this.show()};handleMouseOut=()=>{this.hasTrigger("hover")&&this.hide()};handleSlotChange=()=>{this.target=this.getTarget()};componentDidLoad(){this.target=this.getTarget(),this.popover=new e(this.target,this.tooltipPositioner,{sameWidth:!1}),this.syncOptions(),this.setLabel(),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover&&this.popover.destroy()}render(){return n(i,{key:"94758bb18228b14884cf2be79228e554de84013f",onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,class:"nano-tooltip"},n("slot",{key:"45589386e68d89c21abbb50513678152e8bce9d1",onSlotchange:this.handleSlotChange}),n("div",{key:"6a76c101c35d45458f0a680753a381cc95631b87",ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner",popover:"manual"},n("div",{key:"d3b2cc9c9018c9a0a5dc4cef256c8b9c568cd0b4",part:"base",ref:t=>this.tooltip=t,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},n("slot",{key:"1c51cdc6a7ec88107e3290b0b9750198e7176c20",name:"content",onSlotchange:()=>this.setLabel()},this.content),n("div",{key:"00f090eee000e6bba713dc21a1d53c348eb94a76",class:"tooltip-arrow","data-popper-arrow":!0}))))}static get watchers(){return{content:["setLabel"],open:["handleOpenChange"]}}};s.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:0px;--max-width:20rem;--hide-delay:var(--nano-transition-x-fast);--hide-duration:var(--nano-transition-x-fast);--hide-timing-function:ease;--show-delay:var(--nano-transition-x-fast);--show-duration:var(--nano-transition-x-fast);--show-timing-function:ease;--background:var(--nano-color-neutral-1200);--color:var(--nano-color-base-0);--padding:var(--nano-spacing-sm);--arrow-size:5px;--arrow-offset:5px;display:contents}.tooltip-arrow{content:"";position:absolute;color:var(--background);transform:none !important;inset-inline-start:unset !important}.tooltip{max-inline-size:var(--max-width);border-radius:var(--border-radius);background-color:var(--background);font-size:var(--nano-font-size-2xs);line-height:1.5;color:var(--color);opacity:0;padding:var(--padding);transform:translateY(10px) translateZ(0);transform-origin:bottom;transition:opacity, transform var(--hide-duration) var(--hide-timing-function) var(--hide-delay);white-space:normal;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip ::slotted(*){color:inherit;font-size:inherit;line-height:inherit}.tooltip-positioner{position:absolute;z-index:var(--nano-z-index-tooltip);border:0;background:none;padding:0;overflow:visible;color:unset}.tooltip-positioner::backdrop{display:none}.tooltip-positioner[popover],.tooltip-positioner:popover-open{inset:unset}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom;transform:translateY(-10px) translateZ(0)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none}.tooltip-positioner[data-popper-placement^=bottom] .tooltip-arrow{inset-block-end:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-end:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=top] .tooltip-arrow{inset-block-start:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-start:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=top-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=left] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-start:100% !important;border-inline-start:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=left-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=right] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-end:100% !important;border-inline-end:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=right-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}';export{a as nano_icon_button,s as nano_tooltip}
package/dist/nano-components/{popover-CWVbjtKn.js → popover-DNdFZ1hX.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- var t="top",n="bottom",e="right",r="left",i="auto",o=[t,n,e,r],a="start",u="end",f="viewport",c="popper",s=o.reduce((function(t,n){return t.concat([n+"-"+a,n+"-"+u])}),[]),d=[].concat(o,[i]).reduce((function(t,n){return t.concat([n,n+"-"+a,n+"-"+u])}),[]),p=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function l(t){return t?(t.nodeName||"").toLowerCase():null}function v(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function h(t){return t instanceof v(t).Element||t instanceof Element}function b(t){return t instanceof v(t).HTMLElement||t instanceof HTMLElement}function m(t){return"undefined"!=typeof ShadowRoot&&(t instanceof v(t).ShadowRoot||t instanceof ShadowRoot)}function y(t){return t.split("-")[0]}var x=Math.max,w=Math.min,O=Math.round;function g(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(g())}function A(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var r=t.getBoundingClientRect(),i=1,o=1;n&&b(t)&&(i=t.offsetWidth>0&&O(r.width)/t.offsetWidth||1,o=t.offsetHeight>0&&O(r.height)/t.offsetHeight||1);var a=(h(t)?v(t):window).visualViewport,u=!j()&&e,f=(r.left+(u&&a?a.offsetLeft:0))/i,c=(r.top+(u&&a?a.offsetTop:0))/o,s=r.width/i,d=r.height/o;return{width:s,height:d,top:c,right:f+s,bottom:c+d,left:f,x:f,y:c}}function M(t){var n=A(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function q(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&m(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function E(t){return v(t).getComputedStyle(t)}function k(t){return["table","td","th"].indexOf(l(t))>=0}function P(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function S(t){return"html"===l(t)?t:t.assignedSlot||t.parentNode||(m(t)?t.host:null)||P(t)}function W(t){return b(t)&&"fixed"!==E(t).position?t.offsetParent:null}function B(t){for(var n=v(t),e=W(t);e&&k(e)&&"static"===E(e).position;)e=W(e);return e&&("html"===l(e)||"body"===l(e)&&"static"===E(e).position)?n:e||function(t){var n=/firefox/i.test(g());if(/Trident/i.test(g())&&b(t)&&"fixed"===E(t).position)return null;var e=S(t);for(m(e)&&(e=e.host);b(e)&&["html","body"].indexOf(l(e))<0;){var r=E(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function T(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function R(t,n,e){return x(t,w(n,e))}function H(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function L(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function F(t){return t.split("-")[1]}var I={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C(i){var o,a=i.popper,f=i.popperRect,c=i.placement,s=i.variation,d=i.offsets,p=i.position,l=i.gpuAcceleration,h=i.adaptive,b=i.roundOffsets,m=i.isFixed,y=d.x,x=void 0===y?0:y,w=d.y,g=void 0===w?0:w,j="function"==typeof b?b({x,y:g}):{x,y:g};x=j.x,g=j.y;var A=d.hasOwnProperty("x"),M=d.hasOwnProperty("y"),q=r,k=t,S=window;if(h){var W=B(a),T="clientHeight",R="clientWidth";W===v(a)&&"static"!==E(W=P(a)).position&&"absolute"===p&&(T="scrollHeight",R="scrollWidth"),(c===t||(c===r||c===e)&&s===u)&&(k=n,g-=(m&&W===S&&S.visualViewport?S.visualViewport.height:W[T])-f.height,g*=l?1:-1),c!==r&&(c!==t&&c!==n||s!==u)||(q=e,x-=(m&&W===S&&S.visualViewport?S.visualViewport.width:W[R])-f.width,x*=l?1:-1)}var H,L=Object.assign({position:p},h&&I),F=!0===b?function(t,n){var e=t.y,r=n.devicePixelRatio||1;return{x:O(t.x*r)/r||0,y:O(e*r)/r||0}}({x,y:g},v(a)):{x,y:g};return x=F.x,g=F.y,Object.assign({},L,l?((H={})[k]=M?"0":"",H[q]=A?"0":"",H.transform=(S.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",H):((o={})[k]=M?g+"px":"",o[q]=A?x+"px":"",o.transform="",o))}var z={passive:!0},V={left:"right",right:"left",bottom:"top",top:"bottom"};function D(t){return t.replace(/left|right|bottom|top/g,(function(t){return V[t]}))}var U={start:"end",end:"start"};function $(t){return t.replace(/start|end/g,(function(t){return U[t]}))}function _(t){var n=v(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function G(t){return A(P(t)).left+_(t).scrollLeft}function J(t){var n=E(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function K(t){return["html","body","#document"].indexOf(l(t))>=0?t.ownerDocument.body:b(t)&&J(t)?t:K(S(t))}function N(t,n){var e;void 0===n&&(n=[]);var r=K(t),i=r===(null==(e=t.ownerDocument)?void 0:e.body),o=v(r),a=i?[o].concat(o.visualViewport||[],J(r)?r:[]):r,u=n.concat(a);return i?u:u.concat(N(S(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,n,e){return n===f?Q(function(t,n){var e=v(t),r=P(t),i=e.visualViewport,o=r.clientWidth,a=r.clientHeight,u=0,f=0;if(i){o=i.width,a=i.height;var c=j();(c||!c&&"fixed"===n)&&(u=i.offsetLeft,f=i.offsetTop)}return{width:o,height:a,x:u+G(t),y:f}}(t,e)):h(n)?function(t,n){var e=A(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):Q(function(t){var n,e=P(t),r=_(t),i=null==(n=t.ownerDocument)?void 0:n.body,o=x(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=x(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),u=-r.scrollLeft+G(t),f=-r.scrollTop;return"rtl"===E(i||e).direction&&(u+=x(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:u,y:f}}(P(t)))}function Y(i){var o,f=i.reference,c=i.element,s=i.placement,d=s?y(s):null,p=s?F(s):null,l=f.x+f.width/2-c.width/2,v=f.y+f.height/2-c.height/2;switch(d){case t:o={x:l,y:f.y-c.height};break;case n:o={x:l,y:f.y+f.height};break;case e:o={x:f.x+f.width,y:v};break;case r:o={x:f.x-c.width,y:v};break;default:o={x:f.x,y:f.y}}var h=d?T(d):null;if(null!=h){var b="y"===h?"height":"width";switch(p){case a:o[h]=o[h]-(f[b]/2-c[b]/2);break;case u:o[h]=o[h]+(f[b]/2-c[b]/2)}}return o}function Z(r,i){void 0===i&&(i={});var a=i.placement,u=void 0===a?r.placement:a,s=i.strategy,d=void 0===s?r.strategy:s,p=i.boundary,v=void 0===p?"clippingParents":p,m=i.rootBoundary,y=void 0===m?f:m,O=i.elementContext,g=void 0===O?c:O,j=i.altBoundary,M=void 0!==j&&j,k=i.padding,W=void 0===k?0:k,T=H("number"!=typeof W?W:L(W,o)),R=r.rects.popper,F=r.elements[M?g===c?"reference":c:g],I=function(t,n,e,r){var i="clippingParents"===n?function(t){var n=N(S(t)),e=["absolute","fixed"].indexOf(E(t).position)>=0&&b(t)?B(t):t;return h(e)?n.filter((function(t){return h(t)&&q(t,e)&&"body"!==l(t)})):[]}(t):[].concat(n),o=[].concat(i,[e]),a=o.reduce((function(n,e){var i=X(t,e,r);return n.top=x(i.top,n.top),n.right=w(i.right,n.right),n.bottom=w(i.bottom,n.bottom),n.left=x(i.left,n.left),n}),X(t,o[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(h(F)?F:F.contextElement||P(r.elements.popper),v,y,d),C=A(r.elements.reference),z=Y({reference:C,element:R,placement:u}),V=Q(Object.assign({},R,z)),D=g===c?V:C,U={top:I.top-D.top+T.top,bottom:D.bottom-I.bottom+T.bottom,left:I.left-D.left+T.left,right:D.right-I.right+T.right},$=r.modifiersData.offset;if(g===c&&$){var _=$[u];Object.keys(U).forEach((function(r){var i=[e,n].indexOf(r)>=0?1:-1,o=[t,n].indexOf(r)>=0?"y":"x";U[r]+=_[o]*i}))}return U}function tt(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,i=n.padding,a=n.flipVariations,u=n.allowedAutoPlacements,f=void 0===u?d:u,c=F(n.placement),p=c?a?s:s.filter((function(t){return F(t)===c})):o,l=p.filter((function(t){return f.indexOf(t)>=0}));0===l.length&&(l=p);var v=l.reduce((function(n,o){return n[o]=Z(t,{placement:o,boundary:e,rootBoundary:r,padding:i})[y(o)],n}),{});return Object.keys(v).sort((function(t,n){return v[t]-v[n]}))}var nt={name:"flip",enabled:!0,phase:"main",fn:function(o){var u=o.state,f=o.options,c=o.name;if(!u.modifiersData[c]._skip){for(var s=f.mainAxis,d=void 0===s||s,p=f.altAxis,l=void 0===p||p,v=f.fallbackPlacements,h=f.padding,b=f.boundary,m=f.rootBoundary,x=f.altBoundary,w=f.flipVariations,O=void 0===w||w,g=f.allowedAutoPlacements,j=u.options.placement,A=y(j),M=v||(A!==j&&O?function(t){if(y(t)===i)return[];var n=D(t);return[$(t),n,$(n)]}(j):[D(j)]),q=[j].concat(M).reduce((function(t,n){return t.concat(y(n)===i?tt(u,{placement:n,boundary:b,rootBoundary:m,padding:h,flipVariations:O,allowedAutoPlacements:g}):n)}),[]),E=u.rects.reference,k=u.rects.popper,P=new Map,S=!0,W=q[0],B=0;B<q.length;B++){var T=q[B],R=y(T),H=F(T)===a,L=[t,n].indexOf(R)>=0,I=L?"width":"height",C=Z(u,{placement:T,boundary:b,rootBoundary:m,altBoundary:x,padding:h}),z=L?H?e:r:H?n:t;E[I]>k[I]&&(z=D(z));var V=D(z),U=[];if(d&&U.push(C[R]<=0),l&&U.push(C[z]<=0,C[V]<=0),U.every((function(t){return t}))){W=T,S=!1;break}P.set(T,U)}if(S)for(var _=function(t){var n=q.find((function(n){var e=P.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return W=n,"break"},G=O?3:1;G>0&&"break"!==_(G);G--);u.placement!==W&&(u.modifiersData[c]._skip=!0,u.placement=W,u.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function et(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function rt(i){return[t,e,n,r].some((function(t){return i[t]>=0}))}function it(t,n,e){void 0===e&&(e=!1);var r,i,o=b(n),a=b(n)&&function(t){var n=t.getBoundingClientRect(),e=O(n.width)/t.offsetWidth||1,r=O(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),u=P(n),f=A(t,a,e),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(o||!o&&!e)&&(("body"!==l(n)||J(u))&&(c=(r=n)!==v(r)&&b(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:_(r)),b(n)?((s=A(n,!0)).x+=n.clientLeft,s.y+=n.clientTop):u&&(s.x=G(u))),{x:f.left+c.scrollLeft-s.x,y:f.top+c.scrollTop-s.y,width:f.width,height:f.height}}function ot(t){var n=new Map,e=new Set,r=[];function i(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&i(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||i(t)})),r}var at={placement:"bottom",modifiers:[],strategy:"absolute"};function ut(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?at:r;return function(t,n,r){void 0===r&&(r=i);var o,a,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},at,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],c=!1,s={state:u,setOptions:function(r){var o="function"==typeof r?r(u.options):r;d(),u.options=Object.assign({},i,u.options,o),u.scrollParents={reference:h(t)?N(t):t.contextElement?N(t.contextElement):[],popper:N(n)};var a,c,l=function(t){var n=ot(t);return p.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,u.options.modifiers),c=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return u.orderedModifiers=l.filter((function(t){return t.enabled})),u.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:u,name:t.name,instance:s,options:void 0===n?{}:n});f.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!c){var t=u.elements,n=t.reference,e=t.popper;if(ut(n,e)){u.rects={reference:it(n,B(e),"fixed"===u.options.strategy),popper:M(e)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach((function(t){return u.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<u.orderedModifiers.length;r++)if(!0!==u.reset){var i=u.orderedModifiers[r],o=i.fn,a=i.options;"function"==typeof o&&(u=o({state:u,options:void 0===a?{}:a,name:i.name,instance:s})||u)}else u.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(t){s.forceUpdate(),t(u)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){d(),c=!0}};if(!ut(t,n))return s;function d(){f.forEach((function(t){return t()})),f=[]}return s.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var ct=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,a=r.resize,u=void 0===a||a,f=v(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",e.update,z)})),u&&f.addEventListener("resize",e.update,z),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",e.update,z)})),u&&f.removeEventListener("resize",e.update,z)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=Y({reference:n.rects.reference,element:n.rects.popper,placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,i=void 0===r||r,o=e.adaptive,a=void 0===o||o,u=e.roundOffsets,f=void 0===u||u,c={placement:y(n.placement),variation:F(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:i,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,C(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,C(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},i=n.elements[t];b(i)&&l(i)&&(Object.assign(i.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?i.removeAttribute(t):i.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],i=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});b(r)&&l(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var i=n.state,o=n.name,a=n.options.offset,u=void 0===a?[0,0]:a,f=d.reduce((function(n,o){return n[o]=function(n,i,o){var a=y(n),u=[r,t].indexOf(a)>=0?-1:1,f="function"==typeof o?o(Object.assign({},i,{placement:n})):o,c=f[0],s=f[1];return c=c||0,s=(s||0)*u,[r,e].indexOf(a)>=0?{x:s,y:c}:{x:c,y:s}}(o,i.rects,u),n}),{}),c=f[i.placement],s=c.y;null!=i.modifiersData.popperOffsets&&(i.modifiersData.popperOffsets.x+=c.x,i.modifiersData.popperOffsets.y+=s),i.modifiersData[o]=f}},nt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(i){var o=i.state,u=i.options,f=i.name,c=u.mainAxis,s=void 0===c||c,d=u.altAxis,p=void 0!==d&&d,l=u.tether,v=void 0===l||l,h=u.tetherOffset,b=void 0===h?0:h,m=Z(o,{boundary:u.boundary,rootBoundary:u.rootBoundary,padding:u.padding,altBoundary:u.altBoundary}),O=y(o.placement),g=F(o.placement),j=!g,A=T(O),q="x"===A?"y":"x",E=o.modifiersData.popperOffsets,k=o.rects.reference,P=o.rects.popper,S="function"==typeof b?b(Object.assign({},o.rects,{placement:o.placement})):b,W="number"==typeof S?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S),H=o.modifiersData.offset?o.modifiersData.offset[o.placement]:null,L={x:0,y:0};if(E){if(s){var I,C="y"===A?t:r,z="y"===A?n:e,V="y"===A?"height":"width",D=E[A],U=D+m[C],$=D-m[z],_=v?-P[V]/2:0,G=g===a?k[V]:P[V],J=g===a?-P[V]:-k[V],K=o.elements.arrow,N=v&&K?M(K):{width:0,height:0},Q=o.modifiersData["arrow#persistent"]?o.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[C],Y=Q[z],tt=R(0,k[V],N[V]),nt=j?k[V]/2-_-tt-X-W.mainAxis:G-tt-X-W.mainAxis,et=j?-k[V]/2+_+tt+Y+W.mainAxis:J+tt+Y+W.mainAxis,rt=o.elements.arrow&&B(o.elements.arrow),it=null!=(I=null==H?void 0:H[A])?I:0,ot=D+et-it,at=R(v?w(U,D+nt-it-(rt?"y"===A?rt.clientTop||0:rt.clientLeft||0:0)):U,D,v?x($,ot):$);E[A]=at,L[A]=at-D}if(p){var ut,ft=E[q],ct="y"===q?"height":"width",st=ft+m["x"===A?t:r],dt=ft-m["x"===A?n:e],pt=-1!==[t,r].indexOf(O),lt=null!=(ut=null==H?void 0:H[q])?ut:0,vt=pt?st:ft-k[ct]-P[ct]-lt+W.altAxis,ht=pt?ft+k[ct]+P[ct]-lt-W.altAxis:dt,bt=v&&pt?function(t,n,e){var r=R(t,n,e);return r>e?e:r}(vt,ft,ht):R(v?vt:st,ft,v?ht:dt);E[q]=bt,L[q]=bt-ft}o.modifiersData[f]=L}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(i){var a,u=i.state,f=i.name,c=i.options,s=u.elements.arrow,d=u.modifiersData.popperOffsets,p=y(u.placement),l=T(p),v=[r,e].indexOf(p)>=0?"height":"width";if(s&&d){var h=function(t,n){return H("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:L(t,o))}(c.padding,u),b=M(s),m="y"===l?t:r,x="y"===l?n:e,w=u.rects.reference[v]+u.rects.reference[l]-d[l]-u.rects.popper[v],O=d[l]-u.rects.reference[l],g=B(s),j=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,A=j/2-b[v]/2+(w/2-O/2),q=R(h[m],A,j-b[v]-h[x]);u.modifiersData[f]=((a={})[l]=q,a.centerOffset=q-A,a)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&q(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,i=n.rects.popper,o=n.modifiersData.preventOverflow,a=Z(n,{elementContext:"reference"}),u=Z(n,{altBoundary:!0}),f=et(a,r),c=et(u,i,o),s=rt(f),d=rt(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:s,hasPopperEscaped:d},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":d})}}]});class st{anchor;isVisible;popover;popper;options;constructor(t,n,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.anchor=t,this.popover=n,this.options={skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{},...e},this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(t){t.target===this.options.transitionElement&&(this.options.onTransitionEnd.call(this,t),!1!==this.isVisible||this.popover.hidden?this.options.onAfterShow.call(this):(this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.options.onAfterHide.call(this)))}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd),this.popper&&(this.popper.destroy(),this.popper=null)}show(){this.isVisible=!0,this.popover.hidden=!1,requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass))),this.popper&&this.popper.destroy();const t=this.options.placement.includes("center")?"top":this.options.placement;this.popper=ct(this.anchor,this.popover,{placement:t,strategy:this.options.strategy,modifiers:[{name:"sameWidth",enabled:!0,fn:({state:t})=>{(void 0===this.options.sameWidth||this.options.sameWidth)&&(t.styles.popper.minWidth=`${t.rects.reference.width}px`)},phase:"beforeWrite",requires:["computeStyles"]},{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:({reference:t})=>"center"!==this.options.placement?[this.options.skidding,this.options.distance]:[this.options.skidding,-1*(t.height+1)]}}]}),requestAnimationFrame((()=>{this.popper?.update().catch((t=>{console.error(t)}))}))}hide(){this.isVisible=!1,this.popover.classList.remove(this.options.visibleClass)}setOptions(t){this.options=Object.assign(this.options,t),this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);const n=this.options.placement.includes("center")?"top":this.options.placement;this.popper&&(this.popper.setOptions({placement:n,strategy:this.options.strategy}).catch((t=>{console.error(t)})),requestAnimationFrame((()=>{this.popper?.update().catch((t=>{console.error(t)}))})))}}export{st as P}
4
+ var t="top",n="bottom",e="right",r="left",i="auto",o=[t,n,e,r],a="start",u="end",f="viewport",s="popper",c=o.reduce((function(t,n){return t.concat([n+"-"+a,n+"-"+u])}),[]),d=[].concat(o,[i]).reduce((function(t,n){return t.concat([n,n+"-"+a,n+"-"+u])}),[]),p=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function l(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function b(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function m(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function y(t){return t.split("-")[0]}var x=Math.max,w=Math.min,O=Math.round;function g(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(g())}function A(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var r=t.getBoundingClientRect(),i=1,o=1;n&&b(t)&&(i=t.offsetWidth>0&&O(r.width)/t.offsetWidth||1,o=t.offsetHeight>0&&O(r.height)/t.offsetHeight||1);var a=(v(t)?h(t):window).visualViewport,u=!j()&&e,f=(r.left+(u&&a?a.offsetLeft:0))/i,s=(r.top+(u&&a?a.offsetTop:0))/o,c=r.width/i,d=r.height/o;return{width:c,height:d,top:s,right:f+c,bottom:s+d,left:f,x:f,y:s}}function q(t){var n=A(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function M(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&m(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function E(t){return h(t).getComputedStyle(t)}function k(t){return["table","td","th"].indexOf(l(t))>=0}function P(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function S(t){return"html"===l(t)?t:t.assignedSlot||t.parentNode||(m(t)?t.host:null)||P(t)}function W(t){return b(t)&&"fixed"!==E(t).position?t.offsetParent:null}function B(t){for(var n=h(t),e=W(t);e&&k(e)&&"static"===E(e).position;)e=W(e);return e&&("html"===l(e)||"body"===l(e)&&"static"===E(e).position)?n:e||function(t){var n=/firefox/i.test(g());if(/Trident/i.test(g())&&b(t)&&"fixed"===E(t).position)return null;var e=S(t);for(m(e)&&(e=e.host);b(e)&&["html","body"].indexOf(l(e))<0;){var r=E(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function T(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function R(t,n,e){return x(t,w(n,e))}function F(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function H(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function L(t){return t.split("-")[1]}var I={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C(i){var o,a=i.popper,f=i.popperRect,s=i.placement,c=i.variation,d=i.offsets,p=i.position,l=i.gpuAcceleration,v=i.adaptive,b=i.roundOffsets,m=i.isFixed,y=d.x,x=void 0===y?0:y,w=d.y,g=void 0===w?0:w,j="function"==typeof b?b({x,y:g}):{x,y:g};x=j.x,g=j.y;var A=d.hasOwnProperty("x"),q=d.hasOwnProperty("y"),M=r,k=t,S=window;if(v){var W=B(a),T="clientHeight",R="clientWidth";W===h(a)&&"static"!==E(W=P(a)).position&&"absolute"===p&&(T="scrollHeight",R="scrollWidth"),(s===t||(s===r||s===e)&&c===u)&&(k=n,g-=(m&&W===S&&S.visualViewport?S.visualViewport.height:W[T])-f.height,g*=l?1:-1),s!==r&&(s!==t&&s!==n||c!==u)||(M=e,x-=(m&&W===S&&S.visualViewport?S.visualViewport.width:W[R])-f.width,x*=l?1:-1)}var F,H=Object.assign({position:p},v&&I),L=!0===b?function(t,n){var e=t.y,r=n.devicePixelRatio||1;return{x:O(t.x*r)/r||0,y:O(e*r)/r||0}}({x,y:g},h(a)):{x,y:g};return x=L.x,g=L.y,Object.assign({},H,l?((F={})[k]=q?"0":"",F[M]=A?"0":"",F.transform=(S.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",F):((o={})[k]=q?g+"px":"",o[M]=A?x+"px":"",o.transform="",o))}var z={passive:!0},V={left:"right",right:"left",bottom:"top",top:"bottom"};function D(t){return t.replace(/left|right|bottom|top/g,(function(t){return V[t]}))}var U={start:"end",end:"start"};function $(t){return t.replace(/start|end/g,(function(t){return U[t]}))}function _(t){var n=h(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function G(t){return A(P(t)).left+_(t).scrollLeft}function J(t){var n=E(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function K(t){return["html","body","#document"].indexOf(l(t))>=0?t.ownerDocument.body:b(t)&&J(t)?t:K(S(t))}function N(t,n){var e;void 0===n&&(n=[]);var r=K(t),i=r===(null==(e=t.ownerDocument)?void 0:e.body),o=h(r),a=i?[o].concat(o.visualViewport||[],J(r)?r:[]):r,u=n.concat(a);return i?u:u.concat(N(S(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,n,e){return n===f?Q(function(t,n){var e=h(t),r=P(t),i=e.visualViewport,o=r.clientWidth,a=r.clientHeight,u=0,f=0;if(i){o=i.width,a=i.height;var s=j();(s||!s&&"fixed"===n)&&(u=i.offsetLeft,f=i.offsetTop)}return{width:o,height:a,x:u+G(t),y:f}}(t,e)):v(n)?function(t,n){var e=A(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):Q(function(t){var n,e=P(t),r=_(t),i=null==(n=t.ownerDocument)?void 0:n.body,o=x(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=x(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),u=-r.scrollLeft+G(t),f=-r.scrollTop;return"rtl"===E(i||e).direction&&(u+=x(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:u,y:f}}(P(t)))}function Y(i){var o,f=i.reference,s=i.element,c=i.placement,d=c?y(c):null,p=c?L(c):null,l=f.x+f.width/2-s.width/2,h=f.y+f.height/2-s.height/2;switch(d){case t:o={x:l,y:f.y-s.height};break;case n:o={x:l,y:f.y+f.height};break;case e:o={x:f.x+f.width,y:h};break;case r:o={x:f.x-s.width,y:h};break;default:o={x:f.x,y:f.y}}var v=d?T(d):null;if(null!=v){var b="y"===v?"height":"width";switch(p){case a:o[v]=o[v]-(f[b]/2-s[b]/2);break;case u:o[v]=o[v]+(f[b]/2-s[b]/2)}}return o}function Z(r,i){void 0===i&&(i={});var a=i.placement,u=void 0===a?r.placement:a,c=i.strategy,d=void 0===c?r.strategy:c,p=i.boundary,h=void 0===p?"clippingParents":p,m=i.rootBoundary,y=void 0===m?f:m,O=i.elementContext,g=void 0===O?s:O,j=i.altBoundary,q=void 0!==j&&j,k=i.padding,W=void 0===k?0:k,T=F("number"!=typeof W?W:H(W,o)),R=r.rects.popper,L=r.elements[q?g===s?"reference":s:g],I=function(t,n,e,r){var i="clippingParents"===n?function(t){var n=N(S(t)),e=["absolute","fixed"].indexOf(E(t).position)>=0&&b(t)?B(t):t;return v(e)?n.filter((function(t){return v(t)&&M(t,e)&&"body"!==l(t)})):[]}(t):[].concat(n),o=[].concat(i,[e]),a=o.reduce((function(n,e){var i=X(t,e,r);return n.top=x(i.top,n.top),n.right=w(i.right,n.right),n.bottom=w(i.bottom,n.bottom),n.left=x(i.left,n.left),n}),X(t,o[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(L)?L:L.contextElement||P(r.elements.popper),h,y,d),C=A(r.elements.reference),z=Y({reference:C,element:R,placement:u}),V=Q(Object.assign({},R,z)),D=g===s?V:C,U={top:I.top-D.top+T.top,bottom:D.bottom-I.bottom+T.bottom,left:I.left-D.left+T.left,right:D.right-I.right+T.right},$=r.modifiersData.offset;if(g===s&&$){var _=$[u];Object.keys(U).forEach((function(r){var i=[e,n].indexOf(r)>=0?1:-1,o=[t,n].indexOf(r)>=0?"y":"x";U[r]+=_[o]*i}))}return U}function tt(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,i=n.padding,a=n.flipVariations,u=n.allowedAutoPlacements,f=void 0===u?d:u,s=L(n.placement),p=s?a?c:c.filter((function(t){return L(t)===s})):o,l=p.filter((function(t){return f.indexOf(t)>=0}));0===l.length&&(l=p);var h=l.reduce((function(n,o){return n[o]=Z(t,{placement:o,boundary:e,rootBoundary:r,padding:i})[y(o)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}var nt={name:"flip",enabled:!0,phase:"main",fn:function(o){var u=o.state,f=o.options,s=o.name;if(!u.modifiersData[s]._skip){for(var c=f.mainAxis,d=void 0===c||c,p=f.altAxis,l=void 0===p||p,h=f.fallbackPlacements,v=f.padding,b=f.boundary,m=f.rootBoundary,x=f.altBoundary,w=f.flipVariations,O=void 0===w||w,g=f.allowedAutoPlacements,j=u.options.placement,A=y(j),q=h||(A!==j&&O?function(t){if(y(t)===i)return[];var n=D(t);return[$(t),n,$(n)]}(j):[D(j)]),M=[j].concat(q).reduce((function(t,n){return t.concat(y(n)===i?tt(u,{placement:n,boundary:b,rootBoundary:m,padding:v,flipVariations:O,allowedAutoPlacements:g}):n)}),[]),E=u.rects.reference,k=u.rects.popper,P=new Map,S=!0,W=M[0],B=0;B<M.length;B++){var T=M[B],R=y(T),F=L(T)===a,H=[t,n].indexOf(R)>=0,I=H?"width":"height",C=Z(u,{placement:T,boundary:b,rootBoundary:m,altBoundary:x,padding:v}),z=H?F?e:r:F?n:t;E[I]>k[I]&&(z=D(z));var V=D(z),U=[];if(d&&U.push(C[R]<=0),l&&U.push(C[z]<=0,C[V]<=0),U.every((function(t){return t}))){W=T,S=!1;break}P.set(T,U)}if(S)for(var _=function(t){var n=M.find((function(n){var e=P.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return W=n,"break"},G=O?3:1;G>0&&"break"!==_(G);G--);u.placement!==W&&(u.modifiersData[s]._skip=!0,u.placement=W,u.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function et(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function rt(i){return[t,e,n,r].some((function(t){return i[t]>=0}))}function it(t,n,e){void 0===e&&(e=!1);var r,i,o=b(n),a=b(n)&&function(t){var n=t.getBoundingClientRect(),e=O(n.width)/t.offsetWidth||1,r=O(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),u=P(n),f=A(t,a,e),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!e)&&(("body"!==l(n)||J(u))&&(s=(r=n)!==h(r)&&b(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:_(r)),b(n)?((c=A(n,!0)).x+=n.clientLeft,c.y+=n.clientTop):u&&(c.x=G(u))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function ot(t){var n=new Map,e=new Set,r=[];function i(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&i(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||i(t)})),r}var at={placement:"bottom",modifiers:[],strategy:"absolute"};function ut(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?at:r;return function(t,n,r){void 0===r&&(r=i);var o,a,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},at,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],s=!1,c={state:u,setOptions:function(r){var o="function"==typeof r?r(u.options):r;d(),u.options=Object.assign({},i,u.options,o),u.scrollParents={reference:v(t)?N(t):t.contextElement?N(t.contextElement):[],popper:N(n)};var a,s,l=function(t){var n=ot(t);return p.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,u.options.modifiers),s=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return u.orderedModifiers=l.filter((function(t){return t.enabled})),u.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:u,name:t.name,instance:c,options:void 0===n?{}:n});f.push(r||function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=u.elements,n=t.reference,e=t.popper;if(ut(n,e)){u.rects={reference:it(n,B(e),"fixed"===u.options.strategy),popper:q(e)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach((function(t){return u.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<u.orderedModifiers.length;r++)if(!0!==u.reset){var i=u.orderedModifiers[r],o=i.fn,a=i.options;"function"==typeof o&&(u=o({state:u,options:void 0===a?{}:a,name:i.name,instance:c})||u)}else u.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(t){c.forceUpdate(),t(u)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){d(),s=!0}};if(!ut(t,n))return c;function d(){f.forEach((function(t){return t()})),f=[]}return c.setOptions(r).then((function(t){!s&&r.onFirstUpdate&&r.onFirstUpdate(t)})),c}}var st=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,a=r.resize,u=void 0===a||a,f=h(n.elements.popper),s=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&s.forEach((function(t){t.addEventListener("scroll",e.update,z)})),u&&f.addEventListener("resize",e.update,z),function(){o&&s.forEach((function(t){t.removeEventListener("scroll",e.update,z)})),u&&f.removeEventListener("resize",e.update,z)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=Y({reference:n.rects.reference,element:n.rects.popper,placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,i=void 0===r||r,o=e.adaptive,a=void 0===o||o,u=e.roundOffsets,f=void 0===u||u,s={placement:y(n.placement),variation:L(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:i,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,C(Object.assign({},s,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,C(Object.assign({},s,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},i=n.elements[t];b(i)&&l(i)&&(Object.assign(i.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?i.removeAttribute(t):i.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],i=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});b(r)&&l(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var i=n.state,o=n.name,a=n.options.offset,u=void 0===a?[0,0]:a,f=d.reduce((function(n,o){return n[o]=function(n,i,o){var a=y(n),u=[r,t].indexOf(a)>=0?-1:1,f="function"==typeof o?o(Object.assign({},i,{placement:n})):o,s=f[0],c=f[1];return s=s||0,c=(c||0)*u,[r,e].indexOf(a)>=0?{x:c,y:s}:{x:s,y:c}}(o,i.rects,u),n}),{}),s=f[i.placement],c=s.y;null!=i.modifiersData.popperOffsets&&(i.modifiersData.popperOffsets.x+=s.x,i.modifiersData.popperOffsets.y+=c),i.modifiersData[o]=f}},nt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(i){var o=i.state,u=i.options,f=i.name,s=u.mainAxis,c=void 0===s||s,d=u.altAxis,p=void 0!==d&&d,l=u.tether,h=void 0===l||l,v=u.tetherOffset,b=void 0===v?0:v,m=Z(o,{boundary:u.boundary,rootBoundary:u.rootBoundary,padding:u.padding,altBoundary:u.altBoundary}),O=y(o.placement),g=L(o.placement),j=!g,A=T(O),M="x"===A?"y":"x",E=o.modifiersData.popperOffsets,k=o.rects.reference,P=o.rects.popper,S="function"==typeof b?b(Object.assign({},o.rects,{placement:o.placement})):b,W="number"==typeof S?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S),F=o.modifiersData.offset?o.modifiersData.offset[o.placement]:null,H={x:0,y:0};if(E){if(c){var I,C="y"===A?t:r,z="y"===A?n:e,V="y"===A?"height":"width",D=E[A],U=D+m[C],$=D-m[z],_=h?-P[V]/2:0,G=g===a?k[V]:P[V],J=g===a?-P[V]:-k[V],K=o.elements.arrow,N=h&&K?q(K):{width:0,height:0},Q=o.modifiersData["arrow#persistent"]?o.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[C],Y=Q[z],tt=R(0,k[V],N[V]),nt=j?k[V]/2-_-tt-X-W.mainAxis:G-tt-X-W.mainAxis,et=j?-k[V]/2+_+tt+Y+W.mainAxis:J+tt+Y+W.mainAxis,rt=o.elements.arrow&&B(o.elements.arrow),it=null!=(I=null==F?void 0:F[A])?I:0,ot=D+et-it,at=R(h?w(U,D+nt-it-(rt?"y"===A?rt.clientTop||0:rt.clientLeft||0:0)):U,D,h?x($,ot):$);E[A]=at,H[A]=at-D}if(p){var ut,ft=E[M],st="y"===M?"height":"width",ct=ft+m["x"===A?t:r],dt=ft-m["x"===A?n:e],pt=-1!==[t,r].indexOf(O),lt=null!=(ut=null==F?void 0:F[M])?ut:0,ht=pt?ct:ft-k[st]-P[st]-lt+W.altAxis,vt=pt?ft+k[st]+P[st]-lt-W.altAxis:dt,bt=h&&pt?function(t,n,e){var r=R(t,n,e);return r>e?e:r}(ht,ft,vt):R(h?ht:ct,ft,h?vt:dt);E[M]=bt,H[M]=bt-ft}o.modifiersData[f]=H}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(i){var a,u=i.state,f=i.name,s=i.options,c=u.elements.arrow,d=u.modifiersData.popperOffsets,p=y(u.placement),l=T(p),h=[r,e].indexOf(p)>=0?"height":"width";if(c&&d){var v=function(t,n){return F("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:H(t,o))}(s.padding,u),b=q(c),m="y"===l?t:r,x="y"===l?n:e,w=u.rects.reference[h]+u.rects.reference[l]-d[l]-u.rects.popper[h],O=d[l]-u.rects.reference[l],g=B(c),j=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,A=j/2-b[h]/2+(w/2-O/2),M=R(v[m],A,j-b[h]-v[x]);u.modifiersData[f]=((a={})[l]=M,a.centerOffset=M-A,a)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&M(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,i=n.rects.popper,o=n.modifiersData.preventOverflow,a=Z(n,{elementContext:"reference"}),u=Z(n,{altBoundary:!0}),f=et(a,r),s=et(u,i,o),c=rt(f),d=rt(s);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:d},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});class ct{anchor;isVisible;popover;popper;options;constructor(t,n,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.anchor=t,this.popover=n,this.options={skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{},...e},this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass)}handleTransitionEnd(t){t.target===this.options.transitionElement&&(this.options.onTransitionEnd.call(this,t),!1!==this.isVisible||this.popover.hidden?(this.options.onAfterShow.call(this),this.popover.removeEventListener("transitionend",this.handleTransitionEnd)):(this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.options.onAfterHide.call(this),this.popover.removeEventListener("transitionend",this.handleTransitionEnd)))}destroy(){this.popper&&(this.popper.destroy(),this.popper=null)}show(){this.isVisible=!0,this.popover.hidden=!1,this.options.transitionElement.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}),requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass))),this.popper&&this.popper.destroy();const t=this.options.placement.includes("center")?"top":this.options.placement;this.popper=st(this.anchor,this.popover,{placement:t,strategy:this.options.strategy,modifiers:[{name:"sameWidth",enabled:!0,fn:({state:t})=>{(void 0===this.options.sameWidth||this.options.sameWidth)&&(t.styles.popper.minWidth=`${t.rects.reference.width}px`)},phase:"beforeWrite",requires:["computeStyles"]},{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:({reference:t})=>"center"!==this.options.placement?[this.options.skidding,this.options.distance]:[this.options.skidding,-1*(t.height+1)]}}]}),requestAnimationFrame((()=>{this.popper?.update().catch((t=>{console.error(t)}))}))}hide(){this.isVisible=!1,this.options.transitionElement.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}),requestAnimationFrame((()=>{this.popover.classList.remove(this.options.visibleClass)}))}setOptions(t){this.options=Object.assign(this.options,t),this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);const n=this.options.placement.includes("center")?"top":this.options.placement;this.popper&&(this.popper.setOptions({placement:n,strategy:this.options.strategy}).catch((t=>{console.error(t)})),requestAnimationFrame((()=>{this.popper?.update().catch((t=>{console.error(t)}))})))}}export{ct as P}
package/dist/style/core.css CHANGED
@@ -1 +1 @@
1
- @layer reset, tokens, themes, globals, components, utilities, application;@layer reset{*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:none}body{line-height:1.5;min-block-size:100vh}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}hr{block-size:1px;border-width:0;box-sizing:content-box}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}[hidden]{display:none !important}iframe{display:block}}@layer tokens{:root{--nano-color-grey-mono-1600: rgb(24 24 24 / 100%);--nano-color-grey-mono-1550: rgb(30 30 30 / 100%);--nano-color-grey-mono-1500: rgb(38 38 38 / 100%);--nano-color-grey-mono-1400: rgb(51 51 51 / 100%);--nano-color-grey-mono-1300: rgb(66 66 66 / 100%);--nano-color-grey-mono-1200: rgb(84 84 83 / 100%);--nano-color-grey-mono-1100: rgb(99 99 99 / 100%);--nano-color-grey-mono-1000: rgb(118 118 117 / 100%);--nano-color-grey-mono-900: rgb(135 135 135 / 100%);--nano-color-grey-mono-800: rgb(150 150 149 / 100%);--nano-color-grey-mono-700: rgb(166 166 166 / 100%);--nano-color-grey-mono-400: rgb(215 214 213 / 100%);--nano-color-grey-mono-300: rgb(231 230 228 / 100%);--nano-color-grey-mono-200: rgb(241 240 238 / 100%);--nano-color-grey-mono-100: rgb(246 245 244 / 100%);--nano-color-grey-mono-075: rgb(249 248 248 / 100%);--nano-color-grey-mono-050: rgb(252 252 251 / 100%);--nano-color-blue-cerulean-1600: rgb(0 26 40 / 100%);--nano-color-blue-cerulean-1500: rgb(1 41 63 / 100%);--nano-color-blue-cerulean-1400: rgb(1 54 83 / 100%);--nano-color-blue-cerulean-1300: rgb(1 71 106 / 100%);--nano-color-blue-cerulean-1200: rgb(1 89 127 / 100%);--nano-color-blue-cerulean-1100: rgb(1 106 146 / 100%);--nano-color-blue-cerulean-1000: rgb(0 127 168 / 100%);--nano-color-blue-cerulean-900: rgb(32 146 183 / 100%);--nano-color-blue-cerulean-800: rgb(58 161 195 / 100%);--nano-color-blue-cerulean-700: rgb(85 178 207 / 100%);--nano-color-blue-cerulean-300: rgb(186 238 251 / 100%);--nano-color-blue-cerulean-100: rgb(226 249 255 / 100%);--nano-color-blue-cerulean-075: rgb(234 251 255 / 100%);--nano-color-blue-cerulean-050: rgb(247 253 255 / 100%);--nano-color-violet-ink-1600: rgb(12 14 75 / 100%);--nano-color-violet-ink-1500: rgb(19 22 117 / 100%);--nano-color-violet-ink-1400: rgb(27 31 147 / 100%);--nano-color-violet-ink-1300: rgb(47 48 168 / 100%);--nano-color-violet-ink-1200: rgb(67 67 189 / 100%);--nano-color-violet-ink-1100: rgb(85 82 207 / 100%);--nano-color-violet-ink-1000: rgb(106 103 221 / 100%);--nano-color-violet-ink-900: rgb(124 123 228 / 100%);--nano-color-violet-ink-800: rgb(139 141 234 / 100%);--nano-color-violet-ink-700: rgb(156 159 241 / 100%);--nano-color-violet-ink-600: rgb(173 178 247 / 100%);--nano-color-violet-ink-500: rgb(189 195 253 / 100%);--nano-color-violet-ink-400: rgb(206 212 255 / 100%);--nano-color-violet-ink-300: rgb(225 228 255 / 100%);--nano-color-violet-ink-200: rgb(238 240 255 / 100%);--nano-color-violet-ink-100: rgb(244 245 255 / 100%);--nano-color-violet-ink-075: rgb(247 248 255 / 100%);--nano-color-green-leaf-1600: rgb(1 27 32 / 100%);--nano-color-green-leaf-1500: rgb(1 43 51 / 100%);--nano-color-green-leaf-1400: rgb(1 57 67 / 100%);--nano-color-green-leaf-1300: rgb(2 73 87 / 100%);--nano-color-green-leaf-1200: rgb(2 93 106 / 100%);--nano-color-green-leaf-1100: rgb(1 111 110 / 100%);--nano-color-green-leaf-1000: rgb(1 134 113 / 100%);--nano-color-green-leaf-900: rgb(29 151 131 / 100%);--nano-color-green-leaf-800: rgb(52 167 146 / 100%);--nano-color-green-leaf-700: rgb(78 183 162 / 100%);--nano-color-green-leaf-600: rgb(104 200 178 / 100%);--nano-color-green-leaf-200: rgb(197 253 232 / 100%);--nano-color-green-leaf-075: rgb(222 254 242 / 100%);--nano-color-green-leaf-050: rgb(238 255 249 / 100%);--nano-color-red-brick-1600: rgb(51 8 10 / 100%);--nano-color-red-brick-1500: rgb(79 13 16 / 100%);--nano-color-red-brick-1400: rgb(103 17 21 / 100%);--nano-color-red-brick-1300: rgb(132 21 27 / 100%);--nano-color-red-brick-1200: rgb(161 32 36 / 100%);--nano-color-red-brick-1100: rgb(185 46 48 / 100%);--nano-color-red-brick-1000: rgb(210 67 70 / 100%);--nano-color-red-brick-900: rgb(222 93 96 / 100%);--nano-color-red-brick-800: rgb(229 116 120 / 100%);--nano-color-red-brick-700: rgb(235 139 144 / 100%);--nano-color-red-brick-400: rgb(255 201 203 / 100%);--nano-color-red-brick-300: rgb(255 221 222 / 100%);--nano-color-red-brick-100: rgb(255 241 242 / 100%);--nano-color-yellow-lime-1000: #6e7d17;--nano-color-yellow-lime-500: rgb(184 210 39 / 100%);--nano-color-yellow-lime-200: rgb(224 255 50 / 100%);--nano-color-yellow-lime-100: rgb(236 255 131 / 100%);--nano-color-yellow-lime-075: rgb(242 255 172 / 100%);--nano-color-yellow-lime-050: rgb(250 255 223 / 100%);--nano-color-orange-1600: rgb(47 13 2 / 100%);--nano-color-orange-1500: rgb(74 20 3 / 100%);--nano-color-orange-1400: rgb(97 27 4 / 100%);--nano-color-orange-1300: rgb(125 34 5 / 100%);--nano-color-orange-1200: rgb(148 52 4 / 100%);--nano-color-orange-1100: rgb(168 68 4 / 100%);--nano-color-orange-1000: rgb(192 87 3 / 100%);--nano-color-orange-900: rgb(210 107 3 / 100%);--nano-color-orange-800: rgb(226 124 3 / 100%);--nano-color-orange-600: rgb(255 162 14 / 100%);--nano-color-orange-400: rgb(254 206 136 / 100%);--nano-color-orange-300: rgb(254 226 189 / 100%);--nano-color-orange-200: rgb(254 239 225 / 100%);--nano-color-orange-100: rgb(254 243 233 / 100%);--nano-color-orange-075: rgb(254 247 240 / 100%);--nano-color-basic-white: rgb(255 255 255 / 100%);--nano-color-basic-white-rgb: 255 255 255;--nano-color-basic-black: rgb(0 0 0 / 100%);--nano-color-basic-black-rgb: 0 0 0}}@layer tokens{:root{--nano-font-sans: "Noto Sans", "Noto Sans Fallback: Arial", arial, sans-serif;--nano-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--nano-font-serif: Georgia, "Times New Roman", serif;--nano-font-size-2xs: 0.75rem;--nano-font-size-xs: 0.875rem;--nano-font-size-sm: 1rem;--nano-font-size-small: var(--nano-font-size-sm);--nano-font-size-md: 1.125rem;--nano-font-size-medium: var(--nano-font-size-md);--nano-font-size-lg: 1.375rem;--nano-font-size-l: var(--nano-font-size-lg);--nano-font-size-xl: 1.6875rem;--nano-font-size-2xl: 2.5rem;--nano-font-size-3xl: 3.25rem;--nano-font-weight-light: 300;--nano-font-weight-normal: 400;--nano-font-weight-bold: 700;--nano-letter-spacing-denser: -0.03em;--nano-letter-spacing-dense: -0.015em;--nano-letter-spacing-normal: normal;--nano-letter-spacing-loose: 0.025em;--nano-letter-spacing-looser: 0.0375em;--nano-line-height-denser: 1.2;--nano-line-height-dense: 1.4;--nano-line-height-normal: 1.6;--nano-line-height-loose: 1.8;--nano-line-height-looser: 2}@media(width <= 767px){:root{--nano-font-size-l: 1.3125rem;--nano-font-size-xl: 1.5rem;--nano-font-size-2xl: 2.125rem;--nano-font-size-3xl: 2.625rem}}:root[lang^=ja-]{--nano-font-sans: "Noto Sans JP", "Noto Sans JP Fallback: Arial", arial, sans-serif}:root[lang^=zh-]{--nano-font-sans: "Noto Sans SC", "Noto Sans SC Fallback: Arial", arial, sans-serif}}@layer tokens{:root{--nano-spacing-xs: 0.3125rem;--nano-spacing-sm: 0.625rem;--nano-spacing-l3: var(--nano-spacing-sm);--nano-spacing-md: 1.25rem;--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l: 1.875rem;--nano-spacing-xl: 2.5rem;--nano-spacing-l1-default: var(--nano-spacing-xl);--nano-spacing-2xl: 3.75rem;--nano-spacing-l1-feature: var(--nano-spacing-2xl)}@media(width <= 1024px){:root{--nano-spacing-l1-feature: 3.125rem;--nano-spacing-l1-default: var(--nano-spacing-l);--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l3: var(--nano-spacing-sm)}}@media(width <= 767px){:root{--nano-spacing-l1-feature: var(--nano-spacing-xl);--nano-spacing-l1-default: var(--nano-spacing-md);--nano-spacing-l: var(--nano-spacing-md);--nano-spacing-l2: var(--nano-spacing-sm);--nano-spacing-l3: var(--nano-spacing-sm)}}}@layer tokens{:root{--nano-border-radius-small: 0.1875rem;--nano-border-radius-medium: 0.25rem;--nano-border-radius-large: 0.5rem;--nano-border-radius-x-large: 1rem;--nano-border-radius-circle: 50%;--nano-border-radius-pill: 9999px;--nano-transition-x-fast: 120ms;--nano-transition-fast: 300ms;--nano-transition-medium: 500ms;--nano-transition-slow: 700ms;--nano-transition-x-slow: 1000ms;--nano-focus-ring-color: var(--nano-color-blue-cerulean-700);--nano-focus-ring-style: solid;--nano-focus-ring-width: 3px;--nano-focus-ring: var(--nano-focus-ring-style) var(--nano-focus-ring-width) var(--nano-focus-ring-color);--nano-focus-ring-offset: 1px;--nano-icon-size-small: 16px;--nano-pictogram-size-small: 24px;--nano-pictogram-size-medium: 32px;--nano-icon-size-large: 32px;--nano-pictogram-size-large: 48px;--nano-pictogram-size-x-large: 64px;--nano-image-ratio-landscape: 16/9;--nano-image-ratio-square: 1/1;--nano-image-ratio-portrait: 3/4;--nano-z-index-raised: 5;--nano-z-index-menubar: 10;--nano-z-index-mask: 50;--nano-z-index-dropdown: 300;--nano-z-index-modal: 700;--nano-z-index-alert: 800;--nano-z-index-tooltip: 1000;--nano-overlay-background-color: rgb(0 0 0 / 43%);--nano-overlay-blur: 3px}}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:300;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:300;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:400;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700italic.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@layer globals{html{font-family:var(--nano-font-sans);font-weight:400;background-color:var(--nano-color-base-0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html[lang^=ja-] em,html[lang^=ja-] i,html[lang^=zh-] em,html[lang^=zh-] i{font-style:normal !important}::selection{background-color:var(--nano-color-primary-300);color:var(--nano-color-neutral-1400)}:target,[id]{scroll-margin-block:3ex}h1,h2,h3,h4,h5{text-wrap:balance;margin-block-end:var(--nano-spacing-md)}h1.hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h1{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h3{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}h4{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}h5{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}p{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-md)}address,address p{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin:0;font-style:normal}ol,ul{padding-inline-start:var(--nano-spacing-md);margin-block:var(--nano-spacing-sm) var(--nano-spacing-md)}li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}li:last-child{margin-block-end:var(--nano-spacing-md)}blockquote{border-inline-start:3px solid var(--nano-color-primary-1000);padding-inline-start:var(--nano-spacing-xl);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);margin:0;margin-block-end:var(--nano-spacing-md)}blockquote>*:not(cite){font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light);margin-block:0}blockquote cite{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);font-style:normal}figure{display:table;border-collapse:separate;border-spacing:0}figure figcaption{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--nano-color-basic-black);color:var(--nano-color-basic-white);padding:var(--nano-spacing-md);display:table-caption;caption-side:bottom}button,input,label{line-height:var(--nano-line-height-denser)}hr,.horizontal-rule,.content-divider{display:block;block-size:1px;border:0;background-color:var(--nano-color-neutral-300);margin-block:.5em;margin-inline:0;padding:0}hr+p,.horizontal-rule+p,.content-divider+p{margin-block:var(--nano-spacing-md)}a{color:var(--nano-color-primary-1100)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:root{--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0)}table{color:var(--nano-color-neutral-1400);border-collapse:separate;border-spacing:0;text-align:start}table.compact{--table-padding: var(--table-compact-padding)}table .content-center{text-align:center}table .content-end{text-align:end}table caption{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;text-align:start;margin-block-end:var(--nano-spacing-l1-default);max-inline-size:80vw}table th{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);white-space:nowrap;background-color:var(--table-background);padding:var(--table-padding);text-align:start;font-weight:800;vertical-align:top}table td{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--table-background);padding:var(--table-padding);text-align:start;vertical-align:top}table thead :where(td,th){border-block-end:2px solid var(--table-border-color-header);vertical-align:bottom}@container scroll-state(stuck: top){table thead :where(td,th){border-block-end-width:3px}}table tbody :where(td,th){border-block-end:1px solid var(--table-border-color)}table tfoot :where(td,th){border-block-start:2px solid var(--table-border-color-header);border-block-end:2px solid var(--table-border-color-header)}}@layer utilities{.n-text-hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-quote{font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light)}.n-text-2xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-lg{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text-md{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text,.n-text-normal{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-sm,.n-text-small{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-xs{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-img-landscape{aspect-ratio:var(--nano-image-ratio-landscape);object-fit:cover}.n-img-4x3{aspect-ratio:4/3;object-fit:cover}.n-img-square{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}.n-img-portrait{aspect-ratio:var(--nano-image-ratio-portrait);object-fit:cover}.n-img-avatar{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover;border-radius:var(--nano-border-radius-circle)}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar){color:rgba(0, 0, 0, 0);box-decoration-break:clone;background-color:rgba(0, 0, 0, 0);background-image:linear-gradient(to right, var(--nano-color-neutral-300) 33%, var(--nano-color-neutral-50), var(--nano-color-neutral-300) 66%);background-size:300% .7em;animation:skeleton-shimmer 2s infinite ease-in-out;user-select:none;pointer-events:none;inline-size:fit-content}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar) img{opacity:0}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a){display:inline;border-radius:4px}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::before{content:"";display:block;margin-block-start:inherit;padding-block-start:inherit}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::after{content:"";display:block;margin-block-end:inherit;padding-block-end:inherit}.n-loader-skeleton *{text-decoration:none !important}@keyframes skeleton-shimmer{from{background-position:100%}to{background-position:0%}}.n-surface-sunken{background-color:var(--nano-color-surface-50);box-shadow:var(--nano-shadow-ls)}.n-surface-raised{background-color:var(--nano-color-surface-100);box-shadow:var(--nano-shadow-l1)}.n-surface-overlay{background-color:var(--nano-color-surface-200);box-shadow:var(--nano-shadow-l2)}.n-surface-lightbox{background-color:var(--nano-color-surface-300);box-shadow:var(--nano-shadow-l3)}.n-content-divider{block-size:4px;background-color:var(--nano-color-neutral-100)}.n-visually-hidden:not(:focus,:active,:focus-within),.visually-hidden:not(:focus,:active,:focus-within){clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}}/*# sourceMappingURL=core.css.map */
1
+ @layer reset, tokens, themes, globals, components, utilities, application;@layer reset{*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:none}body{line-height:1.5;min-block-size:100vh}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}hr{block-size:1px;border-width:0;box-sizing:content-box}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}[hidden]{display:none !important}iframe{display:block}}@layer tokens{:root{--nano-color-grey-mono-1600: rgb(24 24 24 / 100%);--nano-color-grey-mono-1550: rgb(30 30 30 / 100%);--nano-color-grey-mono-1500: rgb(38 38 38 / 100%);--nano-color-grey-mono-1400: rgb(51 51 51 / 100%);--nano-color-grey-mono-1300: rgb(66 66 66 / 100%);--nano-color-grey-mono-1200: rgb(84 84 83 / 100%);--nano-color-grey-mono-1100: rgb(99 99 99 / 100%);--nano-color-grey-mono-1000: rgb(118 118 117 / 100%);--nano-color-grey-mono-900: rgb(135 135 135 / 100%);--nano-color-grey-mono-800: rgb(150 150 149 / 100%);--nano-color-grey-mono-700: rgb(166 166 166 / 100%);--nano-color-grey-mono-400: rgb(215 214 213 / 100%);--nano-color-grey-mono-300: rgb(231 230 228 / 100%);--nano-color-grey-mono-200: rgb(241 240 238 / 100%);--nano-color-grey-mono-100: rgb(246 245 244 / 100%);--nano-color-grey-mono-075: rgb(249 248 248 / 100%);--nano-color-grey-mono-050: rgb(252 252 251 / 100%);--nano-color-blue-cerulean-1600: rgb(0 26 40 / 100%);--nano-color-blue-cerulean-1500: rgb(1 41 63 / 100%);--nano-color-blue-cerulean-1400: rgb(1 54 83 / 100%);--nano-color-blue-cerulean-1300: rgb(1 71 106 / 100%);--nano-color-blue-cerulean-1200: rgb(1 89 127 / 100%);--nano-color-blue-cerulean-1100: rgb(1 106 146 / 100%);--nano-color-blue-cerulean-1000: rgb(0 127 168 / 100%);--nano-color-blue-cerulean-900: rgb(32 146 183 / 100%);--nano-color-blue-cerulean-800: rgb(58 161 195 / 100%);--nano-color-blue-cerulean-700: rgb(85 178 207 / 100%);--nano-color-blue-cerulean-300: rgb(186 238 251 / 100%);--nano-color-blue-cerulean-100: rgb(226 249 255 / 100%);--nano-color-blue-cerulean-075: rgb(234 251 255 / 100%);--nano-color-blue-cerulean-050: rgb(247 253 255 / 100%);--nano-color-violet-ink-1600: rgb(12 14 75 / 100%);--nano-color-violet-ink-1500: rgb(19 22 117 / 100%);--nano-color-violet-ink-1400: rgb(27 31 147 / 100%);--nano-color-violet-ink-1300: rgb(47 48 168 / 100%);--nano-color-violet-ink-1200: rgb(67 67 189 / 100%);--nano-color-violet-ink-1100: rgb(85 82 207 / 100%);--nano-color-violet-ink-1000: rgb(106 103 221 / 100%);--nano-color-violet-ink-900: rgb(124 123 228 / 100%);--nano-color-violet-ink-800: rgb(139 141 234 / 100%);--nano-color-violet-ink-700: rgb(156 159 241 / 100%);--nano-color-violet-ink-600: rgb(173 178 247 / 100%);--nano-color-violet-ink-500: rgb(189 195 253 / 100%);--nano-color-violet-ink-400: rgb(206 212 255 / 100%);--nano-color-violet-ink-300: rgb(225 228 255 / 100%);--nano-color-violet-ink-200: rgb(238 240 255 / 100%);--nano-color-violet-ink-100: rgb(244 245 255 / 100%);--nano-color-violet-ink-075: rgb(247 248 255 / 100%);--nano-color-green-leaf-1600: rgb(1 27 32 / 100%);--nano-color-green-leaf-1500: rgb(1 43 51 / 100%);--nano-color-green-leaf-1400: rgb(1 57 67 / 100%);--nano-color-green-leaf-1300: rgb(2 73 87 / 100%);--nano-color-green-leaf-1200: rgb(2 93 106 / 100%);--nano-color-green-leaf-1100: rgb(1 111 110 / 100%);--nano-color-green-leaf-1000: rgb(1 134 113 / 100%);--nano-color-green-leaf-900: rgb(29 151 131 / 100%);--nano-color-green-leaf-800: rgb(52 167 146 / 100%);--nano-color-green-leaf-700: rgb(78 183 162 / 100%);--nano-color-green-leaf-600: rgb(104 200 178 / 100%);--nano-color-green-leaf-200: rgb(197 253 232 / 100%);--nano-color-green-leaf-075: rgb(222 254 242 / 100%);--nano-color-green-leaf-050: rgb(238 255 249 / 100%);--nano-color-red-brick-1600: rgb(51 8 10 / 100%);--nano-color-red-brick-1500: rgb(79 13 16 / 100%);--nano-color-red-brick-1400: rgb(103 17 21 / 100%);--nano-color-red-brick-1300: rgb(132 21 27 / 100%);--nano-color-red-brick-1200: rgb(161 32 36 / 100%);--nano-color-red-brick-1100: rgb(185 46 48 / 100%);--nano-color-red-brick-1000: rgb(210 67 70 / 100%);--nano-color-red-brick-900: rgb(222 93 96 / 100%);--nano-color-red-brick-800: rgb(229 116 120 / 100%);--nano-color-red-brick-700: rgb(235 139 144 / 100%);--nano-color-red-brick-400: rgb(255 201 203 / 100%);--nano-color-red-brick-300: rgb(255 221 222 / 100%);--nano-color-red-brick-100: rgb(255 241 242 / 100%);--nano-color-yellow-lime-1000: #6e7d17;--nano-color-yellow-lime-500: rgb(184 210 39 / 100%);--nano-color-yellow-lime-200: rgb(224 255 50 / 100%);--nano-color-yellow-lime-100: rgb(236 255 131 / 100%);--nano-color-yellow-lime-075: rgb(242 255 172 / 100%);--nano-color-yellow-lime-050: rgb(250 255 223 / 100%);--nano-color-orange-1600: rgb(47 13 2 / 100%);--nano-color-orange-1500: rgb(74 20 3 / 100%);--nano-color-orange-1400: rgb(97 27 4 / 100%);--nano-color-orange-1300: rgb(125 34 5 / 100%);--nano-color-orange-1200: rgb(148 52 4 / 100%);--nano-color-orange-1100: rgb(168 68 4 / 100%);--nano-color-orange-1000: rgb(192 87 3 / 100%);--nano-color-orange-900: rgb(210 107 3 / 100%);--nano-color-orange-800: rgb(226 124 3 / 100%);--nano-color-orange-600: rgb(255 162 14 / 100%);--nano-color-orange-400: rgb(254 206 136 / 100%);--nano-color-orange-300: rgb(254 226 189 / 100%);--nano-color-orange-200: rgb(254 239 225 / 100%);--nano-color-orange-100: rgb(254 243 233 / 100%);--nano-color-orange-075: rgb(254 247 240 / 100%);--nano-color-basic-white: rgb(255 255 255 / 100%);--nano-color-basic-white-rgb: 255 255 255;--nano-color-basic-black: rgb(0 0 0 / 100%);--nano-color-basic-black-rgb: 0 0 0}}@layer tokens{:root{--nano-font-sans: "Noto Sans", "Noto Sans Fallback: Arial", arial, sans-serif;--nano-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--nano-font-serif: Georgia, "Times New Roman", serif;--nano-font-size-2xs: 0.75rem;--nano-font-size-xs: 0.875rem;--nano-font-size-sm: 1rem;--nano-font-size-small: var(--nano-font-size-sm);--nano-font-size-md: 1.125rem;--nano-font-size-medium: var(--nano-font-size-md);--nano-font-size-lg: 1.375rem;--nano-font-size-l: var(--nano-font-size-lg);--nano-font-size-xl: 1.6875rem;--nano-font-size-2xl: 2.5rem;--nano-font-size-3xl: 3.25rem;--nano-font-weight-light: 300;--nano-font-weight-normal: 400;--nano-font-weight-bold: 700;--nano-letter-spacing-denser: -0.03em;--nano-letter-spacing-dense: -0.015em;--nano-letter-spacing-normal: normal;--nano-letter-spacing-loose: 0.025em;--nano-letter-spacing-looser: 0.0375em;--nano-line-height-denser: 1.2;--nano-line-height-dense: 1.4;--nano-line-height-normal: 1.6;--nano-line-height-loose: 1.8;--nano-line-height-looser: 2}@media(width <= 767px){:root{--nano-font-size-l: 1.3125rem;--nano-font-size-xl: 1.5rem;--nano-font-size-2xl: 2.125rem;--nano-font-size-3xl: 2.625rem}}:root[lang^=ja-]{--nano-font-sans: "Noto Sans JP", "Noto Sans JP Fallback: Arial", arial, sans-serif}:root[lang^=zh-]{--nano-font-sans: "Noto Sans SC", "Noto Sans SC Fallback: Arial", arial, sans-serif}}@layer tokens{:root{--nano-spacing-xs: 0.3125rem;--nano-spacing-sm: 0.625rem;--nano-spacing-l3: var(--nano-spacing-sm);--nano-spacing-md: 1.25rem;--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l: 1.875rem;--nano-spacing-xl: 2.5rem;--nano-spacing-l1-default: var(--nano-spacing-xl);--nano-spacing-2xl: 3.75rem;--nano-spacing-l1-feature: var(--nano-spacing-2xl)}@media(width <= 1024px){:root{--nano-spacing-l1-feature: 3.125rem;--nano-spacing-l1-default: var(--nano-spacing-l);--nano-spacing-l2: var(--nano-spacing-md);--nano-spacing-l3: var(--nano-spacing-sm)}}@media(width <= 767px){:root{--nano-spacing-l1-feature: var(--nano-spacing-xl);--nano-spacing-l1-default: var(--nano-spacing-md);--nano-spacing-l: var(--nano-spacing-md);--nano-spacing-l2: var(--nano-spacing-sm);--nano-spacing-l3: var(--nano-spacing-sm)}}}@layer tokens{:root{--nano-border-radius-small: 0.1875rem;--nano-border-radius-medium: 0.25rem;--nano-border-radius-large: 0.5rem;--nano-border-radius-x-large: 1rem;--nano-border-radius-circle: 50%;--nano-border-radius-pill: 9999px;--nano-transition-x-fast: 120ms;--nano-transition-fast: 300ms;--nano-transition-medium: 500ms;--nano-transition-slow: 700ms;--nano-transition-x-slow: 1000ms;--nano-focus-ring-color: var(--nano-color-blue-cerulean-700);--nano-focus-ring-style: solid;--nano-focus-ring-width: 3px;--nano-focus-ring: var(--nano-focus-ring-style) var(--nano-focus-ring-width) var(--nano-focus-ring-color);--nano-focus-ring-offset: 1px;--nano-icon-size-small: 16px;--nano-pictogram-size-small: 24px;--nano-pictogram-size-medium: 32px;--nano-icon-size-large: 32px;--nano-pictogram-size-large: 48px;--nano-pictogram-size-x-large: 64px;--nano-image-ratio-landscape: 16/9;--nano-image-ratio-square: 1/1;--nano-image-ratio-portrait: 3/4;--nano-z-index-raised: 5;--nano-z-index-menubar: 10;--nano-z-index-mask: 50;--nano-z-index-dropdown: 300;--nano-z-index-modal: 700;--nano-z-index-alert: 800;--nano-z-index-tooltip: 1000}}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:300;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../nano-assets/font/jp/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans JP Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:300;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:400;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url("../nano-assets/font/sc/noto-sans-sc-v37-chinese-simplified_latin-700.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:300;src:url("../nano-assets/font/latin/noto-sans-v39-latin-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:400;src:url("../nano-assets/font/latin/noto-sans-v38-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:700;src:url("../nano-assets/font/latin/noto-sans-v38-latin-700italic.woff2") format("woff2")}@font-face{font-family:"Noto Sans SC Fallback: Arial";src:local("Arial");size-adjust:110%;ascent-override:101%;descent-override:23%;line-gap-override:4%}@layer globals{html{font-family:var(--nano-font-sans);font-weight:400;background-color:var(--nano-color-base-0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html[lang^=ja-] em,html[lang^=ja-] i,html[lang^=zh-] em,html[lang^=zh-] i{font-style:normal !important}::selection{background-color:var(--nano-color-primary-300);color:var(--nano-color-neutral-1400)}:target,[id]{scroll-margin-block:3ex}h1,h2,h3,h4,h5{text-wrap:balance;margin-block-end:var(--nano-spacing-md)}h1.hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h1{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}h3{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}h4{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}h5{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold)}p{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-md)}address,address p{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin:0;font-style:normal}ol,ul{padding-inline-start:var(--nano-spacing-md);margin-block:var(--nano-spacing-sm) var(--nano-spacing-md)}li{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);margin-block-end:var(--nano-spacing-sm)}li:last-child{margin-block-end:var(--nano-spacing-md)}blockquote{border-inline-start:3px solid var(--nano-color-primary-1000);padding-inline-start:var(--nano-spacing-xl);display:flex;flex-direction:column;gap:var(--nano-spacing-sm);margin:0;margin-block-end:var(--nano-spacing-md)}blockquote>*:not(cite){font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light);margin-block:0}blockquote cite{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);font-style:normal}figure{display:table;border-collapse:separate;border-spacing:0}figure figcaption{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--nano-color-basic-black);color:var(--nano-color-basic-white);padding:var(--nano-spacing-md);display:table-caption;caption-side:bottom}button,input,label{line-height:var(--nano-line-height-denser)}hr,.horizontal-rule,.content-divider{display:block;block-size:1px;border:0;background-color:var(--nano-color-neutral-300);margin-block:.5em;margin-inline:0;padding:0}hr+p,.horizontal-rule+p,.content-divider+p{margin-block:var(--nano-spacing-md)}a{color:var(--nano-color-primary-1100)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}:root{--table-padding: var(--nano-spacing-md);--table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));--table-border-color: var(--nano-color-neutral-200);--table-border-color-header: var(--nano-color-primary-1000);--table-background: var(--nano-color-base-0)}table{color:var(--nano-color-neutral-1400);border-collapse:separate;border-spacing:0;text-align:start}table.compact{--table-padding: var(--table-compact-padding)}table .content-center{text-align:center}table .content-end{text-align:end}table caption{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance;text-align:start;margin-block-end:var(--nano-spacing-l1-default);max-inline-size:80vw}table th{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);white-space:nowrap;background-color:var(--table-background);padding:var(--table-padding);text-align:start;font-weight:800;vertical-align:top}table td{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);background-color:var(--table-background);padding:var(--table-padding);text-align:start;vertical-align:top}table thead :where(td,th){border-block-end:2px solid var(--table-border-color-header);vertical-align:bottom}@container scroll-state(stuck: top){table thead :where(td,th){border-block-end-width:3px}}table tbody :where(td,th){border-block-end:1px solid var(--table-border-color)}table tfoot :where(td,th){border-block-start:2px solid var(--table-border-color-header);border-block-end:2px solid var(--table-border-color-header)}}@layer utilities{.n-text-hero{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-3xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-quote{font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);letter-spacing:var(--nano-letter-spacing-looser);margin-block-end:var(--nano-spacing-md);font-weight:var(--nano-font-weight-light)}.n-text-2xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-2xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-xl{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.n-text-lg{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-lg);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text-md{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-md);line-height:var(--nano-line-height-dense);text-wrap:balance}.n-text,.n-text-normal{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-sm,.n-text-small{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-text-xs{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.n-img-landscape{aspect-ratio:var(--nano-image-ratio-landscape);object-fit:cover}.n-img-4x3{aspect-ratio:4/3;object-fit:cover}.n-img-square{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover}.n-img-portrait{aspect-ratio:var(--nano-image-ratio-portrait);object-fit:cover}.n-img-avatar{aspect-ratio:var(--nano-image-ratio-square);object-fit:cover;border-radius:var(--nano-border-radius-circle)}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar){color:rgba(0, 0, 0, 0);box-decoration-break:clone;background-color:rgba(0, 0, 0, 0);background-image:linear-gradient(to right, var(--nano-color-neutral-300) 33%, var(--nano-color-neutral-50), var(--nano-color-neutral-300) 66%);background-size:300% .7em;animation:skeleton-shimmer 2s infinite ease-in-out;user-select:none;pointer-events:none;inline-size:fit-content}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar) img{opacity:0}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a){display:inline;border-radius:4px}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::before{content:"";display:block;margin-block-start:inherit;padding-block-start:inherit}.n-loader-skeleton *:not(:has(*:not(img)),nano-spinner,nano-progress-bar):is(h1,h2,h3,h4,h5,h6,p,span,a)::after{content:"";display:block;margin-block-end:inherit;padding-block-end:inherit}.n-loader-skeleton *{text-decoration:none !important}@keyframes skeleton-shimmer{from{background-position:100%}to{background-position:0%}}.n-surface-sunken{background-color:var(--nano-color-surface-50);box-shadow:var(--nano-shadow-ls)}.n-surface-raised{background-color:var(--nano-color-surface-100);box-shadow:var(--nano-shadow-l1)}.n-surface-overlay{background-color:var(--nano-color-surface-200);box-shadow:var(--nano-shadow-l2)}.n-surface-lightbox{background-color:var(--nano-color-surface-300);box-shadow:var(--nano-shadow-l3)}.n-content-divider{block-size:4px;background-color:var(--nano-color-neutral-100)}.n-visually-hidden:not(:focus,:active,:focus-within),.visually-hidden:not(:focus,:active,:focus-within){clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}}/*# sourceMappingURL=core.css.map */