dap-design-system 0.62.4 → 0.63.0

package/dist/components/datepicker/datepicker.scss.js

@@ -1,4 +1,4 @@
-const d = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-combobox-background: var(--dds-fields-background-default);--dds-combobox-border-color: var(--dds-border-neutral-base);--dds-combobox-border-width: var(--dds-border-width-base, 1px);--dds-combobox-border-radius: var(--dds-radius-base);--dds-combobox-text-color: var(--dds-text-neutral-base);--dds-combobox-placeholder-color: var(--dds-text-neutral-subtle);--dds-combobox-disabled-background: var(--dds-background-neutral-stronger);--dds-combobox-disabled-text: var(--dds-text-neutral-disabled);--dds-combobox-error-border: var(--dds-border-negative-base);--dds-combobox-success-border: var(--dds-border-positive-base);--dds-combobox-icon-color: var(--dds-text-icon-neutral-base);--dds-combobox-clear-icon-color: var( --dds-button-subtle-icon-neutral-enabled );--dds-combobox-popup-background: var(--dds-background-neutral-subtle);--dds-combobox-popup-shadow: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%);--dds-combobox-loading-spinner-color: var(--dds-icon-neutral-base);--dds-combobox-padding-xs: var(--dds-spacing-200);--dds-combobox-padding-sm: var(--dds-spacing-200);--dds-combobox-padding-lg: var(--dds-spacing-300);--dds-combobox-padding-horizontal: var(--dds-spacing-300);--dds-combobox-padding-vertical: var(--dds-spacing-200);--dds-combobox-gap: var(--dds-spacing-100);--dds-combobox-icon-gap: var(--dds-spacing-200);--dds-combobox-action-gap: var(--dds-spacing-200);--dds-combobox-action-padding: var(--dds-spacing-300);--dds-combobox-clear-icon-width: var(--dds-spacing-800);--dds-combobox-dropdown-icon-right: var(--dds-spacing-600);--dds-combobox-min-width: 7.5rem;--dds-combobox-icon-opened-transform: rotate(180deg);--dds-combobox-chips-gap: var(--dds-spacing-100);--dds-combobox-chips-padding: var(--dds-spacing-100);--dds-combobox-chips-max-height: 120px;--dds-input-height-xs: var(--dds-spacing-800);--dds-input-height-sm: var(--dds-spacing-1000);--dds-input-height-lg: var(--dds-spacing-1200);--dds-input-padding-xs: 0 var(--dds-spacing-200);--dds-input-padding-sm: 0 var(--dds-spacing-300);--dds-input-padding-lg: 0 var(--dds-spacing-400);--dds-input-font-size-xs: var(--dds-font-sm);--dds-input-font-size-sm: var(--dds-font-base);--dds-input-font-size-lg: var(--dds-font-lg);--dds-input-border: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-background: var(--dds-fields-background-default);--dds-input-text-color: var(--dds-text-neutral-base);--dds-input-border-radius: var(--dds-radius-base);--dds-input-disabled-border: 0 solid var(--dds-border-neutral-disabled);--dds-input-disabled-background: var(--dds-fields-background-disabled);--dds-input-disabled-text: var(--dds-text-neutral-disabled);--dds-input-readonly-border: 0 solid var(--dds-border-neutral-subtle);--dds-input-readonly-background: var(--dds-fields-background-read-only);--dds-input-readonly-text: var(--dds-text-neutral-subtle);--dds-input-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-error-border: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-background: var(--dds-fields-background-default);--dds-input-addon-success-background: var(--dds-fields-background-default);--dds-input-addon-error-background: var(--dds-fields-background-default);--dds-input-addon-border-before: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-after: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-before: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-after: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-success-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-error-border-before: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-after: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-error-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}.select{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;flex-direction:row;align-items:center;width:100%;min-width:var(--dds-combobox-min-width);column-gap:var(--dds-combobox-gap);border:var(--dds-combobox-border-width) solid var(--dds-combobox-border-color);border-radius:var(--dds-combobox-border-radius);background-color:var(--dds-combobox-background)}.select:focus-within{outline-style:solid}.select:active{border-color:var(--dds-border-brand-medium)}.select--disabled{border-color:var(--dds-combobox-disabled-background);background-color:var(--dds-combobox-disabled-background);color:var(--dds-combobox-disabled-text);cursor:not-allowed}.select--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.select--error{border-color:var(--dds-combobox-error-border)}.select--success{border-color:var(--dds-combobox-success-border)}.select--xs{height:var(--dds-spacing-800)}.select--sm{height:var(--dds-spacing-1000)}.select--lg{height:var(--dds-spacing-1200)}.select--lg .icon{position:absolute;right:var(--dds-combobox-dropdown-icon-right);color:var(--dds-text-icon-neutral-subtle);pointer-events:none}.select--multiselect{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:var(--dds-spacing-1000);padding:var(--dds-spacing-100)}.select--multiselect.select--xs{min-height:var(--dds-spacing-800)}.select--multiselect.select--lg{min-height:var(--dds-spacing-1200)}.select--opened:not(.select--no-animation) .indicator-icon{transform:var(--dds-combobox-icon-opened-transform)}.select .indicator-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;align-items:center;color:var(--dds-combobox-icon-color)}.select .indicator-icon--loading{animation:dds-spin 1s linear infinite;fill:var(--dds-combobox-loading-spinner-color);color:var(--dds-combobox-loading-spinner-color)}.select .clear-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;visibility:visible;align-items:center;justify-content:center;min-width:var(--dds-combobox-clear-icon-width);cursor:pointer}.select:has(input:placeholder-shown) .clear-icon{visibility:hidden}.select .clear-icon--hidden{visibility:hidden}.select .clear-icon dap-ds-icon-button::part(icon-base){fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}.combobox__chips{display:flex;flex-wrap:wrap;align-items:center;max-height:var(--dds-combobox-chips-max-height);overflow:hidden auto;gap:var(--dds-combobox-chips-gap)}.input{width:100%;border-width:0;border-radius:var(--dds-combobox-border-radius);background-color:transparent;color:var(--dds-combobox-text-color);line-height:1;text-overflow:ellipsis}.input::placeholder{color:var(--dds-combobox-placeholder-color)}.input--xs{padding:var(--dds-combobox-padding-xs);font-size:var(--dds-font-sm)}.input--sm{padding:var(--dds-combobox-padding-sm)}.input--lg{padding:var(--dds-combobox-padding-lg);font-size:var(--dds-font-lg)}.input--disabled{cursor:not-allowed}.input::-webkit-search-cancel-button{display:none}.input--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.input--multiselect{flex:1;min-width:120px;padding:var(--dds-spacing-100)}.select-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--dds-combobox-action-gap);padding:0 var(--dds-combobox-action-padding);color:var(--dds-combobox-icon-color)}.select-action--disabled{color:var(--dds-icon-neutral-disabled);cursor:not-allowed;pointer-events:none}.select-action--xs{min-width:90px}.select-action--sm{min-width:94px}.select-action--lg{min-width:98px}.select-action--multiselect{align-self:center}.select-popup::part(popup){background-color:var(--dds-combobox-popup-background);box-shadow:var(--dds-combobox-popup-shadow)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.calendar-icon{cursor:pointer}:host([mode=range]) .select-popup::part(floating){min-width:fit-content}';
+const d = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-combobox-background: var(--dds-fields-background-default);--dds-combobox-border-color: var(--dds-border-neutral-base);--dds-combobox-border-width: var(--dds-border-width-base, 1px);--dds-combobox-border-radius: var(--dds-radius-base);--dds-combobox-text-color: var(--dds-text-neutral-base);--dds-combobox-placeholder-color: var(--dds-text-neutral-subtle);--dds-combobox-disabled-background: var(--dds-background-neutral-stronger);--dds-combobox-disabled-text: var(--dds-text-neutral-disabled);--dds-combobox-error-border: var(--dds-border-negative-base);--dds-combobox-success-border: var(--dds-border-positive-base);--dds-combobox-icon-color: var(--dds-text-icon-neutral-base);--dds-combobox-clear-icon-color: var( --dds-button-subtle-icon-neutral-enabled );--dds-combobox-popup-background: var(--dds-background-neutral-subtle);--dds-combobox-popup-shadow: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%);--dds-combobox-loading-spinner-color: var(--dds-icon-neutral-base);--dds-combobox-padding-xs: var(--dds-spacing-200);--dds-combobox-padding-sm: var(--dds-spacing-200);--dds-combobox-padding-lg: var(--dds-spacing-300);--dds-combobox-padding-horizontal: var(--dds-spacing-300);--dds-combobox-padding-vertical: var(--dds-spacing-200);--dds-combobox-gap: var(--dds-spacing-100);--dds-combobox-icon-gap: var(--dds-spacing-200);--dds-combobox-action-gap: var(--dds-spacing-200);--dds-combobox-action-padding: var(--dds-spacing-300);--dds-combobox-clear-icon-width: var(--dds-spacing-800);--dds-combobox-dropdown-icon-right: var(--dds-spacing-600);--dds-combobox-min-width: 7.5rem;--dds-combobox-icon-opened-transform: rotate(180deg);--dds-combobox-chips-gap: var(--dds-spacing-100);--dds-combobox-chips-padding: var(--dds-spacing-100);--dds-combobox-chips-max-height: 120px;--dds-input-height-xs: var(--dds-spacing-800);--dds-input-height-sm: var(--dds-spacing-1000);--dds-input-height-lg: var(--dds-spacing-1200);--dds-input-padding-xs: 0 var(--dds-spacing-200);--dds-input-padding-sm: 0 var(--dds-spacing-300);--dds-input-padding-lg: 0 var(--dds-spacing-400);--dds-input-font-size-xs: var(--dds-font-sm);--dds-input-font-size-sm: var(--dds-font-base);--dds-input-font-size-lg: var(--dds-font-lg);--dds-input-border: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-background: var(--dds-fields-background-default);--dds-input-text-color: var(--dds-text-neutral-base);--dds-input-border-radius: var(--dds-radius-base);--dds-input-disabled-border: 0 solid var(--dds-border-neutral-disabled);--dds-input-disabled-background: var(--dds-fields-background-disabled);--dds-input-disabled-text: var(--dds-text-neutral-disabled);--dds-input-readonly-border: 0 solid var(--dds-border-neutral-subtle);--dds-input-readonly-background: var(--dds-fields-background-read-only);--dds-input-readonly-text: var(--dds-text-neutral-subtle);--dds-input-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-error-border: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-background: var(--dds-fields-background-default);--dds-input-addon-success-background: var(--dds-fields-background-default);--dds-input-addon-error-background: var(--dds-fields-background-default);--dds-input-addon-border-before: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-after: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-before: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-after: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-success-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-error-border-before: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-after: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-error-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}.select{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;flex-direction:row;align-items:center;width:100%;min-width:var(--dds-combobox-min-width);column-gap:var(--dds-combobox-gap);border:var(--dds-combobox-border-width) solid var(--dds-combobox-border-color);border-radius:var(--dds-combobox-border-radius);background-color:var(--dds-combobox-background)}.select:focus-within{outline-style:solid}.select:active{border-color:var(--dds-border-brand-medium)}.select--disabled{border-color:var(--dds-combobox-disabled-background);background-color:var(--dds-combobox-disabled-background);color:var(--dds-combobox-disabled-text);cursor:not-allowed}.select--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.select--error{border-color:var(--dds-combobox-error-border)}.select--success{border-color:var(--dds-combobox-success-border)}.select--xs{height:var(--dds-spacing-800)}.select--sm{height:var(--dds-spacing-1000)}.select--lg{height:var(--dds-spacing-1200)}.select--lg .icon{position:absolute;right:var(--dds-combobox-dropdown-icon-right);color:var(--dds-text-icon-neutral-subtle);pointer-events:none}.select--multiselect{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:var(--dds-spacing-1000);padding:var(--dds-spacing-100)}.select--multiselect.select--xs{min-height:var(--dds-spacing-800)}.select--multiselect.select--lg{min-height:var(--dds-spacing-1200)}.select--opened:not(.select--no-animation) .indicator-icon{transform:var(--dds-combobox-icon-opened-transform)}.select .indicator-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;align-items:center;color:var(--dds-combobox-icon-color)}.select .indicator-icon--loading{animation:dds-spin 1s linear infinite;fill:var(--dds-combobox-loading-spinner-color);color:var(--dds-combobox-loading-spinner-color)}.select .clear-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;visibility:visible;align-items:center;justify-content:center;min-width:var(--dds-combobox-clear-icon-width);cursor:pointer}.select:has(input:placeholder-shown) .clear-icon{visibility:hidden}.select .clear-icon--hidden{visibility:hidden}.select .clear-icon dap-ds-icon-button::part(icon-base){fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}.combobox__chips{display:flex;flex-wrap:wrap;align-items:center;max-height:var(--dds-combobox-chips-max-height);overflow:hidden auto;gap:var(--dds-combobox-chips-gap)}.input{width:100%;border-width:0;border-radius:var(--dds-combobox-border-radius);background-color:transparent;color:var(--dds-combobox-text-color);line-height:1;text-overflow:ellipsis}.input::placeholder{color:var(--dds-combobox-placeholder-color)}.input--xs{padding:var(--dds-combobox-padding-xs);font-size:var(--dds-font-sm)}.input--sm{padding:var(--dds-combobox-padding-sm)}.input--lg{padding:var(--dds-combobox-padding-lg);font-size:var(--dds-font-lg)}.input--disabled{cursor:not-allowed}.input::-webkit-search-cancel-button{display:none}.input--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.input--multiselect{flex:1;min-width:120px;padding:var(--dds-spacing-100)}.select-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--dds-combobox-action-gap);padding:0 var(--dds-combobox-action-padding);color:var(--dds-combobox-icon-color)}.select-action--disabled{color:var(--dds-icon-neutral-disabled);cursor:not-allowed;pointer-events:none}.select-action--xs{min-width:90px}.select-action--sm{min-width:94px}.select-action--lg{min-width:98px}.select-action--multiselect{align-self:center}.select-popup::part(popup){background-color:var(--dds-combobox-popup-background);box-shadow:var(--dds-combobox-popup-shadow)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}:host{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}.dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}.dds-label--no-margin{margin-bottom:0}.dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.dds-label--disabled{color:var(--dds-form-label-disabled-color)}.dds-label--xs{font-size:var(--dds-font-sm)}.dds-label--sm{font-size:var(--dds-font-base)}.dds-label--lg{font-size:var(--dds-font-lg)}.dds-label--subtle{font-weight:var(--dds-font-weight-medium)}.dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}.dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}.dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}.dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.calendar-icon{cursor:pointer}:host([mode=range]) .select-popup::part(floating){min-width:fit-content}';
 export {
   d as default
 };

