@eunomia/elements 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/cdn/components/chunks/chunk-Z6PJYSC3.js

@@ -1,622 +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-0, #ffffff);
-    --_mainColor-hover: var(--eun-color-grey-200, #ecedf0);
-    --_mainColor-active: var(--eun-color-grey-300, #dee0e7);
-    --_mainColor-text: var(--eun-color-grey-900, #000000);
-    --_mainColor-outline: var(--eun-color-grey-500, #8d93aa);
-  }
-  :host([variant="medium"]) {
-    --_mainColor: color-mix(
-      in srgb,
-      var(--eun-color-grey-700, #484e61) 20%,
-      transparent
-    );
-    --_mainColor-hover: color-mix(
-      in srgb,
-      var(--eun-color-grey-700, #484e61) 30%,
-      transparent
-    );
-    --_mainColor-active: color-mix(
-      in srgb,
-      var(--eun-color-grey-700, #484e61) 40%,
-      transparent
-    );
-    --_mainColor-text: var(--eun-color-grey-900, #000000);
-    --_mainColor-outline: var(--eun-color-grey-700, #484e61);
-  }
-  :host([variant="dark"]) {
-    --_mainColor: var(--eun-color-grey-800, #071621);
-    --_mainColor-hover: var(--eun-color-grey-900, #000000);
-    --_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%;
-  }
-  :host([full]) #button {
-    justify-content: center;
-  }
-`,R=a`
-  @supports (width: if(style(--a: b): 1px; else: 2px)) {
-    :host {
-      width: if(style(--button-full: true): 100%; else: auto);
-    }
-    #button {
-      justify-content: if(style(--button-full: true): center; else: normal);
-    }
-  }
-`,m=[_,g,C,y,k,w,x,S,z,R,$];var L="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(L)],r);export{L as a,r as b};