@eunomia/elements 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/cdn/components/chunks/chunk-27Q2SLRY.js

@@ -1,603 +0,0 @@
-import{a as b,b as p}from"./chunk-MBF52GEL.js";import{a as h}from"./chunk-T7WABJEJ.js";import{a as v}from"./chunk-UP4M7TER.js";import{a as f}from"./chunk-BKHD4S57.js";import{a as n}from"./chunk-5EVP7YNE.js";import{a as i,f as d,g as a,h as l,n as e,p as s,s as u}from"./chunk-XH6NREVZ.js";var _=a`
-  :host {
-    --_mainColor: var(
-      --button-background,
-      var(--eun-color-primary-500, #3d6fff)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-primary-800, #2d52bd)
-    );
-    --_mainColor-text: var(
-      --button-text,
-      var(--eun-color-on-primary-500, #ffffff)
-    );
-    --_mainColor-outline: var(
-      --button-focus-outline,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    --_focusIndicator: var(--button-focus-outline, var(--_mainColor-outline));
-    --_borderRadius: var(
-      --button-border-radius,
-      var(--eun-borderRadius-m, 8px)
-    );
-    --_backgroundColor: var(--button-background, var(--_mainColor));
-    --_padding: var(
-      --button-padding,
-      var(--eun-space-s, 8px) calc(var(--eun-space-l, 32px) / 2)
-    );
-    --_textColor: var(--button-text, var(--_mainColor-text));
-    --_boxShadow: var(--button-shadow, none);
-    --_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
-    --_transition: var(--button-transition, 0.2s);
-    --_borderSize: var(--button-border-size, 1.5px);
-    --_fontSize: var(--eun-fontSize-s, 14px);
-    --_gap: var(--eun-space-xs, 4px);
-    --_lineHeight: 1rem;
-    --icon-size: var(--_lineHeight);
-    --_borderColor: transparent;
-    --_before-display: none;
-    --_cursor: pointer;
-    display: inline-flex;
-    position: relative;
-    user-select: none;
-    cursor: var(--_cursor);
-    outline: 2px solid transparent;
-    transition: all ease-out var(--_transition);
-    border-radius: var(--_borderRadius);
-    z-index: 0;
-  }
-  :host(:focus-visible) {
-    outline-offset: 2px;
-    outline-color: var(--_focusIndicator);
-  }
-  #button:focus-visible {
-    outline-offset: 2px;
-    outline-color: var(--_focusIndicator);
-  }
-  :host([size="xs"]) {
-    --_fontSize: var(--eun-fontSize-xs, 10px);
-    --_padding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
-    --_lineHeight: 10px;
-    --_borderRadius: var(--eun-borderRadius-s, 999px);
-  }
-  :host([size="s"]) {
-    --_fontSize: var(--eun-fontSize-xs, 10px);
-    --_padding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
-    --_lineHeight: 10px;
-    --_borderRadius: var(--eun-borderRadius-s, 999px);
-  }
-  :host([size="l"]) {
-    --_fontSize: var(--eun-fontSize-m, 16px);
-    --_gap: var(--eun-space-m, 16px);
-    --_padding: calc(var(--eun-space-s, 8px) * 1.25) var(--eun-space-l, 32px);
-    --_lineHeight: 1.1rem;
-  }
-  :host([size="xl"]) {
-    --_fontSize: var(--eun-fontSize-l, 1.3rem);
-    --_gap: var(--eun-space-m, 16px);
-    --_padding: calc(var(--eun-space-s, 8px) * 1.5) var(--eun-space-l, 32px);
-    --_lineHeight: 1.3rem;
-  }
-  :host([rounded]) {
-    --_borderRadius: var(--eun-borderRadius-xl, 999px);
-  }
-  :host([variant="secondary"]) {
-    --_mainColor: var(--eun-color-secondary-500, #e5a030);
-    --_mainColor-hover: var(--eun-color-secondary-700, #ca8d2a);
-    --_mainColor-active: var(--eun-color-secondary-800, #a97624);
-    --_mainColor-text: var(--eun-color-on-secondary-500, #000000de);
-    --_mainColor-outline: var(--eun-color-secondary-700, #ca8d2a);
-  }
-  :host([variant="critical"]) {
-    --_mainColor: var(--eun-color-critical-100, #aa0014);
-    --_mainColor-hover: var(--eun-color-critical-100, #aa0014);
-    --_mainColor-active: var(--eun-color-critical-100, #aa0014);
-    --_mainColor-text: #fff;
-    --_mainColor-outline: var(--eun-color-critical-100, #aa0014);
-  }
-  :host([variant="success"]) {
-    --_mainColor: var(--eun-color-success-100, #1a9948);
-    --_mainColor-hover: var(--eun-color-success-100, #1a9948);
-    --_mainColor-active: var(--eun-color-success-100, #1a9948);
-    --_mainColor-text: #fff;
-    --_mainColor-outline: var(--eun-color-success-100, #1a9948);
-  }
-  :host([variant="warning"]) {
-    --_mainColor: var(--eun-color-warning-100, #c85207);
-    --_mainColor-hover: var(--eun-color-warning-100, #c85207);
-    --_mainColor-active: var(--eun-color-warning-100, #c85207);
-    --_mainColor-text: #fff;
-    --_mainColor-outline: var(--eun-color-warning-100, #c85207);
-  }
-  :host([variant="light"]) {
-    --_mainColor: var(--eun-color-grey-100, #f7f8fa);
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-    --_mainColor-text: var(--eun-color-grey-700, #484e61);
-    --_mainColor-outline: var(--eun-color-grey-500, #8d93aa);
-  }
-  :host([variant="medium"]) {
-    --_mainColor: var(--eun-color-grey-300, #dee0e7);
-    --_mainColor-hover: var(--eun-color-grey-400, #c1c9d6);
-    --_mainColor-active: var(--eun-color-grey-500, #8d93aa);
-    --_mainColor-text: var(--eun-color-grey-900, #000000);
-    --_mainColor-outline: var(--eun-color-grey-600, #666e8a);
-  }
-  :host([variant="dark"]) {
-    --_mainColor: var(--eun-color-grey-800, #071621);
-    --_mainColor-hover: var(--eun-color-grey-700, #484e61);
-    --_mainColor-active: var(--eun-color-grey-900, #000000);
-    --_mainColor-text: var(--eun-color-grey-0, #ffffff);
-    --_mainColor-outline: var(--eun-color-grey-800, #071621);
-  }
-  slot::slotted(*) {
-    color: var(--_textColor);
-    fill: var(--_textColor);
-  }
-  slot[name="start"]::slotted(eun-icon),
-  slot[name="end"]::slotted(eun-icon) {
-    flex-shrink: 0;
-  }
-  .auto-icon {
-    flex-shrink: 0;
-  }
-  #button {
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    background: var(--_backgroundColor);
-    border-radius: var(--_borderRadius);
-    color: var(--_textColor);
-    box-shadow: var(--_boxShadow);
-    display: flex;
-    width: 100%;
-    height: fit-content;
-    border: var(--_borderSize) solid
-      var(--button-border-color, var(--_borderColor));
-    outline: 2px solid transparent;
-    padding: var(--_padding);
-    gap: var(--_gap);
-    transition: all ease-out var(--_transition);
-    font-size: var(--_fontSize);
-    line-height: var(--_lineHeight);
-    text-decoration: none;
-    align-items: center;
-    white-space: nowrap;
-  }
-  #button:hover,
-  :host(:focus-visible) #button,
-  #button:focus-visible {
-    box-shadow: var(--_boxShadow-hover);
-    border-color: var(
-      --button-border-color-hover,
-      var(--button-border-color, var(--_borderColor))
-    );
-  }
-  #external-link-icon {
-    display: inline-flex;
-    align-items: center;
-    margin-inline: var(--eun-space-s) calc(-1 * var(--eun-space-xs));
-    transform: rotate(-45deg);
-    --icon-color: var(--_textColor);
-  }
-  #content-hidden {
-    display: flex;
-    align-items: center;
-    gap: var(--_gap);
-    visibility: hidden;
-  }
-  #loader-overlay {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  :host([loading]) #button {
-    cursor: wait;
-    pointer-events: none;
-  }
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0 0 0 0);
-    white-space: nowrap;
-    border: 0;
-  }
-`,g=a`
-  :host([appearance="fill"]:not([disabled])) {
-    --_backgroundColor: var(--_mainColor);
-    --_textColor: var(--_mainColor-text);
-  }
-  :host([appearance="fill"]:not([disabled]):is(:hover, :focus-visible)) #button,
-  :host([appearance="fill"]:not([disabled]))
-    #button:is(:hover, :focus-visible) {
-    --_backgroundColor: var(--_mainColor-hover);
-  }
-  :host([appearance="fill"]:not([disabled])) #button:active {
-    --_backgroundColor: var(--_mainColor-active);
-  }
-  :host(
-      [appearance="fill"]:is(
-          [variant="critical"],
-          [variant="success"],
-          [variant="warning"]
-        ):not([disabled]):is(:hover, :focus-visible)
-    )
-    #button,
-  :host(
-      [appearance="fill"]:is(
-          [variant="critical"],
-          [variant="success"],
-          [variant="warning"]
-        ):not([disabled])
-    )
-    #button:is(:hover, :focus-visible) {
-    filter: brightness(0.9);
-  }
-  :host([appearance="fill"][variant="critical"]:not([disabled])) #button:active,
-  :host([appearance="fill"][variant="success"]:not([disabled])) #button:active,
-  :host([appearance="fill"][variant="warning"]:not([disabled])) #button:active {
-    filter: brightness(0.8);
-  }
-`,C=a`
-  :host([appearance="raised"]:not([disabled])) {
-    --_backgroundColor: transparent;
-    --_textColor: var(--_mainColor);
-    --_boxShadow: var(
-      --button-shadow,
-      var(--eun-shadow-s, "rgba(149, 157, 165, 0.2) 0px 8px 24px")
-    );
-    --_boxShadow-hover: var(
-      --button-shadow-hover,
-      var(
-        --eun-shadow-m,
-        "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
-      )
-    );
-  }
-  :host([appearance="raised"]:not([disabled])) #button:active {
-    box-shadow: var(
-      --eun-shadow-l,
-      "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
-    );
-  }
-`,x=a`
-  :host([appearance="default"]:not([disabled])) {
-    --_textColor: var(--_mainColor);
-  }
-  :host([appearance="default"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-primary-transparent, #3d6fff33)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-primary-transparent-hover, #3d6fff4d)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-primary-transparent-active, #3d6fff66)
-    );
-  }
-  :host([appearance="default"][variant="secondary"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-secondary-transparent, #e5a03033)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-secondary-transparent-hover, #e5a0304d)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-secondary-transparent-active, #e5a03066)
-    );
-  }
-  :host([appearance="default"][variant="critical"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-critical-30, #faf0f1)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-critical-50, #f1d6d9)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-critical-90, #e4adb4)
-    );
-  }
-  :host([appearance="default"][variant="success"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-success-30, #f1f9f4)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-success-50, #daefe2)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-success-90, #b6dec4)
-    );
-  }
-  :host([appearance="default"][variant="warning"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-warning-30, #fcf5f0)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-warning-50, #f6e3d7)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-warning-90, #edc8b0)
-    );
-  }
-  :host([appearance="default"][variant="light"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-grey-100, #f7f8fa)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-grey-200, #ecedf0)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-grey-300, #dee0e7)
-    );
-  }
-  :host([appearance="default"][variant="medium"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-grey-200, #ecedf0)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-grey-300, #dee0e7)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-grey-400, #c1c9d6)
-    );
-  }
-  :host([appearance="default"][variant="dark"]:not([disabled])) {
-    --_backgroundColor: var(
-      --button-background,
-      var(--eun-color-grey-200, #ecedf0)
-    );
-    --_mainColor-hover: var(
-      --button-background-hover,
-      var(--eun-color-grey-300, #dee0e7)
-    );
-    --_mainColor-active: var(
-      --button-background-active,
-      var(--eun-color-grey-400, #c1c9d6)
-    );
-  }
-  :host([appearance="default"]:not([disabled]):is(:hover, :focus-visible))
-    #button,
-  :host([appearance="default"]:not([disabled]))
-    #button:is(:hover, :focus-visible) {
-    --_backgroundColor: var(--_mainColor-hover);
-  }
-  :host([appearance="default"]:not([disabled])) #button:active {
-    --_backgroundColor: var(--_mainColor-active);
-  }
-`,y=a`
-  :host([appearance="outline"]:not([disabled])) {
-    --_backgroundColor: transparent;
-    --_textColor: var(--_mainColor);
-    --_borderColor: var(--_mainColor);
-    --_mainColor-hover: var(--eun-color-primary-transparent-hover, #3d6fff4d);
-    --_mainColor-active: var(--eun-color-primary-transparent-active, #3d6fff66);
-  }
-  :host([appearance="outline"][variant="secondary"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-secondary-transparent-hover, #e5a0304d);
-    --_mainColor-active: var(
-      --eun-color-secondary-transparent-active,
-      #ef9c7c66
-    );
-  }
-  :host([appearance="outline"][variant="critical"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-critical-50, #f1d6d9);
-    --_mainColor-active: var(--eun-color-critical-90, #e4adb4);
-  }
-  :host([appearance="outline"][variant="success"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-success-50, #daefe2);
-    --_mainColor-active: var(--eun-color-success-90, #b6dec4);
-  }
-  :host([appearance="outline"][variant="warning"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-warning-50, #f6e3d7);
-    --_mainColor-active: var(--eun-color-warning-90, #edc8b0);
-  }
-  :host([appearance="outline"][variant="light"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-  }
-  :host([appearance="outline"][variant="medium"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-300, #dee0e7);
-    --_mainColor-active: var(--eun-color-grey-400, #c1c9d6);
-  }
-  :host([appearance="outline"][variant="dark"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-  }
-  :host([appearance="outline"]:not([disabled]):is(:hover, :focus-visible))
-    #button,
-  :host([appearance="outline"]:not([disabled]))
-    #button:is(:hover, :focus-visible) {
-    --_backgroundColor: var(--_mainColor-hover);
-  }
-  :host([appearance="outline"]:not([disabled])) #button:active {
-    --_backgroundColor: var(--_mainColor-active);
-  }
-`,k=a`
-  :host([appearance="flat"]:not([disabled])) {
-    --_backgroundColor: var(--eun-color-grey-100, #f7f8fa);
-    --_textColor: var(--eun-text-secondary, #484e61);
-  }
-  :host([appearance="flat"]:not([disabled]):is(:hover, :focus-visible, :active))
-    #button,
-  :host([appearance="flat"]:not([disabled]))
-    #button:is(:hover, :focus-visible, :active) {
-    --_backgroundColor: var(--eun-content-hover, #edeff0);
-  }
-`,w=a`
-  :host([appearance="ghost"]:not([disabled])) {
-    --_backgroundColor: transparent;
-    --_borderColor: transparent;
-    --_textColor: var(--button-text, var(--_mainColor));
-    --_mainColor-hover: var(--eun-color-primary-transparent-hover, #3d6fff4d);
-    --_mainColor-active: var(--eun-color-primary-transparent-active, #3d6fff66);
-  }
-  :host([appearance="ghost"][variant="secondary"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-secondary-transparent-hover, #e5a0304d);
-    --_mainColor-active: var(
-      --eun-color-secondary-transparent-active,
-      #ef9c7c66
-    );
-  }
-  :host([appearance="ghost"][variant="critical"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-critical-50, #f1d6d9);
-    --_mainColor-active: var(--eun-color-critical-90, #e4adb4);
-  }
-  :host([appearance="ghost"][variant="success"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-success-50, #daefe2);
-    --_mainColor-active: var(--eun-color-success-90, #b6dec4);
-  }
-  :host([appearance="ghost"][variant="warning"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-warning-50, #f6e3d7);
-    --_mainColor-active: var(--eun-color-warning-90, #edc8b0);
-  }
-  :host([appearance="ghost"][variant="light"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-  }
-  :host([appearance="ghost"][variant="medium"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-300, #dee0e7);
-    --_mainColor-active: var(--eun-color-grey-400, #c1c9d6);
-  }
-  :host([appearance="ghost"][variant="dark"]:not([disabled])) {
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-  }
-  :host([appearance="ghost"]:not([variant]):not([disabled])) {
-    --_mainColor: var(--eun-text-secondary, #484e61);
-    --_mainColor-hover: var(--eun-content-hover, #edeff0);
-    --_mainColor-active: var(--eun-disabled-color, #ecedf0);
-  }
-  :host([appearance="ghost"]:not([disabled])) #button:hover,
-  :host([appearance="ghost"]:not([disabled]):focus-visible) #button,
-  :host([appearance="ghost"]:not([disabled])) #button:focus-visible {
-    --_backgroundColor: var(--_mainColor-hover);
-  }
-  :host([appearance="ghost"]:not([disabled])) #button:active {
-    --_backgroundColor: var(--_mainColor-active);
-  }
-`,S=a`
-  :host([disabled]) {
-    --_mainColor: var(--eun-disabled-color, #ecedf0);
-    --_textColor: var(--eun-text-disabled-color, #8d93aa);
-    --_cursor: not-allowed;
-  }
-  :host([disabled]) #button {
-    --_icon-color: currentColor;
-    pointer-events: none;
-  }
-`,z=a`
-  :host([slide]) #button {
-    display: grid;
-    grid-template-columns: auto 0fr auto;
-    gap: 0;
-    align-items: center;
-    justify-content: start;
-    transition: grid-template-columns ease var(--_transition);
-  }
-  :host([slide]:hover) #button,
-  :host([slide]:focus-visible) #button,
-  :host([slide]) #button:focus-visible {
-    grid-template-columns: auto 1fr auto;
-  }
-  :host([slide]) slot:not([name]) {
-    display: inline-block;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    margin-left: 0;
-    opacity: 0;
-    transition:
-      margin-left ease var(--_transition),
-      opacity ease var(--_transition);
-  }
-  :host([slide]:hover) slot:not([name]),
-  :host([slide]:focus-visible) slot:not([name]),
-  :host([slide]) #button:focus-visible slot:not([name]) {
-    margin-left: var(--_gap);
-    opacity: 1;
-  }
-`,$=a`
-  :host([full]) {
-    display: flex;
-    width: 100%;
-    height: 100%;
-  }
-  :host([full]) #button {
-    height: 100%;
-    justify-content: center;
-  }
-`,m=[_,g,C,y,k,w,x,S,z,$];var R="eun-button",r=class extends b(p(h(u))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1}updated(o){if(super.updated(o),o.has("href")||o.has("disabled")||o.has("loading")){let t=this.disabled||this.loading;this.href&&!t?this.removeAttribute("tabindex"):this.setAttribute("tabindex",t?"-1":"0")}}renderEndContent(){return this.href&&this.target==="_blank"?e`
-      <span id="external-link-icon">
-        <eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
-        ${this.ariaLabel?s:e`<span class="sr-only"> (opens in a new tab)</span>`}
-      </span>
-    `:e`<slot name="end"></slot>`}renderContent(){let o=v(this.icon,this.severity),t=e`
-      <slot name="start">
-        ${o?e`<eun-icon
-              class="auto-icon"
-              name=${o}
-              size="16"
-            ></eun-icon>`:s}
-      </slot>
-      <slot></slot>
-      ${this.renderEndContent()}
-    `;return this.loading?e`
-      <span id="content-hidden" aria-hidden="true">${t}</span>
-      <span id="loader-overlay">
-        <eun-loader label=${this.loadingLabel}></eun-loader>
-        <span class="sr-only" role="status" aria-live="polite"
-          >${this.loadingLabel}</span
-        >
-      </span>
-    `:t}handleLinkClick(o){this.download||f(this,o,this.href,this.target)}render(){let o=this.renderContent(),t=this.disabled||this.loading;if(this.href){let c=this.target==="_blank";return e`
-        <a
-          id="button"
-          href=${n(t?void 0:this.href)}
-          target=${n(this.target)}
-          rel=${n(c?"noopener noreferrer":void 0)}
-          download=${n(this.download)}
-          aria-label=${n(c&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
-          aria-disabled=${n(this.disabled?"true":void 0)}
-          aria-busy=${n(this.loading?"true":void 0)}
-          @click=${this.handleLinkClick}
-        >
-          ${o}
-        </a>
-      `}return e`
-      <div
-        id="button"
-        aria-busy=${n(this.loading?"true":void 0)}
-      >
-        ${o}
-      </div>
-    `}};r.styles=m,i([l({attribute:"loading-label"})],r.prototype,"loadingLabel",2),i([l()],r.prototype,"icon",2),i([l({reflect:!0})],r.prototype,"severity",2),i([l({reflect:!0})],r.prototype,"appearance",2),i([l({type:Boolean,reflect:!0})],r.prototype,"full",2),r=i([d(R)],r);export{R as a,r as b};

