@ds-autonomie/web-components 2.13.0 → 2.14.1

package/cdn/chunks/chunk.LSVKGPKE.js

@@ -0,0 +1,250 @@
+import{a}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var d=e`
+  ${a}
+
+  .calendar {
+    display: inline-block;
+  }
+
+  wc-datepicker,
+  wc-datepicker *,
+  wc-datepicker *:before,
+  wc-datepicker *:after {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  .wc-datepicker {
+    display: block;
+    width: var(--dsa-wc-calendar-width);
+    color: var(--dsa-wc-calendar-font-color);
+    font: var(--dsa-font-small-normal);
+    background-color: var(--dsa-wc-calendar-background-color);
+  }
+
+  .wc-datepicker--disabled *:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  .wc-datepicker--disabled .wc-datepicker__date:focus-visible > * {
+    outline: none;
+  }
+
+  .wc-datepicker--disabled .wc-datepicker__date {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .wc-datepicker--disabled .wc-datepicker__date:hover > * {
+    background-color: transparent;
+  }
+
+  .wc-datepicker--disabled .wc-datepicker__date--in-range:hover > * {
+    background-color: var(--dsa-wc-calendar-cell-hover-color);
+  }
+
+  .wc-datepicker--disabled .wc-datepicker__date--selected:hover > * {
+    background-color: var(--dsa-wc-calendar-cell-selected-color);
+  }
+
+  .wc-datepicker__header {
+    display: flex;
+    margin-bottom: var(--dsa-spacing-4);
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .wc-datepicker__current-month {
+    display: flex;
+    flex-grow: 1;
+    gap: var(--dsa-spacing-4);
+  }
+
+  .wc-datepicker__month-select,
+  .wc-datepicker__year-select {
+    flex: 1;
+    display: flex;
+    height: 2rem;
+    max-width: 50%;
+    padding: var(--dsa-spacing-4);
+    align-items: center;
+    border: none;
+    color: var(--dsa-wc-calendar-month-year-color);
+    font: var(--dsa-wc-calendar-month-year-font);
+  }
+
+  .wc-datepicker__month-select:focus-visible,
+  .wc-datepicker__year-select:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .wc-datepicker__month-select {
+    cursor: pointer;
+    text-align: right;
+    direction: rtl;
+    appearance: none;
+    border-radius: 0px;
+    background-color: transparent;
+  }
+  .wc-datepicker__year-select {
+    max-width: 5rem;
+  }
+
+  .wc-datepicker__previous-month-button,
+  .wc-datepicker__next-month-button,
+  .wc-datepicker__previous-year-button,
+  .wc-datepicker__next-year-button {
+    display: inline-flex;
+    width: var(--dsa-wc-calendar-cell-size);
+    height: var(--dsa-wc-calendar-cell-size);
+    padding: var(--dsa-wc-calendar-cell-padding);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    border: none;
+    color: var(--dsa-wc-calendar-month-year-color);
+    background-color: transparent;
+    cursor: pointer;
+  }
+
+  .wc-datepicker__previous-month-button:focus-visible,
+  .wc-datepicker__next-month-button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .wc-datepicker__previous-month-button > svg,
+  .wc-datepicker__next-month-button > svg {
+    height: 20px;
+    width: 20px;
+  }
+
+  .wc-datepicker__calendar {
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+    border-spacing: 0px;
+  }
+
+  .wc-datepicker__weekday > span {
+    height: var(--dsa-wc-calendar-cell-size);
+    width: var(--dsa-wc-calendar-cell-size);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font: var(--dsa-wc-calendar-header-font);
+    color: var(--dsa-wc-calendar-header-color);
+    aspect-ratio: 1;
+    text-transform: capitalize;
+  }
+
+  .wc-datepicker__date {
+    height: var(--dsa-wc-calendar-cell-size);
+    width: var(--dsa-wc-calendar-cell-size);
+    text-align: center;
+    cursor: pointer;
+    padding: 0;
+    border: none;
+  }
+
+  .wc-datepicker__date:focus-visible {
+    outline: none;
+  }
+
+  .wc-datepicker__date:focus-visible > * {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .wc-datepicker__date:not(.wc-datepicker__date--in-range):not(
+      .wc-datepicker__date--selected
+    ):hover
+    > * {
+    background-color: var(--dsa-wc-calendar-cell-hover-color);
+    border-radius: var(--dsa-wc-calendar-radius);
+  }
+
+  .wc-datepicker__date > * {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font: var(--dsa-wc-calendar-cell-font);
+    color: var(--dsa-wc-calendar-cell-color);
+    aspect-ratio: 1;
+  }
+
+  .wc-datepicker__date--overflowing > * {
+    color: var(--dsa-wc-calendar-cell-overflow-color);
+  }
+
+  .wc-datepicker__date--today > * {
+    border-radius: var(--dsa-wc-calendar-radius);
+    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
+  }
+  @media (forced-colors: active) {
+    .wc-datepicker__date--today > * {
+      border-style: dotted;
+    }
+  }
+
+  .wc-datepicker__date--in-range > * {
+    background-color: var(--dsa-wc-calendar-cell-hover-color);
+  }
+  .wc-datepicker__date--in-range:not(.wc-datepicker__date--today) > * {
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+  }
+
+  .wc-datepicker__date--in-range:not(.wc-datepicker__date--end):not(
+      .wc-datepicker__date--selected
+    ):hover
+    > * {
+    background-color: var(--dsa-wc-calendar-cell-in-range-hover-color);
+  }
+
+  .wc-datepicker__date--selected > * {
+    border-radius: var(--dsa-wc-calendar-radius);
+    border: 1px solid var(--dsa-wc-calendar-cell-selected-color);
+  }
+
+  .wc-datepicker__date--selected > * {
+    color: var(--dsa-color-text-on-contrasted-primary);
+    background-color: var(--dsa-wc-calendar-cell-selected-color);
+  }
+
+  .wc-datepicker__date--selected:hover > * {
+    color: var(--dsa-color-text-on-contrasted-primary);
+    background-color: var(--dsa-color-primitive-colors-identity-purple-800);
+  }
+
+  .wc-datepicker__date--start:not(.wc-datepicker__date--end) > * {
+    border-radius: 4px 0px 0px 4px;
+    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
+  }
+
+  .wc-datepicker__date--end:not(.wc-datepicker__date--start) > * {
+    border-radius: 0px 4px 4px 0px;
+    border: 1px solid var(--dsa-wc-calendar-cell-border-color);
+  }
+
+  .wc-datepicker__date--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .wc-datepicker__date--disabled:not(.wc-datepicker__date--selected):not(
+      .wc-datepicker__date--in-range
+    ):hover
+    > * {
+    background-color: transparent;
+  }
+
+  .wc-datepicker__date--disabled.wc-datepicker__date--in-range:not(
+      .wc-datepicker__date--selected
+    ):not(.wc-datepicker__date--in-range)
+    > * {
+    background-color: transparent;
+  }
+`;export{d as a};

