1import { t as e } from "./PdsElement.fg1U-Tfo.js"; 2import { n as t, t as n } from "./decorate.BRF14qyK.js"; 3import { pdsCustomElement as r } from "./pds-custom-element.js"; 4import "./loader.D0-TS-oK.js"; 5import { t as i } from "./dispatch-pds-event.Tov37X-G.js"; 6import { t as a } from "./pds-debug-mode-error-message.CuSeq9Cd.js"; 7import { t as o } from "./get-aria-described-by-element-ids.hzNVmDc1.js"; 8import "./dist.BlG-qk9u.js"; 9import { html as s, nothing as c } from "lit"; 10import { property as l, query as u, queryAssignedElements as d, state as f } from "lit/decorators.js"; 11import { ifDefined as p } from "lit/directives/if-defined.js"; 12//#region packages/web-components/src/lib/components/button/button.scss?inline 13var m = "*,::slotted(*),*:before,*:after{box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pds-u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pds-u-focus-visible-only:focus:not(:focus-visible){outline:none!important}.pds-c-button:not(.pds-c-button--link){font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);padding:9px 32px;display:inline-flex;align-items:center;white-space:normal;border-radius:28px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.pds-c-button:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button:not(.pds-c-button--link).pds-hover:not([aria-disabled]){text-decoration:none;cursor:pointer}}.pds-c-button:not(.pds-c-button--link):active{outline:none;cursor:pointer}.pds-c-button:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button:not(.pds-c-button--link),.pds-c-button:not(.pds-c-button--link):active:not([aria-disabled]),.pds-c-button:not(.pds-c-button--link):focus:not([aria-disabled]){text-decoration:none;cursor:pointer}.pds-c-button--sm:not(.pds-c-button--link){font-weight:var(--pds-semantic-type-label-sm-font-weight);font-size:var(--pds-semantic-type-label-sm-font-size);line-height:var(--pds-semantic-type-label-sm-line-height);font-family:var(--pds-semantic-type-label-sm-font-family);letter-spacing:var(--pds-semantic-type-label-sm-letter-spacing);text-transform:var(--pds-semantic-type-label-sm-text-transform);padding:3px 16px}.pds-c-button--primary:not(.pds-c-button--link){--pds-internal-icon-color-override: var(--pds-component-button-primary-text);background-color:var(--pds-component-button-primary-background);color:var(--pds-component-button-primary-text);border:1px solid var(--pds-component-button-primary-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--primary:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--primary:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-primary-hover-text );color:var(--pds-component-button-primary-hover-text);background-color:var(--pds-component-button-primary-hover-background);border-color:var(--pds-component-button-primary-hover-border)}}.pds-c-button--primary:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-primary-active-text );color:var(--pds-component-button-primary-active-text);background-color:var(--pds-component-button-primary-active-background);outline:none;border-color:var(--pds-component-button-primary-active-border)}.pds-c-button--primary:not(.pds-c-button--link):focus{outline:none}.pds-c-button--primary:not(.pds-c-button--link):focus-visible{--pds-internal-icon-color-override: var(--pds-component-button-primary-text);color:var(--pds-component-button-primary-text);outline:none;position:relative}.pds-c-button--primary:not(.pds-c-button--link):focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-primary-inverted-text );background-color:var(--pds-component-button-primary-inverted-background);color:var(--pds-component-button-primary-inverted-text);border:1px solid var(--pds-component-button-primary-inverted-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-primary-inverted-hover-text );background-color:var(--pds-component-button-primary-inverted-hover-background);color:var(--pds-component-button-primary-inverted-hover-text);border-color:var(--pds-component-button-primary-inverted-hover-border)}}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-primary-inverted-active-text );background-color:var(--pds-component-button-primary-inverted-active-background);color:var(--pds-component-button-primary-inverted-active-text);border-color:var(--pds-component-button-primary-inverted-active-border)}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):focus{outline:none}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-primary-inverted-text );color:var(--pds-component-button-primary-inverted-text);outline:none;position:relative}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]):before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-component-button-default-inverted-active-border)}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]{--pds-internal-icon-color-override: var(--pds-component-button-primary-text);color:var(--pds-component-button-primary-text);outline:none;position:relative}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--primary.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--default:not(.pds-c-button--link){--pds-internal-icon-color-override: var(--pds-component-button-default-text);background-color:var(--pds-component-button-default-background);color:var(--pds-component-button-default-text);border:1px solid var(--pds-component-button-default-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--default:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--default:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-hover-text );border-color:var(--pds-component-button-default-hover-border);background-color:var(--pds-component-button-default-hover-background);color:var(--pds-component-button-default-hover-text)}}.pds-c-button--default:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-active-text );border-color:var(--pds-component-button-default-active-border);background-color:var(--pds-component-button-default-active-background);color:var(--pds-component-button-default-active-text)}.pds-c-button--default:not(.pds-c-button--link):focus{outline:none}.pds-c-button--default:not(.pds-c-button--link):focus-visible{outline:none;position:relative}.pds-c-button--default:not(.pds-c-button--link):focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-text );background-color:var(--pds-component-button-default-inverted-background);color:var(--pds-component-button-default-inverted-text);border:1px solid var(--pds-component-button-default-inverted-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-hover-text );color:var(--pds-component-button-default-inverted-hover-text);border-color:var(--pds-component-button-default-inverted-hover-border);background:var(--pds-component-button-default-inverted-hover-background)}}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-active-text );color:var(--pds-component-button-default-inverted-active-text);border-color:var(--pds-component-button-default-inverted-active-border);outline:none;background:var(--pds-component-button-default-inverted-active-background)}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):focus{outline:none}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-text );color:var(--pds-component-button-default-inverted-text);outline:none;position:relative}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]):before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-inverted)}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]{outline:none;position:relative}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--icon:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-icon-icon-stroke );border-radius:50%;padding:12px;border:var(--pds-component-button-icon-border);background:var(--pds-component-button-icon-background);color:var(--pds-component-button-icon-icon-stroke)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-hover-icon-stroke );color:var(--pds-component-button-icon-hover-icon-stroke);background-color:var(--pds-component-button-icon-hover-background);border-color:var(--pds-component-button-icon-hover-border)}}.pds-c-button--icon:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--icon:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-active-icon-stroke );cursor:pointer;color:var(--pds-component-button-icon-active-icon-stroke);background-color:var(--pds-component-button-icon-active-background);border-color:var(--pds-component-button-icon-active-border);outline:none}.pds-c-button--icon:not(.pds-c-button--link):focus{outline:none}.pds-c-button--icon:not(.pds-c-button--link):focus-visible{outline:none;position:relative}.pds-c-button--icon:not(.pds-c-button--link):focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--icon:not(.pds-c-button--link).pds-c-button--sm{padding:6px;position:relative}.pds-c-button--icon:not(.pds-c-button--link).pds-c-button--sm:after{content:\"\";position:absolute;
13left:-5px;width:44px;height:44px}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-icon-stroke );border-radius:50%;padding:12px;background-color:var(--pds-component-button-icon-inverted-background);color:var(--pds-component-button-icon-inverted-icon-stroke);border:var(--pds-component-button-icon-inverted-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-hover-icon-stroke );background:var(--pds-component-button-icon-inverted-hover-background);color:var(--pds-component-button-icon-inverted-hover-icon-stroke);border:var(--pds-component-button-icon-inverted-hover-border)}}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]:active{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text)}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):active{--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-active-icon-stroke );outline:none;background:var(--pds-component-button-icon-inverted-active-background);color:var(--pds-component-button-icon-inverted-active-icon-stroke);border:var(--pds-component-button-icon-inverted-active-border)}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):focus{outline:none}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-text );color:var(--pds-component-button-default-inverted-text);outline:none;position:relative}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]):before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-inverted)}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]{outline:none;position:relative}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link).pds-c-button--sm{padding:6px}.pds-c-button--icon-strong:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-icon-icon-stroke );border-radius:50%;padding:12px;border:var(--pds-component-button-icon-border);background:var(--pds-component-button-icon-background);color:var(--pds-component-button-icon-icon-stroke)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon-strong:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon-strong:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-hover-icon-stroke );color:var(--pds-component-button-icon-hover-icon-stroke);background-color:var(--pds-component-button-icon-hover-background);border-color:var(--pds-component-button-icon-hover-border)}}.pds-c-button--icon-strong:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--icon-strong:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-active-icon-stroke );cursor:pointer;color:var(--pds-component-button-icon-active-icon-stroke);background-color:var(--pds-component-button-icon-active-background);border-color:var(--pds-component-button-icon-active-border);outline:none}.pds-c-button--icon-strong:not(.pds-c-button--link):focus{outline:none}.pds-c-button--icon-strong:not(.pds-c-button--link):focus-visible{outline:none;position:relative}.pds-c-button--icon-strong:not(.pds-c-button--link):focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--icon-strong:not(.pds-c-button--link).pds-c-button--sm{padding:6px;position:relative}.pds-c-button--icon-strong:not(.pds-c-button--link).pds-c-button--sm:after{content:\"\";position:absolute;
13left:-5px;width:44px;height:44px}.pds-c-button--icon-strong:not(.pds-c-button--link){border:1px solid var(--pds-component-button-icon-strong-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon-strong:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon-strong:not(.pds-c-button--link).pds-hover:not([aria-disabled]){border-color:var(--pds-component-button-icon-strong-hover-border)}}.pds-c-button--icon-strong:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-active-icon-stroke );cursor:pointer;color:var(--pds-component-button-icon-active-icon-stroke);background-color:var(--pds-component-button-icon-active-background);border-color:var(--pds-component-button-icon-active-border);outline:none;border-color:var(--pds-component-button-icon-strong-active-border)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link){--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-icon-stroke );border-radius:50%;padding:12px;background-color:var(--pds-component-button-icon-inverted-background);color:var(--pds-component-button-icon-inverted-icon-stroke);border:var(--pds-component-button-icon-inverted-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link).pds-hover:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-hover-icon-stroke );background:var(--pds-component-button-icon-inverted-hover-background);color:var(--pds-component-button-icon-inverted-hover-icon-stroke);border:var(--pds-component-button-icon-inverted-hover-border)}}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link)[aria-disabled]:active{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-icon-disabled-background);border-color:var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):active{--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-active-icon-stroke );outline:none;background:var(--pds-component-button-icon-inverted-active-background);color:var(--pds-component-button-icon-inverted-active-icon-stroke);border:var(--pds-component-button-icon-inverted-active-border)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):focus{outline:none}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-text );color:var(--pds-component-button-default-inverted-text);outline:none;position:relative}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):focus-visible:not([aria-disabled]):before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-inverted)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]{outline:none;position:relative}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):focus-visible[aria-disabled]:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link).pds-c-button--sm{padding:6px}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link){border:1px solid var(--pds-component-button-icon-strong-inverted-border)}@media(hover:hover)and (pointer:fine){.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):hover:not([aria-disabled]),.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link).pds-hover:not([aria-disabled]){border:1px solid var(--pds-component-button-icon-strong-inverted-hover-border)}}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link):active:not([aria-disabled]){--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-active-icon-stroke );outline:none;background:var(--pds-component-button-icon-inverted-active-background);color:var(--pds-component-button-icon-inverted-active-icon-stroke);border:var(--pds-component-button-icon-inverted-active-border);border:1px solid var(--pds-component-button-icon-strong-inverted-active-border)}.pds-c-button--link-default{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default) );
13font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);color:var(--pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default));text-decoration:none;border-bottom:none;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.pds-c-button--link-default:hover{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}}.pds-c-button--link-default.pds-c-link--hover,.pds-c-button--link-default:active{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-default:visited{color:var(--pds-component-link-visited)}.pds-c-button--link-default:focus-visible{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );outline:none;position:relative;text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-default:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-internal-link-focus-indicator-override, var(--pds-semantic-focus-indicator-default))}.pds-c-button--link-default{background:none;border:none;margin:0;cursor:pointer;padding:9px 32px;outline:1px solid transparent;border-radius:28px;color:var(--pds-component-button-link-text);border-color:var(--pds-component-button-link-border);background-color:var(--pds-component-button-link-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-default:hover,.pds-c-button--link-default.pds-hover{color:var(--pds-component-button-link-hover-text);border-color:var(--pds-component-button-link-hover-border);text-decoration:none;text-underline-offset:auto}}.pds-c-button--link-default:focus{outline:none}.pds-c-button--link-default:focus-visible{outline:none;position:relative}.pds-c-button--link-default:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--link-default:active{color:var(--pds-component-button-link-active-text);border-color:var(--pds-component-button-link-active-border);text-decoration:none;text-underline-offset:auto}.pds-c-button--link-default[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);outline:1px solid var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pds-c-button--link-default[aria-disabled]:hover,.pds-c-button--link-default[aria-disabled].pds-hover{background-color:var(--pds-component-button-disabled-background)}}.pds-c-button--link-default[aria-disabled]:active{background-color:var(--pds-component-button-disabled-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-default:hover,.pds-c-button--link-default.pds-hover{background-color:var(--pds-component-button-link-hover-background)}}.pds-c-button--link-default:focus-visible{text-decoration:none;background-color:var(--pds-component-button-link-hover-background)}.pds-c-button--link-default:active{background-color:var(--pds-component-button-link-active-background)}.pds-c-button--link.pds-c-button--sm{font-weight:var(--pds-semantic-type-label-sm-font-weight);font-size:var(--pds-semantic-type-label-sm-font-size);line-height:var(--pds-semantic-type-label-sm-line-height);font-family:var(--pds-semantic-type-label-sm-font-family);letter-spacing:var(--pds-semantic-type-label-sm-letter-spacing);text-transform:var(--pds-semantic-type-label-sm-text-transform);padding:3px 16px}.pds-c-button--link.pds-c-button--inverted{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default) );
13font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);color:var(--pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default));text-decoration:none;border-bottom:none;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted:hover{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}}.pds-c-button--link.pds-c-button--inverted.pds-c-link--hover,.pds-c-button--link.pds-c-button--inverted:active{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link.pds-c-button--inverted:visited{color:var(--pds-component-link-visited)}.pds-c-button--link.pds-c-button--inverted:focus-visible{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );outline:none;position:relative;text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link.pds-c-button--inverted:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-internal-link-focus-indicator-override, var(--pds-semantic-focus-indicator-default))}.pds-c-button--link.pds-c-button--inverted{background:none;border:none;margin:0;cursor:pointer;padding:9px 32px;outline:1px solid transparent;border-radius:28px;color:var(--pds-component-button-link-text);border-color:var(--pds-component-button-link-border);background-color:var(--pds-component-button-link-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted:hover,.pds-c-button--link.pds-c-button--inverted.pds-hover{color:var(--pds-component-button-link-hover-text);border-color:var(--pds-component-button-link-hover-border);text-decoration:none;text-underline-offset:auto}}.pds-c-button--link.pds-c-button--inverted:focus-visible{outline:none;position:relative}.pds-c-button--link.pds-c-button--inverted:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--link.pds-c-button--inverted:active{color:var(--pds-component-button-link-active-text);border-color:var(--pds-component-button-link-active-border);text-decoration:none;text-underline-offset:auto}.pds-c-button--link.pds-c-button--inverted[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);outline:1px solid var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted[aria-disabled]:hover,.pds-c-button--link.pds-c-button--inverted[aria-disabled].pds-hover{background-color:var(--pds-component-button-disabled-background)}}.pds-c-button--link.pds-c-button--inverted{--pds-internal-icon-color-override: var( --pds-semantic-text-interactive-inverted-default );color:var(--pds-semantic-text-interactive-inverted-default)}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted:hover{--pds-internal-icon-color-override: var( --pds-semantic-text-interactive-inverted-xstrong );color:var(--pds-semantic-text-interactive-inverted-xstrong)}}.pds-c-button--link.pds-c-button--inverted.pds-c-link--hover,.pds-c-button--link.pds-c-button--inverted.pds-hover,.pds-c-button--link.pds-c-button--inverted:active{--pds-internal-icon-color-override: var( --pds-semantic-text-interactive-inverted-xstrong );color:var(--pds-semantic-text-interactive-inverted-xstrong)}.pds-c-button--link.pds-c-button--inverted:visited{color:var(--pds-component-link-inverted-visited)}.pds-c-button--link.pds-c-button--inverted:focus{outline:none}.pds-c-button--link.pds-c-button--inverted:focus-visible{--pds-internal-icon-color-override: var( --pds-semantic-text-interactive-inverted-xstrong );outline:none;position:relative;text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-inverted-focused-alt, var(--pds-semantic-text-interactive-inverted-xstrong))}.pds-c-button--link.pds-c-button--inverted:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-inverted)}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted:hover,.pds-c-button--link.pds-c-button--inverted.pds-hover{background-color:var(--pds-component-button-link-inverted-hover-background)}}.pds-c-button--link.pds-c-button--inverted:focus-visible{text-decoration:none;background-color:var(--pds-component-button-link-inverted-hover-background)}.pds-c-button--link.pds-c-button--inverted:active{background-color:var(--pds-component-button-link-inverted-active-background)}.pds-c-button--link.pds-c-button--inverted[aria-disabled]{background-color:var(--pds-component-button-disabled-background);border:1px solid var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--inverted[aria-disabled]:hover{background-color:var(--pds-component-button-disabled-background)}}.pds-c-button--link.pds-c-button--inverted[aria-disabled]:active{background-color:var(--pds-component-button-disabled-background)}.pds-c-button--link.pds-c-button--inverted.pds-c-button--sm{font-weight:var(--pds-semantic-type-label-sm-font-we
13ight);font-size:var(--pds-semantic-type-label-sm-font-size);line-height:var(--pds-semantic-type-label-sm-line-height);font-family:var(--pds-semantic-type-label-sm-font-family);letter-spacing:var(--pds-semantic-type-label-sm-letter-spacing);text-transform:var(--pds-semantic-type-label-sm-text-transform);padding:3px 16px}.pds-c-button--link.pds-c-button--inverted.pds-c-button--sm.pds-c-button--remove-link-padding{padding:0}.pds-c-button--link-icon-left{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default) );font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);color:var(--pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default));text-decoration:none;border-bottom:none;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-left:hover{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}}.pds-c-button--link-icon-left.pds-c-link--hover,.pds-c-button--link-icon-left:active{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-icon-left:visited{color:var(--pds-component-link-visited)}.pds-c-button--link-icon-left:focus-visible{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );outline:none;position:relative;text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-icon-left:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-internal-link-focus-indicator-override, var(--pds-semantic-focus-indicator-default))}.pds-c-button--link-icon-left{background:none;border:none;margin:0;cursor:pointer;padding:9px 32px;outline:1px solid transparent;border-radius:28px;color:var(--pds-component-button-link-text);border-color:var(--pds-component-button-link-border);background-color:var(--pds-component-button-link-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-left:hover,.pds-c-button--link-icon-left.pds-hover{color:var(--pds-component-button-link-hover-text);border-color:var(--pds-component-button-link-hover-border);text-decoration:none;text-underline-offset:auto}}.pds-c-button--link-icon-left:focus{outline:none}.pds-c-button--link-icon-left:focus-visible{outline:none;position:relative}.pds-c-button--link-icon-left:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--link-icon-left:active{color:var(--pds-component-button-link-active-text);border-color:var(--pds-component-button-link-active-border);text-decoration:none;text-underline-offset:auto}.pds-c-button--link-icon-left[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);outline:1px solid var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-left[aria-disabled]:hover,.pds-c-button--link-icon-left[aria-disabled].pds-hover{background-color:var(--pds-component-button-disabled-background)}}.pds-c-button--link-icon-left[aria-disabled]:active{background-color:var(--pds-component-button-disabled-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-left:hover,.pds-c-button--link-icon-left.pds-hover{background-color:var(--pds-component-button-link-hover-background)}}.pds-c-button--link-icon-left:focus-visible{text-decoration:none;background-color:var(--pds-component-button-link-hover-background)}.pds-c-button--link-icon-left:active{background-color:var(--pds-component-button-link-active-background)}.pds-c-button--link-icon-right{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default) );
13font-weight:var(--pds-semantic-type-label-default-font-weight);font-size:var(--pds-semantic-type-label-default-font-size);line-height:var(--pds-semantic-type-label-default-line-height);font-family:var(--pds-semantic-type-label-default-font-family);letter-spacing:var(--pds-semantic-type-label-default-letter-spacing);text-transform:var(--pds-semantic-type-label-default-text-transform);color:var(--pds-internal-link-text-alt, var(--pds-semantic-text-interactive-default));text-decoration:none;border-bottom:none;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-right:hover{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}}.pds-c-button--link-icon-right.pds-c-link--hover,.pds-c-button--link-icon-right:active{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-icon-right:visited{color:var(--pds-component-link-visited)}.pds-c-button--link-icon-right:focus-visible{--pds-internal-icon-color-override: var( --pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong) );outline:none;position:relative;text-decoration:underline;text-underline-offset:6px;color:var(--pds-internal-link-text-alt-hover, var(--pds-semantic-text-interactive-xstrong))}.pds-c-button--link-icon-right:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-internal-link-focus-indicator-override, var(--pds-semantic-focus-indicator-default))}.pds-c-button--link-icon-right{background:none;border:none;margin:0;cursor:pointer;padding:9px 32px;outline:1px solid transparent;border-radius:28px;color:var(--pds-component-button-link-text);border-color:var(--pds-component-button-link-border);background-color:var(--pds-component-button-link-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-right:hover,.pds-c-button--link-icon-right.pds-hover{color:var(--pds-component-button-link-hover-text);border-color:var(--pds-component-button-link-hover-border);text-decoration:none;text-underline-offset:auto}}.pds-c-button--link-icon-right:focus{outline:none}.pds-c-button--link-icon-right:focus-visible{outline:none;position:relative}.pds-c-button--link-icon-right:focus-visible:before{content:\"\";position:absolute;inset:-2px;border:2px solid var(--pds-semantic-focus-indicator-default)}.pds-c-button--link-icon-right:active{color:var(--pds-component-button-link-active-text);border-color:var(--pds-component-button-link-active-border);text-decoration:none;text-underline-offset:auto}.pds-c-button--link-icon-right[aria-disabled]{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );background-color:var(--pds-component-button-disabled-background);outline:1px solid var(--pds-component-button-disabled-border);color:var(--pds-component-button-disabled-text);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-right[aria-disabled]:hover,.pds-c-button--link-icon-right[aria-disabled].pds-hover{background-color:var(--pds-component-button-disabled-background)}}.pds-c-button--link-icon-right[aria-disabled]:active{background-color:var(--pds-component-button-disabled-background)}@media(hover:hover)and (pointer:fine){.pds-c-button--link-icon-right:hover,.pds-c-button--link-icon-right.pds-hover{background-color:var(--pds-component-button-link-hover-background)}}.pds-c-button--link-icon-right:focus-visible{text-decoration:none;background-color:var(--pds-component-button-link-hover-background)}.pds-c-button--link-icon-right:active{background-color:var(--pds-component-button-link-active-background)}.pds-c-button--link.pds-c-button--remove-link-padding{padding:0}@media(hover:hover)and (pointer:fine){.pds-c-button--link.pds-c-button--remove-link-padding:hover,.pds-c-button--link.pds-c-button--remove-link-padding.pds-hover{background-color:transparent}}.pds-c-button--fullWidth{width:100%;justify-content:center}.pds-c-button--default:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-default-active-text );border-color:var(--pds-component-button-default-active-border);background-color:var(--pds-component-button-default-active-background);color:var(--pds-component-button-default-active-text)}.pds-c-button--default.pds-c-button--inverted:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-default-inverted-active-text );color:var(--pds-component-button-default-inverted-active-text);border-color:var(--pds-component-button-default-inverted-active-border);outline:none;background:var(--pds-component-button-default-inverted-active-background)}.pds-c-button--icon:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-icon-active-icon-stroke );cursor:pointer;color:var(--pds-component-button-icon-active-icon-stroke);background-color:var(--pds-component-button-icon-active-background);border-color:var(--pds-component-button-icon-active-border);outline:none}.pds-c-button--icon.pds-c-button--inverted:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-active-icon-stroke );outline:none;background:var(--pds-component-button-icon-inverted-active-background);color:var(--pds-component-button-icon-inverted-active-icon-stroke);border:var(--pds-component-button-icon-inverted-active-border)}.pds-c-button--icon-strong:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-icon-active-icon-stroke );cursor:pointer;color:var(--pds-component-button-icon-active-icon-stroke);background-color:var(--pds-component-button-icon-active-background);border-color:var(--pds-component-button-icon-active-border);outline:none;border-color:var(--pds-component-button-icon-strong-active-border)}.pds-c-button--icon-strong.pds-c-button--inverted:not(.pds-c-button--link).pds-is-active{--pds-internal-icon-color-override: var( --pds-component-button-icon-inverted-active-icon-stroke );outline:none;background:var(--pds-component-button-icon-inverted-active-background);color:var(--pds-component-button-icon-inverted-active-icon-stroke);border:var(--pds-component-button-icon-inverted-active-border);border:1px solid var(--pds-component-button-icon-strong-inverted-active-border)}.pds-c-button--loading:not(.pds-c-button--link):not(.pds-c-button--icon){--pds-internal-icon-color-override: var(--pds-component-button-disabled-text);background-color:var(--pds-component-button-disabled-background);color:var(--pds-component-button-disabled-text);cursor:not-allowed!important;border:1px solid var(--pds-component-button-disabled-border);gap:8px;padding:9px 32px 9px 28px;vertical-align:middle}.pds-c-button--loading:not(.pds-c-button--link):not(.pds-c-button--icon).pds-c-button--sm{padding:3px 16px 3px 14px}.pds-c-button--loading:not(.pds-c-button--link):not(.pds-c-button--icon) pds-icon-loader{--pds-internal-icon-color-override: var( --pds-component-button-disabled-text );animation:spin 2.5s linear infinite}@media(prefers-reduced-motion:reduce){.pds-c-button--loading:not(.pds-c-button--link):not(.pds-c-button--icon) pds-icon-loader{animation:none}}.pds-c-button__disabled-context{font-weight:var(--pds-semantic-type-body-default-font-we
13ight);font-size:var(--pds-semantic-type-body-default-font-size);line-height:var(--pds-semantic-type-body-default-line-height);font-family:var(--pds-semantic-type-body-default-font-family);letter-spacing:var(--pds-semantic-type-body-default-letter-spacing);text-transform:var(--pds-semantic-type-body-default-text-transform);position:absolute;display:none;width:max-content;background:var(--pds-semantic-floating-container-default-background);color:var(--pds-semantic-text-inverted-default);padding:12px;border:1px solid var(--pds-semantic-floating-container-default-border);border-radius:4px;box-shadow:var(--pds-semantic-shadow-outer-default-md);margin-top:8px}.pds-c-button--inverted+.pds-c-button__disabled-context{background:var(--pds-semantic-floating-container-subtle-background);color:var(--pds-semantic-text-default);border:1px solid var(--pds-semantic-floating-container-subtle-border)}button:focus-visible[aria-disabled]+.pds-c-button__disabled-context,button:hover[aria-disabled]+.pds-c-button__disabled-context,button.pds-hover[aria-disabled]+.pds-c-button__disabled-context{display:block;width:fit-content;max-width:320px;z-index:var(--pds-tooltip-z-index, 1400)}.pds-c-button--link-icon-left ::slotted(*:first-child){margin-right:8px}.pds-c-button--link-icon-right ::slotted(*:last-child){margin-left:8px}.pds-c-button *{pointer-events:none}.pds-c-button slot[name=icon-left]::slotted(*){margin-right:8px}.pds-c-button slot[name=icon-right]::slotted(*){margin-left:8px}", h = ["default", "sm"], g = class extends e { 14 static { 15 this.formAssociated = !0; 16 } 17 constructor() { 18 super(), this.variant = "default", this.inverted = !1, this.size = "default", this.disabled = !1, this.fullWidth = !1, this.type = "submit", this.link = "", this.removeLinkPadding = !1, this.isActive = !1, this.isValidButton = !0, this.internals = this.attachInternals(); 19 }
20 handleSlotChange(e) { 21 this.handleSlotValidation(e), this.verifyAria(), this.addSizeToButtonIcon(); 22 } 23 addSizeToButtonIcon() { 24 let e = [ 25 ...this.iconLeftList, 26 ...this.iconRightList, 27 ...this.defaultSlotElements 28 ]; 29 e && e.length && e.forEach((e) => { 30 e.tagName.toLowerCase().includes("pds-icon") && (this.variant === "icon" || this.variant === "icon-strong" ? h.includes(this.size) ? e.setAttribute("size", this.size === "sm" ? "default" : "lg") : e.setAttribute("size", "lg") : h.includes(this.size) ? e.setAttribute("size", this.size) : e.setAttribute("size", "default")); 31 }); 32 } 33 handleClick(e) { 34 let t; 35 if (t = this.textContent?.trim() === "" ? this.ariaLabel : this.textContent, this.disabled) { 36 e.preventDefault(); 37 return; 38 } 39 let n = new CustomEvent("PdsButtonClick", { 40 bubbles: !0, 41 composed: !0, 42 cancelable: !0, 43 detail: { summary: t } 44 }); 45 i(n, this), n.defaultPrevented ? e.preventDefault() : this.submitOrResetAssociatedForm(); 46 } 47 handleKeydown(e) { 48 if ((this.variant === "loading" || this.disabled) && e.key !== "Tab") { 49 e.preventDefault(); 50 return; 51 } 52 (e.key === "Enter" || e.key === " ") && this.submitOrResetAssociatedForm(); 53 } 54 submitOrResetAssociatedForm() { 55 this.type === "submit" && (this.internals.form?.requestSubmit ? this.internals.form.requestSubmit() : this.internals.form?.submit()), this.type === "reset" && this.internals.form?.reset(); 56 } 57 verifyAria() { 58 let e = !!this.ariaLabel || !!this.textContent?.trim(); 59 return e || (this.errorDetailsMessage.push("Button text is required as an ariaLabel property or as a slot but is undefined."), this.isValidButton = !1), e; 60 } 61 get classNames() { 62 return { 63 inverted: !!this.inverted, 64 [this.variant]: !!this.variant, 65 sm: this.size === "sm", 66 "is-active": this.isActive, 67 link: !!this.link, 68 [`link-${this.link}`]: !!this.link, 69 "remove-link-padding": this.removeLinkPadding, 70 fullWidth: this.fullWidth === !0 71 }; 72 } 73 async firstUpdated() { 74 super.firstUpdated(), this.handleSlotValidation("icon-left"), this.handleSlotValidation("icon-right"), this.handleSlotValidation(), await this.updateComplete, this.verifyAria(), this.addSizeToButtonIcon(); 75 } 76 async updated(e) { 77 if (await this.updateComplete, this.addSizeToButtonIcon(), e.has("variant")) { 78 let t = e.get("variant"); 79 this.variant === "loading" && t !== "loading" ? (this.preLoadingDisabledState = this.disabled, this.preLoadingDisabledContext = this.disabledContext, this.disabled = !0, this.disabledContext = this.translateText("loading")) : t === "loading" && this.variant !== "loading" && (this.disabled = this.preLoadingDisabledState || !1, this.disabledContext = this.preLoadingDisabledContext || ""); 80 } 81 if (e.has("disabled") && this.disabled && (this.isActive = !1), e.has("ariaDescribedbyIds") || e.has("disabledContext")) { 82 let e = o(this); 83 this.button.setAttribute("aria-describedby", e); 84 } 85 } 86 render() { 87 return this.isValidButton ? s`<button 88 class=${this.getClass()} 89 ?aria-disabled=${this.disabled} 90 part="button" 91 title=${this.variant === "icon" || this.variant === "icon-strong" ? p(this.ariaLabel) : c} 92 ?inverted=${this.inverted} 93 aria-label=${p(this.ariaLabel)} 94 aria-controls=${p(this.ariaControls)} 95 aria-expanded=${this.ariaExpanded ? this.ariaExpanded : c} 96 form=${this.form ? this.form : c} 97 aria-pressed=${this.ariaPressed ? this.ariaPressed : c} 98 type=${this.type} 99 @click=${this.handleClick} 100 @keydown=${this.handleKeydown} 101 > 102 ${this.variant === "loading" ? s`<pds-icon-loader size="${this.size}"></pds-icon-loader>` : ""} 103 ${this.slotNotEmpty("icon-left") ? s`<slot 104 allowed-elements="pds-icon" 105 name="icon-left" 106 @slotchange=${this.handleSlotChange} 107 ></slot>` : ""} 108 <slot @slotchange=${this.handleSlotChange}></slot>${this.disabled ? s` <span class="pds-u-sr-only" 109 >, ${this.translateText("disabled")}</span 110 >` : ""} 111 ${this.slotNotEmpty("icon-right") ? s`<slot 112 allowed-elements="pds-icon" 113 name="icon-right"
114 @slotchange=${this.handleSlotChange} 115 ></slot>` : ""}</button 116 >${this.disabledContext && s`<div 117 id="disabled-context" 118 class="${this.classEl("disabled-context")}" 119 > 120 ${this.disabledContext} 121 </div>`}` : a("pds-button", this.errorDetailsMessage); 122 } 123}; 124n([l(), t("design:type", Object)], g.prototype, "variant", void 0), n([l({ 125 type: Boolean, 126 reflect: !0 127}), t("design:type", Boolean)], g.prototype, "inverted", void 0), n([l(), t("design:type", Object)], g.prototype, "size", void 0), n([l({ type: Boolean }), t("design:type", Boolean)], g.prototype, "disabled", void 0), n([l(), t("design:type", String)], g.prototype, "disabledContext", void 0), n([l({ type: Boolean }), t("design:type", Boolean)], g.prototype, "fullWidth", void 0), n([l({ reflect: !0 }), t("design:type", String)], g.prototype, "type", void 0), n([l(), t("design:type", String)], g.prototype, "link", void 0), n([l({ type: Boolean }), t("design:type", Boolean)], g.prototype, "removeLinkPadding", void 0), n([l({ 128 type: String, 129 reflect: !0 130}), t("design:type", String)], g.prototype, "ariaLabel", void 0), n([l({ type: String }), t("design:type", String)], g.prototype, "ariaControls", void 0), n([l({ type: String }), t("design:type", String)], g.prototype, "ariaExpanded", void 0), n([l({ type: String }), t("design:type", String)], g.prototype, "ariaPressed", void 0), n([l(), t("design:type", String)], g.prototype, "ariaDescribedbyIds", void 0), n([l({ 131 type: String, 132 reflect: !0 133}), t("design:type", String)], g.prototype, "form", void 0), n([l({ type: Boolean }), t("design:type", Boolean)], g.prototype, "isActive", void 0), n([u("button"), t("design:type", typeof HTMLButtonElement > "u" ? Object : HTMLButtonElement)], g.prototype, "button", void 0), n([d({ slot: "icon-left" }), t("design:type", Array)], g.prototype, "iconLeftList", void 0), n([d({ slot: "icon-right" }), t("design:type", Array)], g.prototype, "iconRightList", void 0), n([f(), t("design:type", Boolean)], g.prototype, "isValidButton", void 0), n([d({ slot: void 0 }), t("design:type", Array)], g.prototype, "defaultSlotElements", void 0), g = n([r("pds-button", { 134 category: "component", 135 type: "component", 136 state: "stable", 137 styles: m 138}), t("design:paramtypes", [])], g); 139//#endregion 140export { g as t }; 141 142//# sourceMappingURL=button.wr9T9ZtJ.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.