package/dist/cdn/components/chunks/chunk-2IQUMAMI.js

@@ -1,38 +0,0 @@
-import{a,g as c,h as n,i as h,n as u,p as g}from"./chunk-XH6NREVZ.js";var T=l=>{class s extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return a([n({type:Boolean,reflect:!0})],s.prototype,"readonly",2),s};function y(l,s,d){return l?s(l):d?.(l)}var q=l=>{class s extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){if(!this.hideError)return this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint}get form(){return this.internals.form}get type(){return this.localName}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value)}willUpdate(e){if(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")){let t=this.checkable?this.checked:this.value;this.checkValidity(t)}super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let i=this.name||this.getAttribute("name");if(!i){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(r=>t.append(i,r instanceof File?r:String(r))):e!=null&&(e instanceof File?t.append(i,e):t.append(i,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.checkable?this.checked=!1:this.value=this.defaultValue}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e&&e.length&&!(this.errorMessages&&this.errorMessages.length)&&!(this.validationMessage||this.validationMessage.length)?u`
-          <p id="description" class="hint-messages">
-            <span>${e}</span>
-          </p>
-        `:this.valid||this.hideError||this.disabled||!e?.length?g:u`
-        <p id="description" class="error-messages">
-          ${y(Array.isArray(e),()=>e.map(i=>u`<span>${i}</span>`),()=>u`<span>${e}</span>`)}
-        </p>
-      `}}return a([n({reflect:!0})],s.prototype,"name",2),a([n()],s.prototype,"hint",2),a([n({type:Boolean,attribute:"hide-error"})],s.prototype,"hideError",2),a([h()],s.prototype,"valueState",2),a([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],s.prototype,"defaultValue",1),a([n()],s.prototype,"value",1),s};var j=l=>{class s extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},i,r=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&r&&(t.valueMissing=!0,i="Field value is missing"),{validity:t,message:i}}checkValidity(e){let t=this.checkLocalValidators(),i=this.buildCommonValidators(),r={...t.validity,...i.validity},o=i.message||t.message;if(this.validators&&this.validators?.length){let f=this.validators.reduce((V,b)=>this.collectErrors(V,b,e),[]);this.errorMessages=f,f.length>0&&(r.customError=!0,o=f.join(" ; "))}else this.errorMessages=[];this.valid=!Object.values(r).some(Boolean);let p=this.getFocusAnchor?.();return this.valid||p||!this.getFocusAnchor?this.setValidity(r,o,p):this.updateComplete.then(()=>this.setValidity(r,o,p)),this.internals.checkValidity()}reportValidity(e){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,i){if("~standard"in t){let r=t["~standard"].validate(i);if(r instanceof Promise)throw new TypeError("Validation schemas must be synchronous");r.issues&&e.push(...r.issues.map(o=>o.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(i,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:i})&&e.push(t.message),e}setValidity(e,t,i){let r=this.validationMessage;this.internals.setValidity(e,t,i),t!==r&&this.requestUpdate("valid")}getValidityData(){return{}}}return a([n({type:Array})],s.prototype,"validators",2),a([n({type:Boolean})],s.prototype,"required",2),a([h()],s.prototype,"valid",2),s};var v=c`
-  #description {
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    display: block;
-    margin-block-start: var(--eun-space-xs, 4px);
-    font-size: var(--eun-fontSize-xs, 12px);
-    margin-block: 0;
-  }
-  #description span {
-    display: block;
-    margin-top: var(--eun-space-xs, 4px);
-  }
-`,M=c`
-  .error-messages {
-    color: var(--_errorColor);
-  }
-`,k=c`
-  .hint-messages {
-    color: var(--_hintColor);
-  }
-`,O={base:v,errorMessages:M,hintMessages:k};export{T as a,y as b,q as c,j as d,O as e};
-/*! Bundled license information:
-
-lit-html/directives/when.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/dist/cdn/components/chunks/chunk-5TH3P53V.js

@@ -1,16 +0,0 @@
-import{n as o,r as f}from"./chunk-XH6NREVZ.js";var N=[{name:"red",label:"Red",text:"#d8291c",highlight:"#fbe0de"},{name:"orange",label:"Orange",text:"#f2790f",highlight:"#fdead4"},{name:"yellow",label:"Yellow",text:"#b18f22",highlight:"#faf3d6"},{name:"green",label:"Green",text:"#1b7a4d",highlight:"#ddf0e6"},{name:"blue",label:"Blue",text:"#148cd2",highlight:"#dcefff"},{name:"purple",label:"Purple",text:"#6d28d9",highlight:"#ece3fc"},{name:"gray",label:"Gray",text:"#484e61",highlight:"#eceef2"}];function p(e){return N.find(t=>t.name===e)}var b=/^\[align:(start|center|end|justify)\]\n?/;function d(e){let t=b.exec(e);return t?{align:t[1],body:e.slice(t[0].length)}:{align:"start",body:e}}function T(e,t){return e==="start"?t:`[align:${e}]
-${t}`}function c(e){let t=[],i="",n=0,r=()=>{i&&(t.push({type:"text",value:i}),i="")};for(;n<e.length;){let a=e.slice(n),s=/^\[([^\]]+)\]\(([^)]+)\)/.exec(a);if(s){r(),t.push({type:"link",href:s[2],children:c(s[1])}),n+=s[0].length;continue}let g=/^\{color=([a-z]+)\}/.exec(a);if(g){let l=e.indexOf("{/color}",n+g[0].length);if(l!==-1){r(),t.push({type:"color",color:g[1],children:c(e.slice(n+g[0].length,l))}),n=l+8;continue}}let u=/^\{highlight=([a-z]+)\}/.exec(a);if(u){let l=e.indexOf("{/highlight}",n+u[0].length);if(l!==-1){r(),t.push({type:"highlight",color:u[1],children:c(e.slice(n+u[0].length,l))}),n=l+12;continue}}if(e.startsWith("***",n)){let l=e.indexOf("***",n+3);if(l!==-1){r(),t.push({type:"bold",children:[{type:"italic",children:c(e.slice(n+3,l))}]}),n=l+3;continue}}if(e.startsWith("**",n)){let l=e.indexOf("**",n+2);if(l!==-1){r(),t.push({type:"bold",children:c(e.slice(n+2,l))}),n=l+2;continue}}if(e.startsWith("__",n)){let l=e.indexOf("__",n+2);if(l!==-1){r(),t.push({type:"underline",children:c(e.slice(n+2,l))}),n=l+2;continue}}if(e[n]==="*"){let l=e.indexOf("*",n+1);if(l!==-1){r(),t.push({type:"italic",children:c(e.slice(n+1,l))}),n=l+1;continue}}i+=e[n],n+=1}return r(),t}function m(e){return e.reduce((t,i)=>i.type==="text"?t+i.value.length:t+m(i.children),0)}function C(e){let{body:t}=d(e),i=t.length?t.split(`
-`):[""];return i.reduce((n,r)=>n+m(c(r)),0)+i.length-1}function h(e){return o`${e.map($)}`}function $(e){switch(e.type){case"text":return e.value;case"bold":return o`<strong>${h(e.children)}</strong>`;case"italic":return o`<em>${h(e.children)}</em>`;case"underline":return o`<u>${h(e.children)}</u>`;case"color":{let t=p(e.color);return o`<span
-        data-color=${e.color}
-        style="color: ${t?.text??"inherit"}"
-        >${h(e.children)}</span
-      >`}case"highlight":{let t=p(e.color);return o`<span
-        data-highlight=${e.color}
-        style="background-color: ${t?.highlight??"transparent"}"
-        >${h(e.children)}</span
-      >`}case"link":return o`<a href=${e.href}>${h(e.children)}</a>`}}function _(e){let{body:t}=d(e),i=[],n=[],r=()=>{n.length&&(i.push(o`<ul>
-        ${n.map(a=>o`<li>${h(c(a))}</li>`)}
-      </ul>`),n=[])};return t.split(`
-`).forEach(a=>{let s=a.trim();if(s.startsWith("- ")){n.push(s.slice(2));return}r(),s&&i.push(o`<p>${h(c(s))}</p>`)}),r(),o`${i}`}function y(e){let t=[];e.childNodes.forEach(i=>{i.nodeType===Node.COMMENT_NODE?t.push(i):y(i)}),t.forEach(i=>e.removeChild(i))}function I(e){let t=document.createElement("div"),i=e.length?e.split(`
-`):[""];f(o`${i.map(r=>o`<p>${h(c(r))}</p>`)}`,t),y(t);let n=Array.from(t.children);return n.forEach(r=>{r.hasChildNodes()||r.appendChild(document.createElement("br"))}),n}function O(e,t){let{align:i,body:n}=d(t);e.style.textAlign=i==="start"?"":i,e.replaceChildren(...I(n))}var E={STRONG:["**","**"],B:["**","**"],EM:["*","*"],I:["*","*"],U:["__","__"]};function x(e){if(e.nodeType===Node.TEXT_NODE)return(e.textContent??"").replace(/\u200B/g,"");if(e.nodeName==="BR"||!(e instanceof HTMLElement))return"";let t=Array.from(e.childNodes).map(x).join(""),i=E[e.tagName];if(i)return`${i[0]}${t}${i[1]}`;if(e.tagName==="A")return`[${t}](${e.getAttribute("href")??""})`;if(e.tagName==="SPAN"){let n=e.dataset.color;if(n)return`{color=${n}}${t}{/color}`;let r=e.dataset.highlight;if(r)return`{highlight=${r}}${t}{/highlight}`}return t}function M(e){let t=Array.from(e.children),i=t.length?t.map(r=>Array.from(r.childNodes).map(x).join("")).join(`
-`):e.textContent??"",n=e.style.textAlign||"start";return T(n,i)}export{N as a,p as b,d as c,C as d,_ as e,O as f,M as g};

package/dist/cdn/components/chunks/chunk-7Q6AHVI5.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk-ONYUXQV2.js";import{a as i,h as a}from"./chunk-XH6NREVZ.js";var l=n=>{class t extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)){if(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.description){let s=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",s)}else this.removeAttribute("aria-description");this.dispatchEvent(new r)}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{l as a};