package/cdn/chunks/chunk.LU3TO4KU.js

@@ -0,0 +1,10 @@
+import{a as i}from"./chunk.TYZRGNU6.js";import{d as s}from"./chunk.6DV3UDL6.js";import{a as o,b as a,f as l}from"./chunk.FC3GHOSX.js";import{a as r}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.variant="base"}render(){return r`<div
+      class=${s({"error-text":!0,"error-text--on-floating":this.variant==="floating"})}
+    >
+      <dsa-icon
+        name="error"
+        class="error-text__icon"
+        library="system"
+      ></dsa-icon>
+      <slot class="error-text__slot"></slot>
+    </div> `}};t.styles=i,e([a({reflect:!0})],t.prototype,"variant",2),t=e([o("dsa-error-text")],t);export{t as a};

package/cdn/chunks/chunk.M6IVMM5H.js

@@ -0,0 +1,124 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var n=o`
+  ${t}
+
+  :host {
+    display: block;
+  }
+
+  .toc.toc--mobile {
+    position: relative;
+    box-shadow: var(--dsa-wc-shadow-small);
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: var(--dsa-spacing-8);
+    background-color: var(--dsa-wc-table-of-contents-header-background);
+    color: var(--dsa-wc-table-of-contents-label-color);
+  }
+  .toc--mobile .header {
+    padding: var(--dsa-wc-table-of-contents-header-padding-mobile);
+    cursor: pointer;
+  }
+  .toc--mobile .header:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: -3px;
+  }
+  .toc--desktop .header {
+    padding: var(--dsa-wc-table-of-contents-header-padding-desktop);
+  }
+
+  .label {
+    white-space: nowrap;
+    font: var(--dsa-wc-table-of-contents-label-font);
+  }
+  .header__current-section {
+    font: var(--dsa-wc-table-of-contents-current-section-font);
+    color: var(--dsa-wc-table-of-contents-current-section-color);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .header__icon {
+    flex-shrink: 0;
+    margin-inline-start: auto;
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+  }
+
+  .toc--open .header__icon {
+    rotate: 180deg;
+  }
+
+  /* Progress Bar */
+  .progress-bar {
+    background: var(--dsa-color-progress-bar-background);
+    height: 4px;
+  }
+
+  .progress-bar__indicator {
+    height: 100%;
+    background-color: var(--dsa-color-progress-bar-on-background-indicator);
+    transition:
+      400ms width,
+      400ms background-color;
+    user-select: none;
+  }
+
+  /* Content */
+  .content {
+    background-color: var(--dsa-wc-table-of-contents-content-background);
+  }
+  .toc--mobile .content {
+    position: absolute;
+    inset-inline: 0;
+    height: 0;
+    padding: var(--dsa-wc-table-of-contents-content-padding-mobile);
+    box-shadow: var(--dsa-wc-shadow-small);
+    max-height: 60vh;
+    overflow: auto;
+  }
+  .content__indicator {
+    position: absolute;
+    transition:
+      var(--dsa-wc-transition-fast) translate ease,
+      var(--dsa-wc-transition-fast) width ease;
+    border-inline-start: var(--dsa-wc-table-of-contents-indicator-border);
+  }
+
+  /* Item */
+  a {
+    display: flex;
+    color: var(--dsa-wc-table-of-contents-link-color);
+    transition: var(--dsa-wc-transition-fast) fill;
+    user-select: none;
+
+    text-decoration: none;
+    font: var(--dsa-wc-menu-item-font);
+    padding: var(--dsa-wc-table-of-contents-link-padding-desktop);
+    border-inline-start: var(--dsa-wc-table-of-contents-link-border-left);
+  }
+  a:hover {
+    color: var(--dsa-wc-table-of-contents-link-color-hover);
+  }
+  a:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-table-of-contents-link-focus-ring-offset);
+    opacity: 1;
+  }
+  a[aria-current='true'] {
+    color: var(--dsa-wc-table-of-contents-link-color-active);
+    font: var(--dsa-wc-menu-item-font-current);
+  }
+  @media (forced-colors: active) {
+    a:hover,
+    a:focus-visible {
+      outline: var(--dsa-wc-focus-ring);
+      outline-offset: var(--dsa-wc-table-of-contents-link-focus-ring-offset);
+    }
+  }
+
+  [part='items'] {
+    display: none;
+  }
+`;export{n as a};