package/dist/components/divider/divider.component.js

@@ -1,16 +1,13 @@
-import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import "../../node_modules/lit-html/lit-html.js";
-import "../../node_modules/lit-element/lit-element.js";
-import { property as s } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-import { DdsElement as c } from "../../internal/dds-hu-element.js";
-import h from "./_styles/divider.scss.js";
-import { unsafeCSS as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
-var u = Object.defineProperty, a = (o, n, p, d) => {
-  for (var t = void 0, i = o.length - 1, l; i >= 0; i--)
-    (l = o[i]) && (t = l(n, p, t) || t);
-  return t && u(n, p, t), t;
+import { unsafeCSS as c } from "lit";
+import { property as i } from "lit/decorators.js";
+import { DdsElement as h } from "../../internal/dds-hu-element.js";
+import u from "./_styles/divider.scss.js";
+var d = Object.defineProperty, a = (o, n, l, f) => {
+  for (var t = void 0, s = o.length - 1, p; s >= 0; s--)
+    (p = o[s]) && (t = p(n, l, t) || t);
+  return t && d(n, l, t), t;
 };
-const e = class e extends c {
+const r = class r extends h {
   constructor() {
     super(...arguments), this.vertical = !1, this.spacing = 0, this.variant = "normal";
   }
@@ -21,18 +18,18 @@ const e = class e extends c {
     ), this.setAttribute("variant", this.variant), this.setAttribute("aria-hidden", "true"), this.classList.add(`divider-spacing-${this.spacing}`);
   }
 };
-e.tagName = "dap-ds-divider", e.styles = m(h);
-let r = e;
+r.tagName = "dap-ds-divider", r.styles = c(u);
+let e = r;
 a([
-  s({ type: Boolean, reflect: !0 })
-], r.prototype, "vertical");
+  i({ type: Boolean, reflect: !0 })
+], e.prototype, "vertical");
 a([
-  s({ type: Number })
-], r.prototype, "spacing");
+  i({ type: Number })
+], e.prototype, "spacing");
 a([
-  s({ type: String, reflect: !0 })
-], r.prototype, "variant");
+  i({ type: String, reflect: !0 })
+], e.prototype, "variant");
 export {
-  r as default
+  e as default
 };
 //# sourceMappingURL=divider.component.js.map

package/dist/components/divider/divider.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.component.js","sources":["../../../src/components/divider/divider.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Spacing } from '@/common/types'\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './_styles/divider.scss?inline'\n\n/**\n * `dap-ds-divider`\n * @summary A divider is a visual separator between elements.\n * @element dap-ds-divider\n * @title - Divider\n *\n * @cssproperty --dds-divider-border-width - The width of the divider border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-divider-border-style - The style of the divider border. (default: solid)\n * @cssproperty --dds-divider-border-color - The color of the divider border. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))\n */\nexport default class DapDSDivider extends DdsElement {\n  static tagName = 'dap-ds-divider'\n\n  /** Whether the divider is vertical */\n  @property({ type: Boolean, reflect: true }) vertical = false\n\n  /** The spacing of the divider\n   * @type { 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000 }\n   */\n  @property({ type: Number }) spacing: Spacing = 0\n\n  /** The variant of the divider\n   * @type {'normal' | 'inverted'}\n   */\n  @property({ type: String, reflect: true }) variant: string = 'normal'\n\n  static readonly styles = unsafeCSS(styles)\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.setAttribute('role', 'separator')\n    this.setAttribute(\n      'aria-orientation',\n      this.vertical ? 'vertical' : 'horizontal',\n    )\n    this.setAttribute('variant', this.variant)\n    this.setAttribute('aria-hidden', 'true')\n    this.classList.add(`divider-spacing-${this.spacing}`)\n  }\n}\n"],"names":["_DapDSDivider","DdsElement","unsafeCSS","styles","DapDSDivider","__decorateClass","property"],"mappings":";;;;;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIyD,KAAA,WAAA,IAKR,KAAA,UAAA,GAKc,KAAA,UAAA;AAAA,EAAA;AAAA,EAI7D,oBAAoB;AAClB,UAAM,kBAAkB,GACnB,KAAA,aAAa,QAAQ,WAAW,GAChC,KAAA;AAAA,MACH;AAAA,MACA,KAAK,WAAW,aAAa;AAAA,IAC/B,GACK,KAAA,aAAa,WAAW,KAAK,OAAO,GACpC,KAAA,aAAa,eAAe,MAAM,GACvC,KAAK,UAAU,IAAI,mBAAmB,KAAK,OAAO,EAAE;AAAA,EAAA;AAExD;AA5BED,EAAO,UAAU,kBAeDA,EAAA,SAASE,EAAUC,CAAM;AAhB3C,IAAqBC,IAArBJ;AAI8CK,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAJvBF,EAIyB,WAAA,UAAA;AAKhBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GATPF,EASS,WAAA,SAAA;AAKeC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAdtBF,EAcwB,WAAA,SAAA;"}
+{"version":3,"file":"divider.component.js","sources":["../../../src/components/divider/divider.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Spacing } from '@/common/types'\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './_styles/divider.scss?inline'\n\n/**\n * `dap-ds-divider`\n * @summary A divider is a visual separator between elements.\n * @element dap-ds-divider\n * @title - Divider\n *\n * @cssproperty --dds-divider-border-width - The width of the divider border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-divider-border-style - The style of the divider border. (default: solid)\n * @cssproperty --dds-divider-border-color - The color of the divider border. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))\n */\nexport default class DapDSDivider extends DdsElement {\n  static tagName = 'dap-ds-divider'\n\n  /** Whether the divider is vertical */\n  @property({ type: Boolean, reflect: true }) vertical = false\n\n  /** The spacing of the divider\n   * @type { 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000 }\n   */\n  @property({ type: Number }) spacing: Spacing = 0\n\n  /** The variant of the divider\n   * @type {'normal' | 'inverted'}\n   */\n  @property({ type: String, reflect: true }) variant: string = 'normal'\n\n  static readonly styles = unsafeCSS(styles)\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.setAttribute('role', 'separator')\n    this.setAttribute(\n      'aria-orientation',\n      this.vertical ? 'vertical' : 'horizontal',\n    )\n    this.setAttribute('variant', this.variant)\n    this.setAttribute('aria-hidden', 'true')\n    this.classList.add(`divider-spacing-${this.spacing}`)\n  }\n}\n"],"names":["_DapDSDivider","DdsElement","unsafeCSS","styles","DapDSDivider","__decorateClass","property"],"mappings":";;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIyD,KAAA,WAAA,IAKR,KAAA,UAAA,GAKc,KAAA,UAAA;AAAA,EAAA;AAAA,EAI7D,oBAAoB;AAClB,UAAM,kBAAkB,GACnB,KAAA,aAAa,QAAQ,WAAW,GAChC,KAAA;AAAA,MACH;AAAA,MACA,KAAK,WAAW,aAAa;AAAA,IAC/B,GACK,KAAA,aAAa,WAAW,KAAK,OAAO,GACpC,KAAA,aAAa,eAAe,MAAM,GACvC,KAAK,UAAU,IAAI,mBAAmB,KAAK,OAAO,EAAE;AAAA,EAAA;AAExD;AA5BED,EAAO,UAAU,kBAeDA,EAAA,SAASE,EAAUC,CAAM;AAhB3C,IAAqBC,IAArBJ;AAI8CK,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAJvBF,EAIyB,WAAA,UAAA;AAKhBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GATPF,EASS,WAAA,SAAA;AAKeC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAdtBF,EAcwB,WAAA,SAAA;"}

package/dist/components/feedback/feedback.component.js