package/cdn/chunks/chunk.MAWZEUWL.js

@@ -0,0 +1,226 @@
+import{a as i}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var e=o`
+  ${i}
+
+  :host {
+    display: block;
+    user-select: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    color: var(--dsa-wc-option-color);
+    transition: var(--dsa-wc-transition-fast) fill;
+    cursor: pointer;
+  }
+
+  .option--small {
+    --toggle-size: var(--dsa-wc-checkbox-size-small);
+    font: var(--dsa-wc-option-small-font);
+    padding: var(--dsa-wc-option-small-padding);
+  }
+  .option--small.option--hover:not(.option--selected):not(.option--disabled),
+  .option--small.option--current {
+    padding-block: calc(var(--dsa-wc-option-small-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
+
+  .option--small dsa-icon,
+  .option--small ::slotted(dsa-icon) {
+    font-size: var(--dsa-wc-option-small-icon-size);
+  }
+
+  .option--medium {
+    --toggle-size: var(--dsa-wc-checkbox-size);
+    font: var(--dsa-wc-option-font);
+    padding: var(--dsa-wc-option-padding);
+  }
+  .option--medium.option--hover:not(.option--selected):not(.option--disabled),
+  .option--medium.option--current {
+    padding-block: calc(var(--dsa-wc-option-medium-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
+
+  .option--medium dsa-icon,
+  .option--medium ::slotted(dsa-icon) {
+    font-size: var(--dsa-wc-option-icon-size);
+  }
+
+  .option--large {
+    --toggle-size: var(--dsa-wc-checkbox-size-large);
+    font: var(--dsa-wc-option-large-font);
+    padding: var(--dsa-wc-option-large-padding);
+  }
+  .option--large.option--hover:not(.option--selected):not(.option--disabled),
+  .option--large.option--current {
+    padding-block: calc(var(--dsa-wc-option-large-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
+
+  .option--large dsa-icon,
+  .option--large ::slotted(dsa-icon) {
+    font-size: var(--dsa-wc-option-large-icon-size);
+  }
+
+  .option--hover:not(.option--selected):not(.option--disabled) {
+    background-color: var(--dsa-wc-option-hover-color);
+    border: 1px solid var(--dsa-wc-option-hover-border-color);
+  }
+
+  .option--error {
+    color: var(--dsa-wc-option-error-color);
+  }
+  .option--current,
+  .option--current.option--disabled {
+    background-color: var(--dsa-wc-option-hover-color);
+    border: 1px solid var(--dsa-wc-option-hover-border-color);
+  }
+
+  .option--selected.option--current:not(.option--multiple),
+  .option--selected.option--hover:not(.option--multiple) {
+    background-color: var(--dsa-wc-option-active-hover-background-color);
+    opacity: 1;
+  }
+  .option--selected.option--current.option--multiple,
+  .option--selected.option--hover.option--multiple {
+    background-color: var(
+      --dsa-wc-option-active-multiple-hover-background-color
+    );
+  }
+
+  .option--disabled {
+    outline: none;
+    cursor: not-allowed;
+    color: var(--dsa-wc-option-disabled-color);
+  }
+
+  .option__label {
+    flex: 1 1 auto;
+    display: inline-block;
+  }
+
+  .option .option__check {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    visibility: hidden;
+    margin-inline-end: var(--dsa-wc-option-check-icon-horizontal-padding);
+  }
+
+  .option--selected .option__check {
+    visibility: visible;
+  }
+
+  .option--selected:not(.option--multiple) {
+    background-color: var(--dsa-wc-option-active-background-color);
+    color: var(--dsa-wc-option-active-color);
+  }
+  .option--selected.option--multiple {
+    background-color: var(--dsa-wc-option-multiple-active-background-color);
+  }
+
+  .option__prefix,
+  .option__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .option__prefix::slotted(*),
+  .option--error .option__error-icon {
+    margin-inline-end: var(--dsa-wc-option-prefix-suffix-inline-padding);
+  }
+  .option--large .option__prefix::slotted(*),
+  .option--large .option--error .option__error-icon {
+    margin-inline-end: var(--dsa-wc-option-large-prefix-suffix-inline-padding);
+  }
+
+  .option__suffix::slotted(*) {
+    margin-inline-start: var(--dsa-wc-option-prefix-suffix-inline-padding);
+  }
+  .option--large .option__suffix::slotted(*) {
+    margin-inline-start: var(
+      --dsa-wc-option-large-prefix-suffix-inline-padding
+    );
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .option {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+
+  .option:not(.option--selected):not(.option--disabled) .option__amount {
+    color: var(--dsa-color-text-on-base-secondary);
+  }
+  :host(.filter-select__option:focus-visible) .option {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: calc(-1 * var(--dsa-wc-focus-ring-width));
+  }
+
+  /* Multiple checkbox */
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: var(--dsa-wc-checkbox-border);
+    border-radius: var(--dsa-wc-checkbox-border-radius);
+    color: var(--dsa-wc-checkbox-icon-color);
+    transition:
+      var(--dsa-wc-transition-fast) border-color,
+      var(--dsa-wc-transition-fast) background-color,
+      var(--dsa-wc-transition-fast) color,
+      var(--dsa-wc-transition-fast) box-shadow;
+    margin-inline: var(--dsa-wc-option-multiple-checkbox-horizontal-padding);
+  }
+
+  .option:not(.option--selected):not(.option--disabled):hover
+    .checkbox__control,
+  .option:not(.option--selected):not(.option--disabled)
+    .checkbox__control:hover {
+    border-color: var(--dsa-wc-checkbox-color-hover);
+  }
+
+  .option--selected .checkbox__control {
+    border-color: var(--dsa-wc-checkbox-color-active);
+    background-color: var(--dsa-wc-checkbox-color-active);
+  }
+
+  .option.option--selected:not(.option--disabled) .checkbox__control:hover {
+    border-color: var(--dsa-wc-checkbox-color-active);
+    background-color: var(--dsa-wc-checkbox-color-active);
+  }
+
+  .option--disabled .checkbox__control {
+    border-color: var(--dsa-wc-checkbox-color-disabled);
+  }
+  .option--selected.option--disabled .checkbox__control {
+    background-color: var(--dsa-wc-checkbox-color-disabled);
+  }
+
+  .option--disabled .checkbox__control {
+    border-color: var(--dsa-wc-checkbox-border-color-readonly);
+    color: var(--dsa-wc-checkbox-color-readonly);
+    background-color: var(--dsa-wc-checkbox-background-color);
+  }
+
+  .checkbox__checked-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+`;export{e as a};

package/cdn/chunks/chunk.MLPDA3UJ.js

@@ -0,0 +1,58 @@
+import{a}from"./chunk.SUID5N5C.js";import{a as r}from"./chunk.VNBROC2T.js";var t=r`
+  ${a}
+
+  /* Panel */
+  .filter .filter__panel {
+    min-width: 300px;
+  }
+
+  .filter__content {
+    padding: var(--dsa-spacing-16);
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-16);
+  }
+  .filter--drawer .filter__content {
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .filter__footer {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--dsa-spacing-8) var(--dsa-spacing-16);
+    gap: var(--dsa-spacing-16);
+    border-top: solid var(--dsa-wc-select-listbox-border-width)
+      var(--dsa-wc-select-listbox-border-color);
+  }
+  .filter--drawer .filter__footer {
+    border-top: 0;
+    padding: 0 var(--dsa-spacing-12);
+  }
+
+  .filter__content--inputs {
+    display: flex;
+    flex-direction: row;
+    gap: var(--dsa-spacing-16);
+  }
+
+  .filter__slider {
+    height: 25px;
+    display: flex;
+    align-items: center;
+  }
+
+  dsa-input {
+    flex: 1;
+  }
+
+  dsa-range-slider {
+    flex: 1;
+  }
+
+  dsa-divider {
+    width: 8px;
+    border-color: var(--dsa-color-primitive-colors-neutral-600);
+    margin: auto;
+    margin-bottom: 20px;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.MNOHN2CP.js

@@ -0,0 +1,27 @@
+import{a as m}from"./chunk.JTQQ2Q4C.js";import{d as o}from"./chunk.6DV3UDL6.js";import{a}from"./chunk.UJCOUPGF.js";import{a as r,b as s,f as i}from"./chunk.FC3GHOSX.js";import{a as l}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends i{constructor(){super(...arguments);this.quote="";this.author="";this.cite="";this.details="";this.borders=!1;this.size="medium"}render(){return l`
+      <div
+        class=${o({quote:!0,"quote--with-borders":this.borders,"quote--small":this.size==="small"})}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 34 25"
+          class=${o({quote__mark:!0,"quote__mark--small":this.size==="small"})}
+          aria-hidden="true"
+        >
+          <path
+            d="M15.2125 4C6.56865 4 0.867188 11.0522 0.867188 17.8318C0.867188 22.8318 4.86719 24.8318 7.86719 24.8318C11.6538 24.8318 14.702 21.6901 14.702 17.8318C14.702 13.9736 11.0908 11.2817 8.75749 11.1932C9.2231 8.95474 11.7534 6.4521 15.2125 6.4521V4ZM33.0645 4C24.4207 4 18.7192 11.0522 18.7192 17.8318C18.7192 22.8318 22.7192 24.8318 25.7192 24.8318C29.5058 24.8318 32.5541 21.6901 32.5541 17.8318C32.5541 13.9736 28.9429 11.2817 26.6095 11.1932C27.0751 8.95474 29.6054 6.4521 33.0645 6.4521V4Z"
+            fill="currentColor"
+          />
+        </svg>
+        <div class="quote__content">
+          <blockquote cite=${a(this.cite)} class="quote__blockquote">
+            <p>${this.quote}</p>
+          </blockquote>
+          ${this.author?l` <p class="quote__source"><span>–</span>${this.author}</p> `:""}
+          <slot name="details" class="quote__details"
+            >${this.details?l` <p>${this.details}</p> `:""}
+          </slot>
+          <slot name="image"></slot>
+        </div>
+      </div>
+    `}};t.styles=m,e([s()],t.prototype,"quote",2),e([s()],t.prototype,"author",2),e([s()],t.prototype,"cite",2),e([s()],t.prototype,"details",2),e([s({type:Boolean})],t.prototype,"borders",2),e([s()],t.prototype,"size",2),t=e([r("dsa-quote")],t);export{t as a};