@@ -1,19 +1,16 @@
-import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import "../../node_modules/lit-html/lit-html.js";
-import "../../node_modules/lit-element/lit-element.js";
-import { DdsElement as i } from "../../internal/dds-hu-element.js";
-import { FeedbackMixin as s } from "../../internal/mixin/feedbackMixin.js";
-import { SizedMixin as e } from "../../internal/mixin/sizedMixin.js";
-import m from "./_styles/feedback.scss.js";
-import { unsafeCSS as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
-const t = class t extends s(
-  e(i)
+import { unsafeCSS as e } from "lit";
+import { DdsElement as s } from "../../internal/dds-hu-element.js";
+import { FeedbackMixin as i } from "../../internal/mixin/feedbackMixin.js";
+import { SizedMixin as m } from "../../internal/mixin/sizedMixin.js";
+import o from "./_styles/feedback.scss.js";
+const t = class t extends i(
+  m(s)
 ) {
   render() {
     return this.renderFeedback();
   }
 };
-t.tagName = "dap-ds-feedback", t.styles = o(m);
+t.tagName = "dap-ds-feedback", t.styles = e(o);
 let r = t;
 export {
   r as default

package/dist/components/feedback/feedback.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.component.js","sources":["../../../src/components/feedback/feedback.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { FeedbackMixin } from '@/internal/mixin/feedbackMixin'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/feedback.scss?inline'\n\n/**\n * `dap-ds-feedback`\n * @summary A feedback is a container for feedback messages.\n * @element dap-ds-feedback\n * @title - Feedback\n *\n * @property {string} feedback - The feedback message.\n * @property {'xs' | 'sm' | 'lg'} feedbackSize - The size of the feedback. Default is `sm`.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of the feedback.\n * @property {boolean} feedbackSubtle - The weight of the feedback.\n * @property {boolean} feedbackNoMargin - Removes the margins around the feedback.\n * @property {string} feedbackId - The id of the feedback.\n *\n * @slot icon - The custom icon of the feedback.\n * @slot - The text of the feedback.\n *\n * @csspart base - The main feedback container.\n * @csspart icon - The icon of the feedback.\n * @csspart text - The text of the feedback.\n *\n * @cssproperty --dds-feedback-spacing - The spacing around the feedback component. (default: var(--dds-spacing-200))\n * @cssproperty --dds-feedback-color - The text color of the feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-font-size - The font size of the feedback. (default: var(--dds-font-sm))\n * @cssproperty --dds-feedback-font-weight - The font weight of the feedback. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-feedback-icon-fill - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-spacing - The spacing between the icon and text. (default: var(--dds-spacing-100))\n * @cssproperty --dds-feedback-color-warning - The text color for warning feedback. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-feedback-color-positive - The text color for positive feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-color-negative - The text color for negative feedback. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-feedback-icon-fill-warning - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle))\n * @cssproperty --dds-feedback-icon-fill-positive - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-fill-negative - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle))\n */\nexport default class DapDSFeedback extends FeedbackMixin(\n  SizedMixin(DdsElement),\n) {\n  static tagName = 'dap-ds-feedback'\n\n  static readonly styles = unsafeCSS(styles)\n\n  render() {\n    return this.renderFeedback()\n  }\n}\n"],"names":["_DapDSFeedback","FeedbackMixin","SizedMixin","DdsElement","unsafeCSS","styles","DapDSFeedback"],"mappings":";;;;;;;;AAyCA,MAAqBA,IAArB,MAAqBA,UAAsBC;AAAA,EACzCC,EAAWC,CAAU;AACvB,EAAE;AAAA,EAKA,SAAS;AACP,WAAO,KAAK,eAAe;AAAA,EAAA;AAE/B;AAPEH,EAAO,UAAU,mBAEDA,EAAA,SAASI,EAAUC,CAAM;AAL3C,IAAqBC,IAArBN;"}
+{"version":3,"file":"feedback.component.js","sources":["../../../src/components/feedback/feedback.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { FeedbackMixin } from '@/internal/mixin/feedbackMixin'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/feedback.scss?inline'\n\n/**\n * `dap-ds-feedback`\n * @summary A feedback is a container for feedback messages.\n * @element dap-ds-feedback\n * @title - Feedback\n *\n * @property {string} feedback - The feedback message.\n * @property {'xs' | 'sm' | 'lg'} feedbackSize - The size of the feedback. Default is `sm`.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of the feedback.\n * @property {boolean} feedbackSubtle - The weight of the feedback.\n * @property {boolean} feedbackNoMargin - Removes the margins around the feedback.\n * @property {string} feedbackId - The id of the feedback.\n *\n * @slot icon - The custom icon of the feedback.\n * @slot - The text of the feedback.\n *\n * @csspart base - The main feedback container.\n * @csspart icon - The icon of the feedback.\n * @csspart text - The text of the feedback.\n *\n * @cssproperty --dds-feedback-spacing - The spacing around the feedback component. (default: var(--dds-spacing-200))\n * @cssproperty --dds-feedback-color - The text color of the feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-font-size - The font size of the feedback. (default: var(--dds-font-sm))\n * @cssproperty --dds-feedback-font-weight - The font weight of the feedback. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-feedback-icon-fill - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-spacing - The spacing between the icon and text. (default: var(--dds-spacing-100))\n * @cssproperty --dds-feedback-color-warning - The text color for warning feedback. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-feedback-color-positive - The text color for positive feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-color-negative - The text color for negative feedback. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-feedback-icon-fill-warning - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle))\n * @cssproperty --dds-feedback-icon-fill-positive - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-fill-negative - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle))\n */\nexport default class DapDSFeedback extends FeedbackMixin(\n  SizedMixin(DdsElement),\n) {\n  static tagName = 'dap-ds-feedback'\n\n  static readonly styles = unsafeCSS(styles)\n\n  render() {\n    return this.renderFeedback()\n  }\n}\n"],"names":["_DapDSFeedback","FeedbackMixin","SizedMixin","DdsElement","unsafeCSS","styles","DapDSFeedback"],"mappings":";;;;;AAyCA,MAAqBA,IAArB,MAAqBA,UAAsBC;AAAA,EACzCC,EAAWC,CAAU;AACvB,EAAE;AAAA,EAKA,SAAS;AACP,WAAO,KAAK,eAAe;AAAA,EAAA;AAE/B;AAPEH,EAAO,UAAU,mBAEDA,EAAA,SAASI,EAAUC,CAAM;AAL3C,IAAqBC,IAArBN;"}

package/dist/components/file-input/file-input-list-item.component.d.ts

@@ -37,6 +37,7 @@ declare const DapDSFileInputListItem_base: typeof DdsElement & {
  * @csspart spinner - The spinner of the item component.
  * @csspart remove-button - The remove button of the item component.
  * @csspart thumbnail - The thumbnail of the item component.
+ * @csspart content - The content of the list item.
  *
  * @cssproperty --dds-file-list-item-padding - The padding of the file list item (default: var(--dds-spacing-200))
  * @cssproperty --dds-file-list-item-border-width - The border width of the file list item (default: var(--dds-border-width-base))

package/dist/components/file-input/file-input-list-item.component.js

@@ -1,45 +1,41 @@
 var y = (b, e, t) => new Promise((o, s) => {
   var n = (p) => {
     try {
-      f(t.next(p));
+      c(t.next(p));
     } catch (k) {
       s(k);
     }
   }, r = (p) => {
     try {
-      f(t.throw(p));
+      c(t.throw(p));
     } catch (k) {
       s(k);
     }
-  }, f = (p) => p.done ? o(p.value) : Promise.resolve(p.value).then(n, r);
-  f((t = t.apply(b, e)).next());
+  }, c = (p) => p.done ? o(p.value) : Promise.resolve(p.value).then(n, r);
+  c((t = t.apply(b, e)).next());
 });
 import { clsx as d } from "../../node_modules/clsx/dist/clsx.js";
-import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as h, nothing as m } from "../../node_modules/lit-html/lit-html.js";
-import "../../node_modules/lit-element/lit-element.js";
-import { property as a } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as g } from "../../node_modules/@lit/reactive-element/decorators/state.js";
-import { ifDefined as w } from "../../node_modules/lit-html/directives/if-defined.js";
-import { JSONAttributeParser as _ } from "../../common/utils.js";
-import { DdsElement as $ } from "../../internal/dds-hu-element.js";
-import { SizedMixin as S } from "../../internal/mixin/sizedMixin.js";
+import { unsafeCSS as _, css as S, html as h, nothing as m } from "lit";
+import { property as a, state as g } from "lit/decorators.js";
+import { ifDefined as w } from "lit/directives/if-defined.js";
+import { JSONAttributeParser as $ } from "../../common/utils.js";
+import { DdsElement as U } from "../../internal/dds-hu-element.js";
+import { SizedMixin as L } from "../../internal/mixin/sizedMixin.js";
 import "../../localization/localization.js";
-import U from "../feedback/feedback.component.js";
-import L from "../icon/icon.component.js";
-import v from "../icon-button/icon-button.component.js";
-import C from "../link/link.component.js";
-import z from "../spinner/spinner.component.js";
-import D from "../stack/stack.component.js";
-import T from "./file-input-list-item.scss.js";
-import { t as c } from "../../node_modules/i18next/dist/esm/i18next.js";
-import { unsafeCSS as j, css as F } from "../../node_modules/@lit/reactive-element/css-tag.js";
+import v from "../feedback/feedback.component.js";
+import C from "../icon/icon.component.js";
+import z from "../icon-button/icon-button.component.js";
+import D from "../link/link.component.js";
+import T from "../spinner/spinner.component.js";
+import j from "../stack/stack.component.js";
+import F from "./file-input-list-item.scss.js";
+import { t as f } from "../../node_modules/i18next/dist/esm/i18next.js";
 var O = Object.defineProperty, l = (b, e, t, o) => {
   for (var s = void 0, n = b.length - 1, r; n >= 0; n--)
     (r = b[n]) && (s = r(e, t, s) || s);
   return s && O(e, t, s), s;
 };
-const u = class u extends S($) {
+const u = class u extends L(U) {
   constructor() {
     super(...arguments), this.disabled = !1, this.loading = !1, this.showDeleteButton = "true", this.removeButtonTestId = "file-input-remove-button", this.showFileSize = "true", this.showFileLink = "true", this.emitLinkEvent = !1, this.subtle = !1, this.progress = "0", this.download = "true", this.showThumbnail = "false", this.thumbnailSize = "sm", this._fileObjectUrl = null, this._thumbnailUrl = null, this._fileType = "unknown";
   }
@@ -121,8 +117,8 @@ const u = class u extends S($) {
       return this._fileType === "image" ? new Promise((t) => {
         const o = document.createElement("canvas"), s = o.getContext("2d"), n = new Image();
         n.onload = () => {
-          const r = this.thumbnailSize === "xxs" ? 24 : this.thumbnailSize === "xs" ? 32 : this.thumbnailSize === "sm" ? 48 : this.thumbnailSize === "md" ? 64 : 80, f = Math.min(r / n.width, r / n.height);
-          o.width = n.width * f, o.height = n.height * f, s == null || s.drawImage(n, 0, 0, o.width, o.height), t(o.toDataURL("image/jpeg", 0.8));
+          const r = this.thumbnailSize === "xxs" ? 24 : this.thumbnailSize === "xs" ? 32 : this.thumbnailSize === "sm" ? 48 : this.thumbnailSize === "md" ? 64 : 80, c = Math.min(r / n.width, r / n.height);
+          o.width = n.width * c, o.height = n.height * c, s == null || s.drawImage(n, 0, 0, o.width, o.height), t(o.toDataURL("image/jpeg", 0.8));
         }, n.onerror = () => t(null), n.src = URL.createObjectURL(e);
       }) : null;
     });
@@ -203,7 +199,7 @@ const u = class u extends S($) {
         "file-list-item--disabled": this.disabled
       }
     )}
-          aria-label=${`${((e = this.fileData) == null ? void 0 : e.name) || ""} ${this.loading ? c("fileInput.uploading") : ""} ${this.feedback ? this.feedback : ""}`}>
+          aria-label=${`${((e = this.fileData) == null ? void 0 : e.name) || ""} ${this.loading ? f("fileInput.uploading") : ""} ${this.feedback ? this.feedback : ""}`}>
           ${this.fileItemTemplate ? h`<div class="content" part="content">
                 ${this.fileItemTemplate({
       file: this.fileData,
@@ -246,10 +242,10 @@ const u = class u extends S($) {
                             href="${this._fileObjectUrl || this.href}"
                             target=${w(this.target)}
                             rel=${w(this.rel)}
-                            aria-label=${`${this.fileLinkLabel ? `${this.fileLinkLabel} ${((s = this.fileData) == null ? void 0 : s.name) || ""}` : `${c("fileInput.view")} ${((n = this.fileData) == null ? void 0 : n.name) || ""}`}`}
+                            aria-label=${`${this.fileLinkLabel ? `${this.fileLinkLabel} ${((s = this.fileData) == null ? void 0 : s.name) || ""}` : `${f("fileInput.view")} ${((n = this.fileData) == null ? void 0 : n.name) || ""}`}`}
                             ?download=${this.download === "true" ? !0 : void 0}
                             @click=${this.handleFileClick}
-                            >${this.fileLinkLabel ? this.fileLinkLabel : c("fileInput.view")}</dap-ds-link
+                            >${this.fileLinkLabel ? this.fileLinkLabel : f("fileInput.view")}</dap-ds-link
                           ></slot
                         >` : m}
                   </dap-ds-stack>
@@ -260,7 +256,7 @@ const u = class u extends S($) {
       "content__filesize",
       `content__filesize--${this.effectiveSize}`
     )}
-                          aria-label=${c("fileInput.fileSize", {
+                          aria-label=${f("fileInput.fileSize", {
       size: this.formattedSize
     })}
                           >${this.formattedSize}</span
@@ -269,7 +265,7 @@ const u = class u extends S($) {
                           part="spinner"
                           size="sm"
                           type="neutral"
-                          aria-label=${c(
+                          aria-label=${f(
       "fileInput.uploading"
     )}></dap-ds-spinner>` : m}
                     ${this.showDeleteButton === "true" ? h` <dap-ds-icon-button
@@ -278,7 +274,7 @@ const u = class u extends S($) {
                           class="content__remove-button"
                           ?disabled="${this.disabled}"
                           size=${this.effectiveSize}
-                          aria-label=${`${c("fileInput.delete")} ${((r = this.fileData) == null ? void 0 : r.name) || ""}`}
+                          aria-label=${`${f("fileInput.delete")} ${((r = this.fileData) == null ? void 0 : r.name) || ""}`}
                           clean
                           @click=${() => this.delete(this.fileData)}>
                           <slot name="delete-button">
@@ -306,14 +302,14 @@ const u = class u extends S($) {
   }
 };
 u.tagName = "dap-ds-file-input-list-item", u.dependencies = {
-  "dap-ds-icon": L,
-  "dap-ds-stack": D,
-  "dap-ds-link": C,
-  "dap-ds-spinner": z,
-  "dap-ds-icon-button": v,
-  "dap-ds-feedback": U
-}, u.styles = F`
-    ${j(T)}
+  "dap-ds-icon": C,
+  "dap-ds-stack": j,
+  "dap-ds-link": D,
+  "dap-ds-spinner": T,
+  "dap-ds-icon-button": z,
+  "dap-ds-feedback": v
+}, u.styles = S`
+    ${_(F)}
   `;
 let i = u;
 l([
@@ -353,7 +349,7 @@ l([
   a({ type: String })
 ], i.prototype, "fileLinkLabel");
 l([
-  a({ type: Object, converter: _ })
+  a({ type: Object, converter: $ })
 ], i.prototype, "fileData");
 l([
   a({ type: Boolean })

package/dist/components/file-input/file-input-list-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input-list-item.component.js","sources":["../../../src/components/file-input/file-input-list-item.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { css, html, nothing, TemplateResult, unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport {\n  FeedbackType,\n  FileItemTemplate,\n  FileType,\n  LinkTarget,\n} from '@/common/types'\nimport { JSONAttributeParser } from '@/common/utils'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\nimport { t } from '@/localization/localization'\n\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport DapDSLink from '../link/link.component'\nimport DapDSSpinner from '../spinner/spinner.component'\nimport DapDSStack from '../stack/stack.component'\nimport styles from './file-input-list-item.scss?inline'\n\nexport type FileListElement = {\n  name: string\n  type: string\n  size: number\n  lastModified: number\n}\n\n/**\n * `dap-ds-file-input-list-item`\n * @summary A file input list item is a container for file input list items.\n * @element dap-ds-file-input-list-item\n * @title - File input list item\n * @group file-input\n *\n * @event {{ file: FileListElement }} dds-file-remove - Dispatched when a file is removed from the list.\n * @event {{ file: FileListElement }} dds-file-click - Dispatched when a file is clicked.\n *\n * @slot delete-button - The delete button.\n *\n * @csspart base - The main file input list item container.\n * @csspart feedback - The feedback container.\n * @csspart link - The link text of the item component.\n * @csspart filename - The filename text of the item component.\n * @csspart filesize - The filesize text of the item component.\n * @csspart spinner - The spinner of the item component.\n * @csspart remove-button - The remove button of the item component.\n * @csspart thumbnail - The thumbnail of the item component.\n *\n * @cssproperty --dds-file-list-item-padding - The padding of the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-border-width - The border width of the file list item (default: var(--dds-border-width-base))\n * @cssproperty --dds-file-list-item-border-color - The border color of the file list item (default: var(--dds-border-neutral-transparent))\n * @cssproperty --dds-file-list-item-border-radius - The border radius of the file list item (default: var(--dds-radius-base))\n * @cssproperty --dds-file-list-item-bg-color - The background color of the file list item (default: var(--dds-fields-background-default))\n * @cssproperty --dds-file-list-item-font-weight - The font weight of the file list item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-file-list-item-disabled-bg-color - The background color of the disabled file list item (default: var(--dds-cold-grey-400))\n * @cssproperty --dds-file-list-item-disabled-color - The text color of the disabled file list item (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-file-list-item-content-margin - The margin of the content within the file list item (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-content-gap - The gap between content elements in the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-filename-color - The color of the filename text (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-file-list-item-filesize-color - The color of the filesize text (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-file-list-item-feedback-padding-x - The padding of the feedback section (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-feedback-padding-y - The padding of the feedback section (default: var(--dds-spacing-100))\n * @cssproperty --dds-file-list-item-feedback-border-color - The border color of the feedback section (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-file-list-item-feedback-font-size - The font size of the feedback text (default: var(--dds-font-sm))\n */\nexport default class DapDSFileInputListItem extends SizedMixin(DdsElement) {\n  static tagName = 'dap-ds-file-input-list-item'\n\n  static dependencies = {\n    'dap-ds-icon': DapDSIcon,\n    'dap-ds-stack': DapDSStack,\n    'dap-ds-link': DapDSLink,\n    'dap-ds-spinner': DapDSSpinner,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-feedback': DapDSFeedback,\n  }\n\n  /** Disables the file input list item. */\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  /** The name of the file input. */\n  @property({ type: String }) inputName: string\n\n  /** The feedback message. */\n  @property({ type: String }) feedback: string\n\n  /** Feedback type.\n   * @type {'negative' | 'positive' | 'warning' | 'info'}\n   */\n  @property({ type: String }) feedbackType: FeedbackType\n\n  /** Loading state of the file input list item. */\n  @property({ type: Boolean, reflect: true }) loading? = false\n\n  /** Show delete button. */\n  @property({ type: String }) showDeleteButton: string = 'true'\n\n  /** `data-testid` for the remove-file button. */\n  @property() removeButtonTestId = 'file-input-remove-button'\n\n  /** Show file size. */\n  @property({ type: String }) showFileSize? = 'true'\n\n  /** Show file link. */\n  @property({ type: String }) showFileLink? = 'true'\n\n  /** Whether to emit a custom event with the file data when the file is clicked. */\n  @property({ type: Boolean }) emitLinkEvent: boolean = false\n\n  /** File item template function\n   * @type {(fileItemTemplate: FileItemTemplate) => TemplateResult}\n   */\n  @property({ attribute: false }) fileItemTemplate?: (\n    fileItemTemplate: FileItemTemplate,\n  ) => TemplateResult\n\n  /** The label of the file link. */\n  @property({ type: String }) fileLinkLabel: string\n\n  /** The file data. */\n  @property({ type: Object, converter: JSONAttributeParser })\n  fileData: FileListElement | File\n\n  /** Subtle style. */\n  @property({ type: Boolean }) subtle = false\n\n  /** The progress of the file upload. */\n  @property({ type: String }) progress = '0'\n\n  /** The url of the item link. If present, the item title will rendered as a link. */\n  @property({ type: String }) href: string\n\n  /** The rel of the item link. Only used if href is present. */\n  @property({ type: String }) rel: string\n\n  /** The target of the item link. Only used if href is present. */\n  @property({ type: String }) target: LinkTarget\n\n  /** Whether the file should be downloaded when clicked. */\n  @property({ type: String }) download: string = 'true'\n\n  /** Whether to show thumbnail preview for supported file types. */\n  @property({ type: String }) showThumbnail: string = 'false'\n\n  /** Size of the thumbnail preview. */\n  @property({ type: String }) thumbnailSize: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' =\n    'sm'\n\n  @state() private _fileObjectUrl: string | null = null\n  @state() private _thumbnailUrl: string | null = null\n  @state()\n  private _fileType: FileType = 'unknown'\n\n  static readonly styles = css`\n    ${unsafeCSS(styles)}\n  `\n\n  delete(file?: FileListElement | File) {\n    this.emit('dds-file-remove', { file: file || this.fileData })\n  }\n\n  private detectFileType(file: File | FileListElement): FileType {\n    const type = file.type.toLowerCase()\n\n    if (type.startsWith('image/')) return 'image'\n    if (type.startsWith('video/')) return 'video'\n    if (type.startsWith('audio/')) return 'audio'\n    if (\n      type.startsWith('text/') ||\n      type.includes('document') ||\n      type.includes('word') ||\n      type.includes('excel') ||\n      type.includes('powerpoint') ||\n      type.includes('presentation') ||\n      type.includes('spreadsheet')\n    )\n      return 'document'\n\n    if (type.includes('pdf')) return 'pdf'\n\n    return 'unknown'\n  }\n\n  private getFileTypeIcon(): TemplateResult<1> {\n    let icon = 'file-text-line'\n    switch (this._fileType) {\n      case 'image':\n        icon = 'image-line'\n        break\n      case 'video':\n        icon = 'video-line'\n        break\n      case 'audio':\n        icon = 'music-line'\n        break\n      case 'document':\n        icon = 'file-text-line'\n        break\n      case 'pdf':\n        return html`<svg\n          class=${clsx(\n            'content__file-icon',\n            `content__file-icon--${this.thumbnailSize}`,\n            'content__file-icon--custom',\n          )}\n          viewBox=\"0 0 40 56\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <mask\n            id=\"mask0_705_82583\"\n            style=\"mask-type:alpha\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"0\"\n            y=\"0\"\n            width=\"40\"\n            height=\"56\">\n            <path\n              d=\"M0 0L25.7574 0C26.553 0 27.3161 0.316071 27.8787 0.87868L39.1213 12.1213C39.6839 12.6839 40 13.447 40 14.2426L40 56L3 56C1.34315 56 0 54.6569 0 53L0 0Z\"\n              fill=\"#9F9F9F\" />\n          </mask>\n          <g mask=\"url(#mask0_705_82583)\">\n            <path\n              d=\"M0 2C0 0.89543 0.895431 0 2 0H27L40 13V54C40 55.1046 39.1046 56 38 56H2C0.895431 56 0 55.1046 0 54V2Z\"\n              fill=\"white\" />\n            <path\n              d=\"M7.46234 29.3892V28.0122H10.3481C11.061 28.0122 11.6127 27.8291 12.0034 27.4629C12.3989 27.0918 12.5966 26.5791 12.5966 25.9248V25.9102C12.5966 25.2461 12.3989 24.731 12.0034 24.3647C11.6127 23.9985 11.061 23.8154 10.3481 23.8154H7.46234V22.4312H10.7582C11.4516 22.4312 12.0595 22.5776 12.582 22.8706C13.1093 23.1587 13.5219 23.564 13.8198 24.0864C14.1176 24.604 14.2665 25.207 14.2665 25.8955V25.9102C14.2665 26.5986 14.1176 27.2065 13.8198 27.7339C13.5219 28.2563 13.1093 28.6641 12.582 28.957C12.0595 29.2451 11.4516 29.3892 10.7582 29.3892H7.46234ZM6.64203 33V22.4312H8.28266V33H6.64203ZM16.3232 33V22.4312H20.1392C21.189 22.4312 22.085 22.6387 22.8271 23.0537C23.5693 23.4688 24.1357 24.0669 24.5264 24.8481C24.9219 25.6294 25.1196 26.5742 25.1196 27.6826V27.6973C25.1196 28.8154 24.9219 29.77 24.5264 30.561C24.1357 31.3521 23.5693 31.9575 22.8271 32.3774C22.0898 32.7925 21.1938 33 20.1392 33H16.3232ZM17.9639 31.5791H19.9561C20.6934 31.5791 21.3208 31.4277 21.8384 31.125C22.3608 30.8223 22.7563 30.3828 23.0249 29.8066C23.2983 29.2305 23.4351 28.5347 23.4351 27.7192V27.7046C23.4351 26.894 23.2959 26.2007 23.0176 25.6245C22.7441 25.0483 22.3486 24.6089 21.8311 24.3062C21.3135 24.0034 20.6885 23.8521 19.9561 23.8521H17.9639V31.5791ZM27.2789 33V22.4312H33.878V23.8521H28.9195V27.1919H33.4605V28.5762H28.9195V33H27.2789Z\"\n              fill=\"#EE442A\" />\n            <path\n              d=\"M42.5938 13.125H29.5C28.0503 13.125 26.875 11.9497 26.875 10.5V-2.59375L42.5938 13.125Z\"\n              fill=\"white\"\n              stroke=\"#E0E0E0\"\n              stroke-width=\"0.75\" />\n          </g>\n          <path\n            d=\"M2 0.375H25.7578C26.4537 0.37512 27.1211 0.651542 27.6133 1.14355L38.8564 12.3867C39.3485 12.8789 39.6249 13.5463 39.625 14.2422V54C39.625 54.8975 38.8975 55.625 38 55.625H2C1.10254 55.625 0.375 54.8975 0.375 54V2C0.375 1.10254 1.10254 0.375 2 0.375Z\"\n            stroke=\"#E0E0E0\"\n            stroke-width=\"0.75\" />\n        </svg> `\n      default:\n        icon = 'file-text-line'\n        break\n    }\n\n    return html`<dap-ds-icon\n      class=${clsx(\n        'content__file-icon',\n        `content__file-icon--${this.thumbnailSize}`,\n      )}\n      name=${icon}></dap-ds-icon>`\n  }\n\n  private async generateThumbnail(file: File): Promise<string | null> {\n    if (this._fileType === 'image') {\n      return new Promise(resolve => {\n        const canvas = document.createElement('canvas')\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n\n        img.onload = () => {\n          const maxSize =\n            this.thumbnailSize === 'xxs'\n              ? 24\n              : this.thumbnailSize === 'xs'\n                ? 32\n                : this.thumbnailSize === 'sm'\n                  ? 48\n                  : this.thumbnailSize === 'md'\n                    ? 64\n                    : 80\n\n          const ratio = Math.min(maxSize / img.width, maxSize / img.height)\n          canvas.width = img.width * ratio\n          canvas.height = img.height * ratio\n\n          ctx?.drawImage(img, 0, 0, canvas.width, canvas.height)\n          resolve(canvas.toDataURL('image/jpeg', 0.8))\n        }\n\n        img.onerror = () => resolve(null)\n        img.src = URL.createObjectURL(file)\n      })\n    }\n\n    return null\n  }\n\n  private async createFileObjectUrl() {\n    if (this.fileData) {\n      this._fileType = this.detectFileType(this.fileData)\n\n      if (this.fileData instanceof File) {\n        if (this._fileObjectUrl && typeof URL.revokeObjectURL === 'function') {\n          URL.revokeObjectURL(this._fileObjectUrl)\n        }\n\n        if (typeof URL.createObjectURL === 'function') {\n          this._fileObjectUrl = URL.createObjectURL(this.fileData)\n        } else {\n          console.warn('URL.createObjectURL not available in this environment')\n        }\n\n        if (this.showThumbnail === 'true' && this._fileType === 'image') {\n          try {\n            this._thumbnailUrl = await this.generateThumbnail(this.fileData)\n            this.requestUpdate()\n          } catch (error) {\n            console.warn('Failed to generate thumbnail:', error)\n          }\n        }\n      } else if (typeof this.fileData === 'object' && 'type' in this.fileData) {\n        // If it's metadata, we can't create a preview without the actual file content\n        console.warn(\n          'Cannot create file preview: fileData contains only metadata, not file content',\n        )\n      }\n    }\n  }\n\n  cleanupFileObjectUrl() {\n    if (this._fileObjectUrl && typeof URL.revokeObjectURL === 'function') {\n      URL.revokeObjectURL(this._fileObjectUrl)\n      this._fileObjectUrl = null\n    }\n    if (this._thumbnailUrl) {\n      // Thumbnail URLs are data URLs, so no need to revoke them\n      this._thumbnailUrl = null\n    }\n  }\n\n  //emit a custom event with the file data}\n  private handleFileClick(event: Event) {\n    event.preventDefault()\n\n    if (!this.emitLinkEvent) {\n      if (this._fileObjectUrl) {\n        // Open the file in a new tab for preview\n        window.open(this._fileObjectUrl, '_blank')\n      } else if (this.href) {\n        // Fallback to href if no object URL available\n        window.open(this.href, this.target || '_blank')\n      } else {\n        console.warn('No object URL or href available for file preview')\n      }\n    } else {\n      this.emit('dds-file-click', {\n        data: {\n          file: this.fileData,\n          fileObjectUrl: this._fileObjectUrl,\n          href: this.href,\n          target: this.target,\n          rel: this.rel,\n          download: this.download,\n          showFileLink: this.showFileLink || '',\n          showFileSize: this.showFileSize || '',\n          showDeleteButton: this.showDeleteButton || '',\n          formattedSize: this.formattedSize,\n          feedback: this.feedback,\n          feedbackType: this.feedbackType,\n          loading: this.loading || false,\n          showThumbnail: this.showThumbnail,\n          fileType: this._fileType,\n          fileLinkLabel: this.fileLinkLabel,\n          thumbnailUrl: this._thumbnailUrl,\n          thumbnailSize: this.thumbnailSize,\n          handleFileClick: this.handleFileClick,\n          handleDelete: this.delete,\n          component: this,\n        },\n      })\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.createFileObjectUrl()\n  }\n\n  updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties)\n\n    // Regenerate object URL and thumbnail when fileData changes\n    if (changedProperties.has('fileData')) {\n      this.cleanupFileObjectUrl()\n      this.createFileObjectUrl()\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.cleanupFileObjectUrl()\n  }\n\n  get formattedSize() {\n    const exponent = 1024\n    const sizes = ['B', 'KB', 'MB', 'GB']\n    const fractionDigits = 0\n    const size = this.fileData?.size || 0\n\n    if (!+size) {\n      return `0 ${sizes[0]}`\n    }\n\n    const i = Math.floor(Math.log(size) / Math.log(exponent))\n\n    return `${parseFloat((size / Math.pow(exponent, i)).toFixed(fractionDigits))} ${sizes[i]}`\n  }\n\n  render() {\n    return (\n      this.fileData &&\n      html`\n        <li\n          part=\"base\"\n          aria-live=\"polite\"\n          class=${clsx(\n            'file-list-item',\n            `file-list-item--${this.effectiveSize}`,\n            {\n              'file-list-item--disabled': this.disabled,\n            },\n          )}\n          aria-label=${`${this.fileData?.name || ''} ${this.loading ? t('fileInput.uploading') : ''} ${this.feedback ? this.feedback : ''}`}>\n          ${this.fileItemTemplate\n            ? html`<div class=\"content\" part=\"content\">\n                ${this.fileItemTemplate({\n                  file: this.fileData as File,\n                  fileObjectUrl: this._fileObjectUrl || '',\n                  href: this.href,\n                  target: this.target,\n                  rel: this.rel,\n                  download: this.download,\n                  showFileLink: this.showFileLink || '',\n                  showFileSize: this.showFileSize || '',\n                  showDeleteButton: this.showDeleteButton || '',\n                  formattedSize: this.formattedSize,\n                  feedback: this.feedback,\n                  feedbackType: this.feedbackType,\n                  loading: this.loading || false,\n                  showThumbnail: this.showThumbnail,\n                  fileType: this._fileType,\n                  fileLinkLabel: this.fileLinkLabel,\n                  thumbnailUrl: this._thumbnailUrl,\n                  thumbnailSize: this.thumbnailSize,\n                  handleFileClick: this.handleFileClick,\n                  handleDelete: this.delete,\n                  component: this,\n                })}\n              </div>`\n            : html`<div class=\"content\" part=\"content\">\n                  ${this.showThumbnail === 'true' && this._thumbnailUrl\n                    ? html`<img\n                        part=\"thumbnail\"\n                        class=${clsx(\n                          'content__thumbnail',\n                          `content__thumbnail--${this.thumbnailSize}`,\n                        )}\n                        src=${this._thumbnailUrl}\n                        alt=${`${this.fileData?.name || ''} thumbnail`}\n                        loading=\"lazy\" />`\n                    : this.showThumbnail === 'true' &&\n                        this._fileType !== 'unknown'\n                      ? this.getFileTypeIcon()\n                      : nothing}\n                  <dap-ds-stack spacing=\"200\">\n                    <span part=\"filename\">${this.fileData?.name || ''}</span>\n                    ${this.showFileLink === 'true' &&\n                    (this._fileObjectUrl || this.href)\n                      ? html`<slot name=\"link\">\n                          <dap-ds-link\n                            part=\"link\"\n                            href=\"${this._fileObjectUrl || this.href}\"\n                            target=${ifDefined(this.target)}\n                            rel=${ifDefined(this.rel)}\n                            aria-label=${`${this.fileLinkLabel ? `${this.fileLinkLabel} ${this.fileData?.name || ''}` : `${t('fileInput.view')} ${this.fileData?.name || ''}`}`}\n                            ?download=${this.download === 'true'\n                              ? true\n                              : undefined}\n                            @click=${this.handleFileClick}\n                            >${this.fileLinkLabel\n                              ? this.fileLinkLabel\n                              : t('fileInput.view')}</dap-ds-link\n                          ></slot\n                        >`\n                      : nothing}\n                  </dap-ds-stack>\n                  <span class=\"content__markers\">\n                    ${this.showFileSize === 'true'\n                      ? html`<span\n                          part=\"filesize\"\n                          class=${clsx(\n                            'content__filesize',\n                            `content__filesize--${this.effectiveSize}`,\n                          )}\n                          aria-label=${t('fileInput.fileSize', {\n                            size: this.formattedSize,\n                          })}\n                          >${this.formattedSize}</span\n                        >`\n                      : nothing}\n                    ${this.loading\n                      ? html`<dap-ds-spinner\n                          part=\"spinner\"\n                          size=\"sm\"\n                          type=\"neutral\"\n                          aria-label=${t(\n                            'fileInput.uploading',\n                          )}></dap-ds-spinner>`\n                      : nothing}\n                    ${this.showDeleteButton === 'true'\n                      ? html` <dap-ds-icon-button\n                          part=\"remove-button\"\n                          data-testid=${this.removeButtonTestId}\n                          class=\"content__remove-button\"\n                          ?disabled=\"${this.disabled}\"\n                          size=${this.effectiveSize as\n                            | 'xs'\n                            | 'sm'\n                            | 'md'\n                            | 'lg'}\n                          aria-label=${`${t('fileInput.delete')} ${this.fileData?.name || ''}`}\n                          clean\n                          @click=${() => this.delete(this.fileData)}>\n                          <slot name=\"delete-button\">\n                            <dap-ds-icon\n                              class=\"content__remove-button-icon\"\n                              name=\"delete-bin-line\"></dap-ds-icon>\n                          </slot>\n                        </dap-ds-icon-button>`\n                      : nothing}\n                  </span>\n                </div>\n                ${this.feedback &&\n                html`\n                  <dap-ds-feedback\n                    part=\"feedback\"\n                    class=\"feedback\"\n                    feedbackSize=\"sm\"\n                    feedbackType=${ifDefined(this.feedbackType)}\n                    .subtle=${this.subtle}\n                    role=\"alert\"\n                    aria-live=\"assertive\">\n                    <span class=\"feedback__text\">${this.feedback}</span>\n                  </dap-ds-feedback>\n                `}`}\n        </li>\n      `\n    )\n  }\n}\n"],"names":["_DapDSFileInputListItem","SizedMixin","DdsElement","file","type","icon","html","clsx","__async","resolve","canvas","ctx","img","maxSize","ratio","error","event","changedProperties","sizes","size","_a","i","t","_b","nothing","_c","ifDefined","_d","_e","_f","DapDSIcon","DapDSStack","DapDSLink","DapDSSpinner","DapDSIconButton","DapDSFeedback","css","unsafeCSS","styles","DapDSFileInputListItem","__decorateClass","property","JSONAttributeParser","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEqB,MAAAA,IAAA,MAAAA,UAA+BC,EAAWC,CAAU,EAAE;AAAA,EAA3E,cAAA;AAAA,UAAA,GAAA,SAAA,GAayD,KAAA,WAAA,IAcA,KAAA,UAAA,IAGA,KAAA,mBAAA,QAGtB,KAAA,qBAAA,4BAGW,KAAA,eAAA,QAGA,KAAA,eAAA,QAGU,KAAA,gBAAA,IAiBhB,KAAA,SAAA,IAGC,KAAA,WAAA,KAYQ,KAAA,WAAA,QAGK,KAAA,gBAAA,SAIlD,KAAA,gBAAA,MAEO,KAAQ,iBAAgC,MACxC,KAAQ,gBAA+B,MAEhD,KAAQ,YAAsB;AAAA,EAAA;AAAA,EAM9B,OAAOC,GAA+B;AACpC,SAAK,KAAK,mBAAmB,EAAE,MAAMA,KAAQ,KAAK,UAAU;AAAA,EAAA;AAAA,EAGtD,eAAeA,GAAwC;AACvD,UAAAC,IAAOD,EAAK,KAAK,YAAY;AAEnC,WAAIC,EAAK,WAAW,QAAQ,IAAU,UAClCA,EAAK,WAAW,QAAQ,IAAU,UAClCA,EAAK,WAAW,QAAQ,IAAU,UAEpCA,EAAK,WAAW,OAAO,KACvBA,EAAK,SAAS,UAAU,KACxBA,EAAK,SAAS,MAAM,KACpBA,EAAK,SAAS,OAAO,KACrBA,EAAK,SAAS,YAAY,KAC1BA,EAAK,SAAS,cAAc,KAC5BA,EAAK,SAAS,aAAa,IAEpB,aAELA,EAAK,SAAS,KAAK,IAAU,QAE1B;AAAA,EAAA;AAAA,EAGD,kBAAqC;AAC3C,QAAIC,IAAO;AACX,YAAQ,KAAK,WAAW;AAAA,MACtB,KAAK;AACI,QAAAA,IAAA;AACP;AAAA,MACF,KAAK;AACI,QAAAA,IAAA;AACP;AAAA,MACF,KAAK;AACI,QAAAA,IAAA;AACP;AAAA,MACF,KAAK;AACI,QAAAA,IAAA;AACP;AAAA,MACF,KAAK;AACI,eAAAC;AAAAA,kBACGC;AAAA,UACN;AAAA,UACA,uBAAuB,KAAK,aAAa;AAAA,UACzC;AAAA,QACD,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAkCL;AACS,QAAAF,IAAA;AACP;AAAA,IAAA;AAGG,WAAAC;AAAAA,cACGC;AAAA,MACN;AAAA,MACA,uBAAuB,KAAK,aAAa;AAAA,IAC1C,CAAA;AAAA,aACMF,CAAI;AAAA,EAAA;AAAA,EAGD,kBAAkBF,GAAoC;AAAA,WAAAK,EAAA;AAC9D,aAAA,KAAK,cAAc,UACd,IAAI,QAAQ,CAAWC,MAAA;AACtB,cAAAC,IAAS,SAAS,cAAc,QAAQ,GACxCC,IAAMD,EAAO,WAAW,IAAI,GAC5BE,IAAM,IAAI,MAAM;AAEtB,QAAAA,EAAI,SAAS,MAAM;AACjB,gBAAMC,IACJ,KAAK,kBAAkB,QACnB,KACA,KAAK,kBAAkB,OACrB,KACA,KAAK,kBAAkB,OACrB,KACA,KAAK,kBAAkB,OACrB,KACA,IAENC,IAAQ,KAAK,IAAID,IAAUD,EAAI,OAAOC,IAAUD,EAAI,MAAM;AACzD,UAAAF,EAAA,QAAQE,EAAI,QAAQE,GACpBJ,EAAA,SAASE,EAAI,SAASE,GAE7BH,KAAA,QAAAA,EAAK,UAAUC,GAAK,GAAG,GAAGF,EAAO,OAAOA,EAAO,SAC/CD,EAAQC,EAAO,UAAU,cAAc,GAAG,CAAC;AAAA,QAC7C,GAEIE,EAAA,UAAU,MAAMH,EAAQ,IAAI,GAC5BG,EAAA,MAAM,IAAI,gBAAgBT,CAAI;AAAA,MAAA,CACnC,IAGI;AAAA,IAAA;AAAA;AAAA,EAGK,sBAAsB;AAAA,WAAAK,EAAA;AAClC,UAAI,KAAK;AAGH,YAFJ,KAAK,YAAY,KAAK,eAAe,KAAK,QAAQ,GAE9C,KAAK,oBAAoB;AAW3B,cAVI,KAAK,kBAAkB,OAAO,IAAI,mBAAoB,cACpD,IAAA,gBAAgB,KAAK,cAAc,GAGrC,OAAO,IAAI,mBAAoB,aACjC,KAAK,iBAAiB,IAAI,gBAAgB,KAAK,QAAQ,IAEvD,QAAQ,KAAK,uDAAuD,GAGlE,KAAK,kBAAkB,UAAU,KAAK,cAAc;AAClD,gBAAA;AACF,mBAAK,gBAAgB,MAAM,KAAK,kBAAkB,KAAK,QAAQ,GAC/D,KAAK,cAAc;AAAA,qBACZO,GAAO;AACN,sBAAA,KAAK,iCAAiCA,CAAK;AAAA,YAAA;AAAA,eAG9C,OAAO,KAAK,YAAa,YAAY,UAAU,KAAK,YAErD,QAAA;AAAA,UACN;AAAA,QACF;AAAA,IAEJ;AAAA;AAAA,EAGF,uBAAuB;AACrB,IAAI,KAAK,kBAAkB,OAAO,IAAI,mBAAoB,eACpD,IAAA,gBAAgB,KAAK,cAAc,GACvC,KAAK,iBAAiB,OAEpB,KAAK,kBAEP,KAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA,EAIM,gBAAgBC,GAAc;AACpC,IAAAA,EAAM,eAAe,GAEhB,KAAK,gBAWR,KAAK,KAAK,kBAAkB;AAAA,MAC1B,MAAM;AAAA,QACJ,MAAM,KAAK;AAAA,QACX,eAAe,KAAK;AAAA,QACpB,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,KAAK,KAAK;AAAA,QACV,UAAU,KAAK;AAAA,QACf,cAAc,KAAK,gBAAgB;AAAA,QACnC,cAAc,KAAK,gBAAgB;AAAA,QACnC,kBAAkB,KAAK,oBAAoB;AAAA,QAC3C,eAAe,KAAK;AAAA,QACpB,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,SAAS,KAAK,WAAW;AAAA,QACzB,eAAe,KAAK;AAAA,QACpB,UAAU,KAAK;AAAA,QACf,eAAe,KAAK;AAAA,QACpB,cAAc,KAAK;AAAA,QACnB,eAAe,KAAK;AAAA,QACpB,iBAAiB,KAAK;AAAA,QACtB,cAAc,KAAK;AAAA,QACnB,WAAW;AAAA,MAAA;AAAA,IACb,CACD,IAlCG,KAAK,iBAEA,OAAA,KAAK,KAAK,gBAAgB,QAAQ,IAChC,KAAK,OAEd,OAAO,KAAK,KAAK,MAAM,KAAK,UAAU,QAAQ,IAE9C,QAAQ,KAAK,kDAAkD;AAAA,EA4BnE;AAAA,EAGF,oBAAoB;AAClB,UAAM,kBAAkB,GACxB,KAAK,oBAAoB;AAAA,EAAA;AAAA,EAG3B,QAAQC,GAAqC;AAC3C,UAAM,QAAQA,CAAiB,GAG3BA,EAAkB,IAAI,UAAU,MAClC,KAAK,qBAAqB,GAC1B,KAAK,oBAAoB;AAAA,EAC3B;AAAA,EAGF,uBAAuB;AACrB,UAAM,qBAAqB,GAC3B,KAAK,qBAAqB;AAAA,EAAA;AAAA,EAG5B,IAAI,gBAAgB;;AAElB,UAAMC,IAAQ,CAAC,KAAK,MAAM,MAAM,IAAI,GAE9BC,MAAOC,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ;AAEhC,QAAA,CAAC,CAACD;AACG,aAAA,KAAKD,EAAM,CAAC,CAAC;AAGhB,UAAAG,IAAI,KAAK,MAAM,KAAK,IAAIF,CAAI,IAAI,KAAK,IAAI,IAAQ,CAAC;AAExD,WAAO,GAAG,YAAYA,IAAO,KAAK,IAAI,MAAUE,CAAC,GAAG,QAAQ,CAAc,CAAC,CAAC,IAAIH,EAAMG,CAAC,CAAC;AAAA,EAAA;AAAA,EAG1F,SAAS;;AACP,WACE,KAAK,YACLf;AAAAA;AAAAA;AAAAA;AAAAA,kBAIYC;AAAA,MACN;AAAA,MACA,mBAAmB,KAAK,aAAa;AAAA,MACrC;AAAA,QACE,4BAA4B,KAAK;AAAA,MAAA;AAAA,IAEpC,CAAA;AAAA,uBACY,KAAGa,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE,IAAI,KAAK,UAAUE,EAAE,qBAAqB,IAAI,EAAE,IAAI,KAAK,WAAW,KAAK,WAAW,EAAE,EAAE;AAAA,YAC/H,KAAK,mBACHhB;AAAAA,kBACI,KAAK,iBAAiB;AAAA,MACtB,MAAM,KAAK;AAAA,MACX,eAAe,KAAK,kBAAkB;AAAA,MACtC,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,MACb,KAAK,KAAK;AAAA,MACV,UAAU,KAAK;AAAA,MACf,cAAc,KAAK,gBAAgB;AAAA,MACnC,cAAc,KAAK,gBAAgB;AAAA,MACnC,kBAAkB,KAAK,oBAAoB;AAAA,MAC3C,eAAe,KAAK;AAAA,MACpB,UAAU,KAAK;AAAA,MACf,cAAc,KAAK;AAAA,MACnB,SAAS,KAAK,WAAW;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,UAAU,KAAK;AAAA,MACf,eAAe,KAAK;AAAA,MACpB,cAAc,KAAK;AAAA,MACnB,eAAe,KAAK;AAAA,MACpB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,WAAW;AAAA,IAAA,CACZ,CAAC;AAAA,wBAEJA;AAAAA,oBACM,KAAK,kBAAkB,UAAU,KAAK,gBACpCA;AAAAA;AAAAA,gCAEUC;AAAA,MACN;AAAA,MACA,uBAAuB,KAAK,aAAa;AAAA,IAC1C,CAAA;AAAA,8BACK,KAAK,aAAa;AAAA,8BAClB,KAAGgB,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE,YAAY;AAAA,6CAEhD,KAAK,kBAAkB,UACrB,KAAK,cAAc,YACnB,KAAK,gBAAgB,IACrBC,CAAO;AAAA;AAAA,8CAEaC,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE;AAAA,sBAC/C,KAAK,iBAAiB,WACvB,KAAK,kBAAkB,KAAK,QACzBnB;AAAAA;AAAAA;AAAAA,oCAGY,KAAK,kBAAkB,KAAK,IAAI;AAAA,qCAC/BoB,EAAU,KAAK,MAAM,CAAC;AAAA,kCACzBA,EAAU,KAAK,GAAG,CAAC;AAAA,yCACZ,GAAG,KAAK,gBAAgB,GAAG,KAAK,aAAa,MAAIC,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE,KAAK,GAAGL,EAAE,gBAAgB,CAAC,MAAIM,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE,EAAE,EAAE;AAAA,wCACvI,KAAK,aAAa,SAC1B,KACA,MAAS;AAAA,qCACJ,KAAK,eAAe;AAAA,+BAC1B,KAAK,gBACJ,KAAK,gBACLN,EAAE,gBAAgB,CAAC;AAAA;AAAA,6BAG3BE,CAAO;AAAA;AAAA;AAAA,sBAGT,KAAK,iBAAiB,SACpBlB;AAAAA;AAAAA,kCAEUC;AAAA,MACN;AAAA,MACA,sBAAsB,KAAK,aAAa;AAAA,IACzC,CAAA;AAAA,uCACYe,EAAE,sBAAsB;AAAA,MACnC,MAAM,KAAK;AAAA,IAAA,CACZ,CAAC;AAAA,6BACC,KAAK,aAAa;AAAA,6BAEvBE,CAAO;AAAA,sBACT,KAAK,UACHlB;AAAAA;AAAAA;AAAAA;AAAAA,uCAIegB;AAAA,MACX;AAAA,IAAA,CACD,uBACHE,CAAO;AAAA,sBACT,KAAK,qBAAqB,SACxBlB;AAAAA;AAAAA,wCAEgB,KAAK,kBAAkB;AAAA;AAAA,uCAExB,KAAK,QAAQ;AAAA,iCACnB,KAAK,aAIJ;AAAA,uCACK,GAAGgB,EAAE,kBAAkB,CAAC,MAAIO,IAAA,KAAK,aAAL,gBAAAA,EAAe,SAAQ,EAAE,EAAE;AAAA;AAAA,mCAE3D,MAAM,KAAK,OAAO,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iDAO3CL,CAAO;AAAA;AAAA;AAAA,kBAGb,KAAK,YACPlB;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mCAKmBoB,EAAU,KAAK,YAAY,CAAC;AAAA,8BACjC,KAAK,MAAM;AAAA;AAAA;AAAA,mDAGU,KAAK,QAAQ;AAAA;AAAA,iBAE/C,EAAE;AAAA;AAAA;AAAA,EAAA;AAKnB;AAleE1B,EAAO,UAAU,+BAEjBA,EAAO,eAAe;AAAA,EACpB,eAAe8B;AAAA,EACf,gBAAgBC;AAAA,EAChB,eAAeC;AAAA,EACf,kBAAkBC;AAAA,EAClB,sBAAsBC;AAAA,EACtB,mBAAmBC;AACrB,GA8EAnC,EAAgB,SAASoC;AAAAA,MACrBC,EAAUC,CAAM,CAAC;AAAA;AAzFF,IAAAC,IAAAvC;AAayBwC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAbvBF,EAayB,WAAA,UAAA;AAGhBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAhBPF,EAgBS,WAAA,WAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAnBPF,EAmBS,WAAA,UAAA;AAKAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAxBPF,EAwBS,WAAA,cAAA;AAGgBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GA3BvBF,EA2ByB,WAAA,SAAA;AAGhBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA9BPF,EA8BS,WAAA,kBAAA;AAGhBC,EAAA;AAAA,EAAXC,EAAS;AAAA,GAjCSF,EAiCP,WAAA,oBAAA;AAGgBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GApCPF,EAoCS,WAAA,cAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAvCPF,EAuCS,WAAA,cAAA;AAGCC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GA1CRF,EA0CU,WAAA,eAAA;AAKGC,EAAA;AAAA,EAA/BC,EAAS,EAAE,WAAW,GAAO,CAAA;AAAA,GA/CXF,EA+Ca,WAAA,kBAAA;AAKJC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GApDPF,EAoDS,WAAA,eAAA;AAI5BC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAWC,EAAqB,CAAA;AAAA,GAvDvCH,EAwDnB,WAAA,UAAA;AAG6BC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GA3DRF,EA2DU,WAAA,QAAA;AAGDC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA9DPF,EA8DS,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAjEPF,EAiES,WAAA,MAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GApEPF,EAoES,WAAA,KAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAvEPF,EAuES,WAAA,QAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA1EPF,EA0ES,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GA7EPF,EA6ES,WAAA,eAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAhFPF,EAgFS,WAAA,eAAA;AAGXC,EAAA;AAAA,EAAhBG,EAAM;AAAA,GAnFYJ,EAmFF,WAAA,gBAAA;AACAC,EAAA;AAAA,EAAhBG,EAAM;AAAA,GApFYJ,EAoFF,WAAA,eAAA;AAETC,EAAA;AAAA,EADPG,EAAM;AAAA,GArFYJ,EAsFX,WAAA,WAAA;"}
+{"version":3,"file":"file-input-list-item.component.js","sources":["../../../src/components/file-input/file-input-list-item.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { css, html, nothing, TemplateResult, unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport {\n  FeedbackType,\n  FileItemTemplate,\n  FileType,\n  LinkTarget,\n} from '@/common/types'\nimport { JSONAttributeParser } from '@/common/utils'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\nimport { t } from '@/localization/localization'\n\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport DapDSLink from '../link/link.component'\nimport DapDSSpinner from '../spinner/spinner.component'\nimport DapDSStack from '../stack/stack.component'\nimport styles from './file-input-list-item.scss?inline'\n\nexport type FileListElement = {\n  name: string\n  type: string\n  size: number\n  lastModified: number\n}\n\n/**\n * `dap-ds-file-input-list-item`\n * @summary A file input list item is a container for file input list items.\n * @element dap-ds-file-input-list-item\n * @title - File input list item\n * @group file-input\n *\n * @event {{ file: FileListElement }} dds-file-remove - Dispatched when a file is removed from the list.\n * @event {{ file: FileListElement }} dds-file-click - Dispatched when a file is clicked.\n *\n * @slot delete-button - The delete button.\n *\n * @csspart base - The main file input list item container.\n * @csspart feedback - The feedback container.\n * @csspart link - The link text of the item component.\n * @csspart filename - The filename text of the item component.\n * @csspart filesize - The filesize text of the item component.\n * @csspart spinner - The spinner of the item component.\n * @csspart remove-button - The remove button of the item component.\n * @csspart thumbnail - The thumbnail of the item component.\n * @csspart content - The content of the list item.\n *\n * @cssproperty --dds-file-list-item-padding - The padding of the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-border-width - The border width of the file list item (default: var(--dds-border-width-base))\n * @cssproperty --dds-file-list-item-border-color - The border color of the file list item (default: var(--dds-border-neutral-transparent))\n * @cssproperty --dds-file-list-item-border-radius - The border radius of the file list item (default: var(--dds-radius-base))\n * @cssproperty --dds-file-list-item-bg-color - The background color of the file list item (default: var(--dds-fields-background-default))\n * @cssproperty --dds-file-list-item-font-weight - The font weight of the file list item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-file-list-item-disabled-bg-color - The background color of the disabled file list item (default: var(--dds-cold-grey-400))\n * @cssproperty --dds-file-list-item-disabled-color - The text color of the disabled file list item (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-file-list-item-content-margin - The margin of the content within the file list item (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-content-gap - The gap between content elements in the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-filename-color - The color of the filename text (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-file-list-item-filesize-color - The color of the filesize text (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-file-list-item-feedback-padding-x - The padding of the feedback section (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-feedback-padding-y - The padding of the feedback section (default: var(--dds-spacing-100))\n * @cssproperty --dds-file-list-item-feedback-border-color - The border color of the feedback section (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-file-list-item-feedback-font-size - The font size of the feedback text (default: var(--dds-font-sm))\n */\nexport default class DapDSFileInputListItem extends SizedMixin(DdsElement) {\n  static tagName = 'dap-ds-file-input-list-item'\n\n  static dependencies = {\n    'dap-ds-icon': DapDSIcon,\n    'dap-ds-stack': DapDSStack,\n    'dap-ds-link': DapDSLink,\n    'dap-ds-spinner': DapDSSpinner,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-feedback': DapDSFeedback,\n  }\n\n  /** Disables the file input list item. */\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  /** The name of the file input. */\n  @property({ type: String }) inputName: string\n\n  /** The feedback message. */\n  @property({ type: String }) feedback: string\n\n  /** Feedback type.\n   * @type {'negative' | 'positive' | 'warning' | 'info'}\n   */\n  @property({ type: String }) feedbackType: FeedbackType\n\n  /** Loading state of the file input list item. */\n  @property({ type: Boolean, reflect: true }) loading? = false\n\n  /** Show delete button. */\n  @property({ type: String }) showDeleteButton: string = 'true'\n\n  /** `data-testid` for the remove-file button. */\n  @property() removeButtonTestId = 'file-input-remove-button'\n\n  /** Show file size. */\n  @property({ type: String }) showFileSize? = 'true'\n\n  /** Show file link. */\n  @property({ type: String }) showFileLink? = 'true'\n\n  /** Whether to emit a custom event with the file data when the file is clicked. */\n  @property({ type: Boolean }) emitLinkEvent: boolean = false\n\n  /** File item template function\n   * @type {(fileItemTemplate: FileItemTemplate) => TemplateResult}\n   */\n  @property({ attribute: false }) fileItemTemplate?: (\n    fileItemTemplate: FileItemTemplate,\n  ) => TemplateResult\n\n  /** The label of the file link. */\n  @property({ type: String }) fileLinkLabel: string\n\n  /** The file data. */\n  @property({ type: Object, converter: JSONAttributeParser })\n  fileData: FileListElement | File\n\n  /** Subtle style. */\n  @property({ type: Boolean }) subtle = false\n\n  /** The progress of the file upload. */\n  @property({ type: String }) progress = '0'\n\n  /** The url of the item link. If present, the item title will rendered as a link. */\n  @property({ type: String }) href: string\n\n  /** The rel of the item link. Only used if href is present. */\n  @property({ type: String }) rel: string\n\n  /** The target of the item link. Only used if href is present. */\n  @property({ type: String }) target: LinkTarget\n\n  /** Whether the file should be downloaded when clicked. */\n  @property({ type: String }) download: string = 'true'\n\n  /** Whether to show thumbnail preview for supported file types. */\n  @property({ type: String }) showThumbnail: string = 'false'\n\n  /** Size of the thumbnail preview. */\n  @property({ type: String }) thumbnailSize: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' =\n    'sm'\n\n  @state() private _fileObjectUrl: string | null = null\n  @state() private _thumbnailUrl: string | null = null\n  @state()\n  private _fileType: FileType = 'unknown'\n\n  static readonly styles = css`\n    ${unsafeCSS(styles)}\n  `\n\n  delete(file?: FileListElement | File) {\n    this.emit('dds-file-remove', { file: file || this.fileData })\n  }\n\n  private detectFileType(file: File | FileListElement): FileType {\n    const type = file.type.toLowerCase()\n\n    if (type.startsWith('image/')) return 'image'\n    if (type.startsWith('video/')) return 'video'\n    if (type.startsWith('audio/')) return 'audio'\n    if (\n      type.startsWith('text/') ||\n      type.includes('document') ||\n      type.includes('word') ||\n      type.includes('excel') ||\n      type.includes('powerpoint') ||\n      type.includes('presentation') ||\n      type.includes('spreadsheet')\n    )\n      return 'document'\n\n    if (type.includes('pdf')) return 'pdf'\n\n    return 'unknown'\n  }\n\n  private getFileTypeIcon(): TemplateResult<1> {\n    let icon = 'file-text-line'\n    switch (this._fileType) {\n      case 'image':\n        icon = 'image-line'\n        break\n      case 'video':\n        icon = 'video-line'\n        break\n      case 'audio':\n        icon = 'music-line'\n        break\n      case 'document':\n        icon = 'file-text-line'\n        break\n      case 'pdf':\n        return html`<svg\n          class=${clsx(\n            'content__file-icon',\n            `content__file-icon--${this.thumbnailSize}`,\n            'content__file-icon--custom',\n          )}\n          viewBox=\"0 0 40 56\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <mask\n            id=\"mask0_705_82583\"\n            style=\"mask-type:alpha\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"0\"\n            y=\"0\"\n            width=\"40\"\n            height=\"56\">\n            <path\n              d=\"M0 0L25.7574 0C26.553 0 27.3161 0.316071 27.8787 0.87868L39.1213 12.1213C39.6839 12.6839 40 13.447 40 14.2426L40 56L3 56C1.34315 56 0 54.6569 0 53L0 0Z\"\n              fill=\"#9F9F9F\" />\n          </mask>\n          <g mask=\"url(#mask0_705_82583)\">\n            <path\n              d=\"M0 2C0 0.89543 0.895431 0 2 0H27L40 13V54C40 55.1046 39.1046 56 38 56H2C0.895431 56 0 55.1046 0 54V2Z\"\n              fill=\"white\" />\n            <path\n              d=\"M7.46234 29.3892V28.0122H10.3481C11.061 28.0122 11.6127 27.8291 12.0034 27.4629C12.3989 27.0918 12.5966 26.5791 12.5966 25.9248V25.9102C12.5966 25.2461 12.3989 24.731 12.0034 24.3647C11.6127 23.9985 11.061 23.8154 10.3481 23.8154H7.46234V22.4312H10.7582C11.4516 22.4312 12.0595 22.5776 12.582 22.8706C13.1093 23.1587 13.5219 23.564 13.8198 24.0864C14.1176 24.604 14.2665 25.207 14.2665 25.8955V25.9102C14.2665 26.5986 14.1176 27.2065 13.8198 27.7339C13.5219 28.2563 13.1093 28.6641 12.582 28.957C12.0595 29.2451 11.4516 29.3892 10.7582 29.3892H7.46234ZM6.64203 33V22.4312H8.28266V33H6.64203ZM16.3232 33V22.4312H20.1392C21.189 22.4312 22.085 22.6387 22.8271 23.0537C23.5693 23.4688 24.1357 24.0669 24.5264 24.8481C24.9219 25.6294 25.1196 26.5742 25.1196 27.6826V27.6973C25.1196 28.8154 24.9219 29.77 24.5264 30.561C24.1357 31.3521 23.5693 31.9575 22.8271 32.3774C22.0898 32.7925 21.1938 33 20.1392 33H16.3232ZM17.9639 31.5791H19.9561C20.6934 31.5791 21.3208 31.4277 21.8384 31.125C22.3608 30.8223 22.7563 30.3828 23.0249 29.8066C23.2983 29.2305 23.4351 28.5347 23.4351 27.7192V27.7046C23.4351 26.894 23.2959 26.2007 23.0176 25.6245C22.7441 25.0483 22.3486 24.6089 21.8311 24.3062C21.3135 24.0034 20.6885 23.8521 19.9561 23.8521H17.9639V31.5791ZM27.2789 33V22.4312H33.878V23.8521H28.9195V27.1919H33.4605V28.5762H28.9195V33H27.2789Z\"\n              fill=\"#EE442A\" />\n            <path\n              d=\"M42.5938 13.125H29.5C28.0503 13.125 26.875 11.9497 26.875 10.5V-2.59375L42.5938 13.125Z\"\n              fill=\"white\"\n              stroke=\"#E0E0E0\"\n              stroke-width=\"0.75\" />\n          </g>\n          <path\n            d=\"M2 0.375H25.7578C26.4537 0.37512 27.1211 0.651542 27.6133 1.14355L38.8564 12.3867C39.3485 12.8789 39.6249 13.5463 39.625 14.2422V54C39.625 54.8975 38.8975 55.625 38 55.625H2C1.10254 55.625 0.375 54.8975 0.375 54V2C0.375 1.10254 1.10254 0.375 2 0.375Z\"\n            stroke=\"#E0E0E0\"\n            stroke-width=\"0.75\" />\n        </svg> `\n      default:\n        icon = 'file-text-line'\n        break\n    }\n\n    return html`<dap-ds-icon\n      class=${clsx(\n        'content__file-icon',\n        `content__file-icon--${this.thumbnailSize}`,\n      )}\n      name=${icon}></dap-ds-icon>`\n  }\n\n  private async generateThumbnail(file: File): Promise<string | null> {\n    if (this._fileType === 'image') {\n      return new Promise(resolve => {\n        const canvas = document.createElement('canvas')\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n\n        img.onload = () => {\n          const maxSize =\n            this.thumbnailSize === 'xxs'\n              ? 24\n              : this.thumbnailSize === 'xs'\n                ? 32\n                : this.thumbnailSize === 'sm'\n                  ? 48\n                  : this.thumbnailSize === 'md'\n                    ? 64\n                    : 80\n\n          const ratio = Math.min(maxSize / img.width, maxSize / img.height)\n          canvas.width = img.width * ratio\n          canvas.height = img.height * ratio\n\n          ctx?.drawImage(img, 0, 0, canvas.width, canvas.height)\n          resolve(canvas.toDataURL('image/jpeg', 0.8))\n        }\n\n        img.onerror = () => resolve(null)\n        img.src = URL.createObjectURL(file)\n      })\n    }\n\n    return null\n  }\n\n  private async createFileObjectUrl() {\n    if (this.fileData) {\n      this._fileType = this.detectFileType(this.fileData)\n\n      if (this.fileData instanceof File) {\n        if (this._fileObjectUrl && typeof URL.revokeObjectURL === 'function') {\n          URL.revokeObjectURL(this._fileObjectUrl)\n        }\n\n        if (typeof URL.createObjectURL === 'function') {\n          this._fileObjectUrl = URL.createObjectURL(this.fileData)\n        } else {\n          console.warn('URL.createObjectURL not available in this environment')\n        }\n\n        if (this.showThumbnail === 'true' && this._fileType === 'image') {\n          try {\n            this._thumbnailUrl = await this.generateThumbnail(this.fileData)\n            this.requestUpdate()\n          } catch (error) {\n            console.warn('Failed to generate thumbnail:', error)\n          }\n        }\n      } else if (typeof this.fileData === 'object' && 'type' in this.fileData) {\n        // If it's metadata, we can't create a preview without the actual file content\n        console.warn(\n          'Cannot create file preview: fileData contains only metadata, not file content',\n        )\n      }\n    }\n  }\n\n  cleanupFileObjectUrl() {\n    if (this._fileObjectUrl && typeof URL.revokeObjectURL === 'function') {\n      URL.revokeObjectURL(this._fileObjectUrl)\n      this._fileObjectUrl = null\n    }\n    if (this._thumbnailUrl) {\n      // Thumbnail URLs are data URLs, so no need to revoke them\n      this._thumbnailUrl = null\n    }\n  }\n\n  //emit a custom event with the file data}\n  private handleFileClick(event: Event) {\n    event.preventDefault()\n\n    if (!this.emitLinkEvent) {\n      if (this._fileObjectUrl) {\n        // Open the file in a new tab for preview\n        window.open(this._fileObjectUrl, '_blank')\n      } else if (this.href) {\n        // Fallback to href if no object URL available\n        window.open(this.href, this.target || '_blank')\n      } else {\n        console.warn('No object URL or href available for file preview')\n      }\n    } else {\n      this.emit('dds-file-click', {\n        data: {\n          file: this.fileData,\n          fileObjectUrl: this._fileObjectUrl,\n          href: this.href,\n          target: this.target,\n          rel: this.rel,\n          download: this.download,\n          showFileLink: this.showFileLink || '',\n          showFileSize: this.showFileSize || '',\n          showDeleteButton: this.showDeleteButton || '',\n          formattedSize: this.formattedSize,\n          feedback: this.feedback,\n          feedbackType: this.feedbackType,\n          loading: this.loading || false,\n          showThumbnail: this.showThumbnail,\n          fileType: this._fileType,\n          fileLinkLabel: this.fileLinkLabel,\n          thumbnailUrl: this._thumbnailUrl,\n          thumbnailSize: this.thumbnailSize,\n          handleFileClick: this.handleFileClick,\n          handleDelete: this.delete,\n          component: this,\n        },\n      })\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.createFileObjectUrl()\n  }\n\n  updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties)\n\n    // Regenerate object URL and thumbnail when fileData changes\n    if (changedProperties.has('fileData')) {\n      this.cleanupFileObjectUrl()\n      this.createFileObjectUrl()\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.cleanupFileObjectUrl()\n  }\n\n  get formattedSize() {\n    const exponent = 1024\n    const sizes = ['B', 'KB', 'MB', 'GB']\n    const fractionDigits = 0\n    const size = this.fileData?.size || 0\n\n    if (!+size) {\n      return `0 ${sizes[0]}`\n    }\n\n    const i = Math.floor(Math.log(size) / Math.log(exponent))\n\n    return `${parseFloat((size / Math.pow(exponent, i)).toFixed(fractionDigits))} ${sizes[i]}`\n  }\n\n  render() {\n    return (\n      this.fileData &&\n      html`\n        <li\n          part=\"base\"\n          aria-live=\"polite\"\n          class=${clsx(\n            'file-list-item',\n            `file-list-item--${this.effectiveSize}`,\n            {\n              'file-list-item--disabled': this.disabled,\n            },\n          )}\n          aria-label=${`${this.fileData?.name || ''} ${this.loading ? t('fileInput.uploading') : ''} ${this.feedback ? this.feedback : ''}`}>\n          ${this.fileItemTemplate\n            ? html`<div class=\"content\" part=\"content\">\n                ${this.fileItemTemplate({\n                  file: this.fileData as File,\n                  fileObjectUrl: this._fileObjectUrl || '',\n                  href: this.href,\n                  target: this.target,\n                  rel: this.rel,\n                  download: this.download,\n                  showFileLink: this.showFileLink || '',\n                  showFileSize: this.showFileSize || '',\n                  showDeleteButton: this.showDeleteButton || '',\n                  formattedSize: this.formattedSize,\n                  feedback: this.feedback,\n                  feedbackType: this.feedbackType,\n                  loading: this.loading || false,\n                  showThumbnail: this.showThumbnail,\n                  fileType: this._fileType,\n                  fileLinkLabel: this.fileLinkLabel,\n                  thumbnailUrl: this._thumbnailUrl,\n                  thumbnailSize: this.thumbnailSize,\n                  handleFileClick: this.handleFileClick,\n                  handleDelete: this.delete,\n                  component: this,\n                })}\n              </div>`\n            : html`<div class=\"content\" part=\"content\">\n                  ${this.showThumbnail === 'true' && this._thumbnailUrl\n                    ? html`<img\n                        part=\"thumbnail\"\n                        class=${clsx(\n                          'content__thumbnail',\n                          `content__thumbnail--${this.thumbnailSize}`,\n                        )}\n                        src=${this._thumbnailUrl}\n                        alt=${`${this.fileData?.name || ''} thumbnail`}\n                        loading=\"lazy\" />`\n                    : this.showThumbnail === 'true' &&\n                        this._fileType !== 'unknown'\n                      ? this.getFileTypeIcon()\n                      : nothing}\n                  <dap-ds-stack spacing=\"200\">\n                    <span part=\"filename\">${this.fileData?.name || ''}</span>\n                    ${this.showFileLink === 'true' &&\n                    (this._fileObjectUrl || this.href)\n                      ? html`<slot name=\"link\">\n                          <dap-ds-link\n                            part=\"link\"\n                            href=\"${this._fileObjectUrl || this.href}\"\n                            target=${ifDefined(this.target)}\n                            rel=${ifDefined(this.rel)}\n                            aria-label=${`${this.fileLinkLabel ? `${this.fileLinkLabel} ${this.fileData?.name || ''}` : `${t('fileInput.view')} ${this.fileData?.name || ''}`}`}\n                            ?download=${this.download === 'true'\n                              ? true\n                              : undefined}\n                            @click=${this.handleFileClick}\n                            >${this.fileLinkLabel\n                              ? this.fileLinkLabel\n                              : t('fileInput.view')}</dap-ds-link\n                          ></slot\n                        >`\n                      : nothing}\n                  </dap-ds-stack>\n                  <span class=\"content__markers\">\n                    ${this.showFileSize === 'true'\n                      ? html`<span\n                          part=\"filesize\"\n                          class=${clsx(\n                            'content__filesize',\n                            `content__filesize--${this.effectiveSize}`,\n                          )}\n                          aria-label=${t('fileInput.fileSize', {\n                            size: this.formattedSize,\n                          })}\n                          >${this.formattedSize}</span\n                        >`\n                      : nothing}\n                    ${this.loading\n                      ? html`<dap-ds-spinner\n                          part=\"spinner\"\n                          size=\"sm\"\n                          type=\"neutral\"\n                          aria-label=${t(\n                            'fileInput.uploading',\n                          )}></dap-ds-spinner>`\n                      : nothing}\n                    ${this.showDeleteButton === 'true'\n                      ? html` <dap-ds-icon-button\n                          part=\"remove-button\"\n                          data-testid=${this.removeButtonTestId}\n                          class=\"content__remove-button\"\n                          ?disabled=\"${this.disabled}\"\n                          size=${this.effectiveSize as\n                            | 'xs'\n                            | 'sm'\n                            | 'md'\n                            | 'lg'}\n                          aria-label=${`${t('fileInput.delete')} ${this.fileData?.name || ''}`}\n                          clean\n                          @click=${() => this.delete(this.fileData)}>\n                          <slot name=\"delete-button\">\n                            <dap-ds-icon\n                              class=\"content__remove-button-icon\"\n                              name=\"delete-bin-line\"></dap-ds-icon>\n                          </slot>\n                        </dap-ds-icon-button>`\n                      : nothing}\n                  </span>\n                </div>\n                ${this.feedback &&\n                html`\n                  <dap-ds-feedback\n                    part=\"feedback\"\n                    class=\"feedback\"\n                    feedbackSize=\"sm\"\n                    feedbackType=${ifDefined(this.feedbackType)}\n                    .subtle=${this.subtle}\n                    role=\"alert\"\n                    aria-live=\"assertive\">\n                    <span class=\"feedback__text\">${this.feedback}</span>\n                  </dap-ds-feedback>\n                `}`}\n        </li>\n      `\n    )\n  }\n}\n"],"names":["_DapDSFileInputListItem","SizedMixin","DdsElement","file","type","icon","html","clsx","__async","resolve","canvas","ctx","img","maxSize","ratio","error","event","changedProperties","sizes","size","_a","i","t","_b","nothing","_c","ifDefined","_d","_e","_f","DapDSIcon","DapDSStack","DapDSLink","DapDSSpinner","DapDSIconButton","DapDSFeedback","css","unsafeCSS","styles","DapDSFileInputListItem","__decorateClass","property","JSONAttributeParser","state"],"mappings":"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"}