@duetds/components 4.33.0 → 4.34.1

package/lib/esm/duet-editable-table-button_3.entry.js

@@ -1,226 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-84d97bd1.js';
-import { g as getLocaleString } from './language-utils-344d894c.js';
-import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
-import { g as getColorByName } from './token-utils-590d9413.js';
-import { c as createID } from './create-id-981107da.js';
-import './string-utils-2f1793b8.js';
-import './tokens.module-49cbf963.js';
-
-const duetEditableTableButtonCss = "*.sc-duet-editable-table-button,*.sc-duet-editable-table-button::after,*.sc-duet-editable-table-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button{display:flex;align-content:space-between;justify-content:center;min-width:32px;max-width:32px;height:100%;min-height:32px;max-height:32px;padding:0;margin:0;cursor:pointer !important;background-color:transparent;border:1px solid;border-radius:50%}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button duet-icon.sc-duet-editable-table-button{align-self:center}";
-
-let DuetEditableTableButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.duetEditableItemAction = createEvent(this, "duetEditableItemAction", 7);
-    this.isHovering = false;
-    /**
-     * Theme of the empty state component.
-     */
-    this.theme = "";
-    /**
-     * action items passed from host component
-     * @internal
-     */
-    this.actions = undefined;
-    /**
-     * uid that gets passed along when the action is emitted
-     * @internal
-     */
-    this.uid = "";
-    /**
-     * group associated with action
-     * @internal
-     */
-    this.group = "";
-    /**
-     * key of the item in the map
-     * @internal
-     */
-    this.keyName = "";
-    this.onMouseEnter = () => {
-      this.isHovering = true;
-    };
-    this.onMouseLeave = () => {
-      this.isHovering = false;
-    };
-  }
-  /**
-   /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   /**
-   * private functions
-   */
-  emitActionEvent(ev) {
-    this.duetEditableItemAction.emit({
-      originalEvent: ev,
-      uid: this.uid,
-      group: this.group,
-      action: this.actions.id,
-      keyName: this.keyName,
-      component: "duet-editable-table-item",
-    });
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h("button", { style: {
-        "border-color": this.isHovering
-          ? getColorByName(this.actions.color_hover)
-          : getColorByName(this.actions.color),
-      }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "menuitem", class: "duet-editable-table-actions-items-button", "aria-label": this.actions.label ? getLocaleString(this.actions.label) : undefined, onClick: ev => this.emitActionEvent(ev) }, h("duet-icon", { class: "duet-editable-table-actions-items-icon", size: "x-small", name: this.actions.icon, color: this.isHovering ? this.actions.color_hover : this.actions.color, margin: "none" })));
-  }
-  get el() { return getElement(this); }
-};
-DuetEditableTableButton.style = duetEditableTableButtonCss;
-
-const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{border:0}legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;text-align:left;background:transparent}.duet-theme-turva .duet-legend-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#de2362;border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{color:#e02a0d}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-let DuetFieldset = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.errorId = createID("DuetError");
-    this.labelId = createID("DuetLabel");
-    this.hasTooltip = false;
-    /**
-     * Theme of the fieldset.
-     */
-    this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    this.checkHasTooltip = () => {
-      this.hasTooltip = !!this.element.querySelector("[slot='tooltip']");
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.checkHasTooltip();
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { "aria-labelledby": `${this.labelId} ${this.errorId}`, class: {
-        "duet-fieldset": true,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("legend", { id: this.labelId }, h("span", null, this.label), this.caption && h("span", null, this.caption)), h("div", { class: {
-        "duet-legend-wrapper": true,
-        "duet-legend-has-caption": !!this.caption,
-        "duet-legend-has-tooltip": this.hasTooltip,
-        "duet-legend-hidden": this.labelHidden,
-      } }, h("div", { class: "duet-fieldset-label" }, h("span", { "aria-hidden": "true" }, this.label), h("slot", { onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { margin: "none" }, this.caption)))), h("slot", null), h("span", { class: "duet-fieldset-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
-  }
-  get element() { return getElement(this); }
-};
-DuetFieldset.style = duetFieldsetCss;
-
-let DuetUploadAriaStatus = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * State() variables
-     */
-    this.statusMessage = null;
-    /**
-     * State() variables
-     */
-    this.statusMessageLabel = null;
-    /**
-     * Adds accessible label that is read aloud
-     */
-    this.accessibleAriaLive = "polite";
-    /**
-     * valid file amount
-     */
-    this.valid = undefined;
-    /**
-     * total files
-     */
-    this.total = undefined;
-    /**
-     * invalid file amount
-     */
-    this.invalid = undefined;
-    /**
-     * valid file amount
-     */
-    this.inprogress = undefined;
-    /**
-     * Component lifecycle events.
-     */
-    this.replacePlaceHolders = (statusString) => {
-      const addFiles = (amount) => {
-        return amount > 1 ? `${amount} ${this.statusMessageLabel.files}` : `${amount} ${this.statusMessageLabel.file}`;
-      };
-      return statusString
-        .replace("{filesUploaded}", addFiles(this.valid))
-        .replace("{filesInProgress}", addFiles(this.inprogress))
-        .replace("{filesTotal}", addFiles(this.total))
-        .replace("{filesWithErrors}", addFiles(this.invalid));
-    };
-    this.getStatusMessage = () => {
-      const { done, inProgress, doneWithErrors, inProgressWithErrors } = this.statusMessageLabel;
-      const hasErrors = this.invalid > 0;
-      const isInProgress = this.inprogress > 0;
-      const isInProgressWithErrors = this.inprogress > 0 && hasErrors;
-      const isDone = this.valid === this.total && !isInProgress && !hasErrors;
-      const isDoneWithErrors = this.valid + this.invalid === this.total && !isInProgress;
-      if (isDone) {
-        this.statusMessage = this.replacePlaceHolders(done);
-        return;
-      }
-      else if (isInProgressWithErrors) {
-        this.statusMessage = this.replacePlaceHolders(inProgressWithErrors);
-        return;
-      }
-      else if (isInProgress) {
-        this.statusMessage = this.replacePlaceHolders(inProgress);
-        return;
-      }
-      else if (isDoneWithErrors) {
-        this.statusMessage = this.replacePlaceHolders(doneWithErrors);
-        return;
-      }
-      return;
-    };
-  }
-  watchHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this.getStatusMessage();
-    }
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", null, this.statusMessage)));
-  }
-  static get watchers() { return {
-    "valid": ["watchHandler"],
-    "invalid": ["watchHandler"],
-    "inprogress": ["watchHandler"],
-    "total": ["watchHandler"]
-  }; }
-};
-
-export { DuetEditableTableButton as duet_editable_table_button, DuetFieldset as duet_fieldset, DuetUploadAriaStatus as duet_upload_aria_status };

package/lib/esm/duet-editable-table_3.entry.js

@@ -1,330 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-84d97bd1.js';
-import { d as debounce } from './js-utils-b69f17df.js';
-import { s as sanitizeString, g as getLocaleString } from './language-utils-344d894c.js';
-import { i as inheritGlobalTheme } from './themeable-component-572685dd.js';
-import { m as mediaQueryMedium, h as mediaQueryLarge, i as mediaQueryXLarge, j as mediaQueryXxLarge, k as mediaQueryXxxLarge, l as mediaQuerySmall, n as sizeNavigation, s as sizeHeader } from './tokens.module-49cbf963.js';
-import './string-utils-2f1793b8.js';
-
-const duetEditableTableCss = "duet-editable-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";
-
-let DuetEditableTable = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * State() variables
-     * @internal
-     */
-    this.tick = Date.now();
-    /**
-     * Map of items that contain list of things.
-     */
-    this.items = new Map();
-    /**
-     * Array of internationalized defaults for the default groups labels.
-     */
-    this.groupsLabelDefaults = {
-      fi: "Kaikki",
-      en: "All items",
-      sv: "Alla objekt",
-    };
-    /**
-     * Array of internationalized defaults for the default action labels.
-     */
-    this.actionLabelDefaults = {
-      fi: "Toiminnot",
-      en: "Actions",
-      sv: "Handlingar",
-    };
-    /**
-     * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
-     * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
-     * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}].
-     */
-    this.groups = [
-      { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults },
-    ];
-    /**
-     * Array of actions that are mapped via the map variable to the various groups defined in group.
-     * @default undefined
-     * @example [{
-                variation: "default",
-                icon: "action-edit-2",
-                id: "edit",
-                map: ["success"],
-                label: {
-                  fi: " Label",
-                  en: " Label",
-                  sv: " Label",
-                }
-              }]
-     */
-    this.actions = undefined;
-    /**
-     * Shows or hides the table labels.
-     */
-    this.hideGroups = false;
-    /**
-     * Exposes the aria role for optimizing accessibility.
-     */
-    this.accessibleRole = undefined;
-    /**
-     * Private methods.
-     */
-    this.kick = debounce(() => {
-      this.tick = Date.now();
-    }, 100); // will trigger re-render
-    this.filterMap = needle => {
-      if (needle === "all") {
-        return Array.from(this.items);
-      }
-      return Array.from(this.items).filter(item => needle === item[1].group);
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    if (typeof this.groups === "string") {
-      this.internalGroupArray = sanitizeString(this.groups);
-    }
-    else {
-      this.internalGroupArray = this.groups;
-    }
-    if (typeof this.actions === "string") {
-      this.internalActionsArray = sanitizeString(this.actions);
-    }
-    else {
-      this.internalActionsArray = this.actions;
-    }
-    inheritGlobalTheme(this);
-  }
-  /**
-   * Method to force an update of a tabular data array.
-   * when called the method will rerender the entire tabular structure.
-   */
-  async updateTable(passedItems = undefined) {
-    this.items = new Map(passedItems || this.items);
-    this.kick();
-  }
-  render() {
-    return (h(Host, { class: {
-        "duet-theme-turva": this.theme === "turva",
-      } }, this.internalGroupArray.map(group => {
-      const currentGroup = this.filterMap(group.id);
-      if (!currentGroup.length) {
-        return;
-      }
-      return (h("duet-table", { variation: "plain", breakpoint: "none", role: "", margin: this.hideGroups ? "none" : "auto" }, h("table", { class: "duet-editable-table", "aria-role": this.accessibleRole }, h("thead", { class: "duet-editable-table-header" }, h("tr", null, h("th", { class: {
-          "duet-editable-table-header-hidden": this.hideGroups,
-        } }, !this.hideGroups ? (getLocaleString(group.label)) : (h("duet-visually-hidden", null, getLocaleString(group.label)))), h("th", { class: {
-          "duet-editable-table-header-hidden": this.hideGroups,
-        } }, h("duet-visually-hidden", null, group.actionLabel
-        ? getLocaleString(group.actionLabel)
-        : getLocaleString(this.actionLabelDefaults))))), h("tbody", null, currentGroup.map(dataAsArray => {
-        const [key, value] = dataAsArray;
-        return (h("duet-editable-table-item", { keyName: key, data: Object.assign({}, value), groupId: group.id, part: group.id, actions: this.internalActionsArray }));
-      })))));
-    })));
-  }
-  get element() { return getElement(this); }
-};
-DuetEditableTable.style = duetEditableTableCss;
-
-//simple functional component that renders the data in the table
-const TableData = ({ data, groupId }, _children) => {
-  if (typeof data === "string") {
-    return h("td", { innerHTML: data, class: "duet-editable-table-content", part: `${groupId}content` });
-  }
-  else {
-    return (h("td", { class: "duet-editable-table-content", part: `${groupId}content` }, data));
-  }
-};
-
-const duetEditableTableItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{display:table-row;height:32px}.duet-editable-table-content,.duet-editable-table-actions{height:32px;padding:12px 0;vertical-align:middle;break-word:break-all;border-bottom:1px solid #e1e3e6}.duet-editable-table-actions-items{display:flex;justify-content:flex-end}.duet-editable-table-actions-items duet-editable-table-button{padding-left:8px}.duet-editable-table .editable-item-small{font-size:0.75rem;font-weight:400}";
-
-let DuetEditableTableItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.duetEditableItemAction = createEvent(this, "duetEditableItemAction", 7);
-    this.isHovering = false;
-    /**
-     * Theme of the empty state component.
-     */
-    this.theme = "";
-    /**
-     * Actions that can be performed on the element
-     */
-    this.actions = undefined;
-    /**
-     * GroupId used to pierce the shadowdom - gets concatenated with "content & actions" and used as part="groupIDcontent/actions" to pierce the content/Action item
-     * @internal
-     */
-    this.groupId = "";
-    /**
-     * Key used to identify item, when running actions
-     */
-    this.keyName = "";
-    /**
-     * Object of data itemsused to render the entire row
-     */
-    this.data = undefined;
-  }
-  watchPropHandler(_newValue, _oldValue) {
-    // console.log("The new value of activated is: ", _newValue)
-  }
-  /**
-   /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   /**
-   * private functions
-   */
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { role: "row" }, h(TableData, { data: this.data.item, groupId: this.groupId }), h("td", { class: "duet-editable-table-actions" }, h("div", { class: "duet-editable-table-actions-items", part: `${this.groupId}actions` }, this.actions.map(result => {
-      const { map = undefined } = result;
-      // if map has been specified, only show the current action if groupID matches the map array
-      if (map && !map.includes(this.groupId)) {
-        return;
-      }
-      return (h("duet-editable-table-button", { keyName: this.keyName, group: this.data.group, uid: this.data.uid, actions: result, theme: this.theme }));
-    })))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "data": ["watchPropHandler"]
-  }; }
-};
-DuetEditableTableItem.style = duetEditableTableItemCss;
-
-const duetTableCss = "duet-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;font-variant-numeric:tabular-nums}duet-table table,duet-table thead,duet-table tbody,duet-table tfoot,duet-table th,duet-table td,duet-table tr{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}duet-table.duet-m-0{margin:0 !important}duet-table table{width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;text-align:left;border-spacing:0;border-collapse:separate}duet-table.duet-theme-turva table{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}duet-table td{-webkit-hyphens:auto;hyphens:auto;color:#00294d}duet-table.duet-theme-turva td{color:#171c3a}duet-table th{font-weight:600;line-height:1.25;color:#657787;text-align:left}duet-table.duet-theme-turva th{color:#747475}duet-table tbody th{font-weight:600;color:#00294d}duet-table.duet-theme-turva tbody th{color:#171c3a}.duet-table-flattened table,.duet-table-flattened thead,.duet-table-flattened tbody,.duet-table-flattened tfoot,.duet-table-flattened th,.duet-table-flattened td,.duet-table-flattened tr{display:block}.duet-table-flattened thead tr{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-table-flattened td{line-height:1.25}.duet-table-flattened td:not(:last-child){margin-bottom:16px !important}.duet-table-flattened tbody td,.duet-table-flattened tbody th,.duet-table-flattened tfoot td{padding:0 !important;text-align:left !important}.duet-table-flattened tbody th{font-weight:600;line-height:1.25;color:#657787;text-align:left}.duet-table-flattened td[data-heading]::before{margin-bottom:4px !important;display:block;font-size:1rem;font-weight:600;color:#00294d;content:attr(data-heading)}.duet-table-flattened.duet-theme-turva td[data-heading]::before{color:#171c3a}.duet-table-sticky thead th{position:sticky;top:0;background:white}.duet-table-striped td,.duet-table-striped th{padding:20px !important}@media (max-width: 35.9375em){.duet-table-striped td,.duet-table-striped th{padding:20px 12px !important}}.duet-table-striped tbody th{background:white}.duet-table-striped.duet-table-sticky thead th{border-bottom:1px solid #e1e3e6}.duet-table-striped.duet-table-sticky.duet-theme-turva thead th{border-bottom-color:#e4e4e6}.duet-table-striped tbody:not(:first-of-type) th{padding-top:40px !important}.duet-table-striped tbody:only-of-type tr:nth-of-type(odd){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(0, 80, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tfoot td{border-top:1px solid #e1e3e6}.duet-table-striped.duet-theme-turva tfoot td{border-top-color:#e4e4e6}.duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th{padding-top:20px !important}.duet-table-striped.duet-table-flattened tr{padding:20px !important}.duet-table-striped.duet-table-flattened tfoot td{border-top:0}.duet-table-striped.duet-table-flattened tfoot tr{border-top:1px solid #e1e3e6}.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr{border-top-color:#e4e4e6}.duet-table-minimal th,.duet-table-plain th{padding:16px !important;border-bottom:1px solid #657787}.duet-table-minimal th:first-child,.duet-table-plain th:first-child{padding-left:0 !important}.duet-table-minimal th:last-child,.duet-table-plain th:last-child{padding-right:0 !important}.duet-theme-turva.duet-table-minimal th,.duet-theme-turva.duet-table-plain th{border-bottom-color:#444445}.duet-table-minimal tbody th,.duet-table-plain tbody th{padding-top:40px !important;border-bottom-color:#e1e3e6}.duet-theme-turva.duet-table-minimal tbody th,.duet-theme-turva.duet-table-plain tbody th{border-bottom-color:#e4e4e6}.duet-table-minimal td,.duet-table-plain td{padding:16px !important}.duet-table-minimal td:first-child,.duet-table-plain td:first-child{padding-left:0 !important}.duet-table-minimal td:last-child,.duet-table-plain td:last-child{padding-right:0 !important}.duet-table-minimal tbody td,.duet-table-plain tbody td{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-table-minimal tbody td,.duet-theme-turva.duet-table-plain tbody td{border-bottom-color:#e4e4e6}.duet-table-flattened.duet-table-minimal tbody:first-of-type th,.duet-table-flattened.duet-table-plain tbody:first-of-type th{padding-top:0 !important}.duet-table-flattened.duet-table-minimal td,.duet-table-flattened.duet-table-plain td,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{border-bottom:0}.duet-table-flattened.duet-table-minimal tr,.duet-table-flattened.duet-table-plain tr{padding:20px 0 !important}.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{padding-top:20px !important}.duet-table-flattened.duet-table-minimal tfoot td,.duet-table-flattened.duet-table-plain tfoot td{margin-bottom:4px !important}.duet-table-flattened.duet-table-minimal tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-plain tbody:not(:only-of-type) tr:first-child{border-bottom:0}.duet-table-plain.duet-table-flattened tbody tr{border-bottom:1px solid #e1e3e6}.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr{border-bottom-color:#e4e4e6}.duet-table-minimal tbody tr,.duet-table-minimal tbody tr td{vertical-align:top;border-bottom:0 none}.duet-table-minimal tbody tr:last-of-type,.duet-table-minimal tbody tr:last-of-type td{border-bottom:1px solid #e1e3e6}.duet-table-minimal.duet-table-flattened tbody tr,.duet-table-minimal.duet-table-flattened tbody tr td{border-bottom:0 none}.duet-table-minimal.duet-table-flattened tbody tr td[data-heading]::before{display:none}.duet-table-minimal.duet-table-flattened tfoot{border-top:1px solid #e1e3e6}.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot{border-top-color:#e4e4e6}.duet-table-scrollable{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100px 100%, 100px 100%, 12px 100%, 12px 100%}.duet-table-selected-column{background:rgba(0, 119, 179, 0.08)}.duet-theme-turva .duet-table-selected-column{background:rgba(68, 68, 69, 0.08)}";
-
-// remove wrapping speech marks.
-// media query tokens are wrapped in speech marks,
-// which need to be removed before use with matchMedia.
-const unwrap = (str) => str.substring(1, str.length - 1);
-const breakpointToToken = {
-  none: "all",
-  "none-scrollable": "all",
-  small: unwrap(mediaQuerySmall),
-  medium: unwrap(mediaQueryMedium),
-  large: unwrap(mediaQueryLarge),
-  "x-large": unwrap(mediaQueryXLarge),
-  "xx-large": unwrap(mediaQueryXxLarge),
-  "xxx-large": unwrap(mediaQueryXxxLarge),
-};
-const stickyTopValues = {
-  none: 0,
-  "with-links": parseFloat(sizeNavigation) * 16,
-  "without-links": parseFloat(sizeHeader) * 16,
-};
-let DuetTable = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Tracks whether the breakpoint is matched. This is set to true by default so that JavaScript disabled in SSR mode we get accessible table data first.
-     */
-    this.matchesBreakpoint = true;
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Style variation of the table.
-     */
-    this.variation = "striped";
-    /**
-     * Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
-    this.sticky = false;
-    /**
-     * Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
-    this.stickyDistance = "with-links";
-    /**
-     * By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
-    this.breakpoint = "small";
-    this.handleMediaQueryChange = (mq) => {
-      this.matchesBreakpoint = mq.matches;
-    };
-  }
-  connectedCallback() {
-    this.mq = matchMedia(breakpointToToken[this.breakpoint]);
-    this.mq.addListener(this.handleMediaQueryChange);
-    this.handleMediaQueryChange(this.mq);
-    this.observer = new MutationObserver(() => this.copyHeadingsToCells());
-    this.observer.observe(this.element, {
-      childList: true,
-      subtree: true,
-    });
-  }
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.copyHeadingsToCells();
-    if (this.sticky && this.breakpoint === "none-scrollable") {
-      console.warn(`[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence`);
-    }
-    if (this.sticky) {
-      const stickyTop = stickyTopValues[this.stickyDistance];
-      const headingElements = this.element.querySelectorAll("thead th");
-      headingElements.forEach(th => (th.style.top = `${stickyTop}px`));
-    }
-  }
-  componentDidLoad() {
-    // this clears all pending mutations,
-    // that way we avoid dealing with any initial changes
-    // and only get genuine mutations as rows are added/removed
-    this.observer.takeRecords();
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-    this.observer = null;
-    this.mq.removeListener(this.handleMediaQueryChange);
-    this.mq = null;
-    this.matchesBreakpoint = true;
-  }
-  copyHeadingsToCells() {
-    const headingElements = this.element.querySelectorAll("thead th");
-    const rowElements = this.element.querySelectorAll("tbody tr");
-    const headings = Array.from(headingElements).map(th => th.textContent.trim());
-    rowElements.forEach(tr => {
-      tr.querySelectorAll("td").forEach((td, i) => {
-        if (headings[i]) {
-          td.dataset.heading = headings[i];
-        }
-      });
-    });
-  }
-  render() {
-    return (h(Host, { class: {
-        [`duet-table-${this.variation}`]: true,
-        "duet-table-flattened": !this.matchesBreakpoint,
-        // sticky only valid when in regular table layout
-        "duet-table-sticky": this.matchesBreakpoint && this.sticky,
-        "duet-table-scrollable": this.breakpoint === "none-scrollable",
-        "duet-m-0": this.margin === "none",
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("slot", null)));
-  }
-  get element() { return getElement(this); }
-};
-DuetTable.style = duetTableCss;
-
-export { DuetEditableTable as duet_editable_table, DuetEditableTableItem as duet_editable_table_item, DuetTable as duet_table };

package/lib/esm/js-utils-b69f17df.js

@@ -1,14 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const debounce = (func, timeout = 50) => {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
-      func.apply(undefined, args);
-    }, timeout);
-  };
-};
-
-export { debounce as d };

package/lib/esm/token-utils-590d9413.js

@@ -1,28 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { t as tokens } from './tokens.module-49cbf963.js';
-
-const MATCH_DASH_CASE = /-([a-z])/g;
-function replaceDashCase(g) {
-  return g[1].toUpperCase();
-}
-function convertToCamelCase(string) {
-  return string.replace(MATCH_DASH_CASE, replaceDashCase);
-}
-function convertToColorName(name) {
-  if (name.indexOf("color-") === -1 && name.indexOf("-") !== -1) {
-    return convertToCamelCase(`color-${name}`);
-  }
-  if (name.indexOf("color") === -1) {
-    return convertToCamelCase(`color${name.charAt(0).toUpperCase()}${name.slice(1)}`);
-  }
-  return convertToCamelCase(name);
-}
-function getColorByName(name) {
-  if (name) {
-    return tokens[convertToColorName(name)];
-  }
-}
-
-export { getColorByName as g };

package/lib/esm-es5/duet-editable-table-button_3.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-84d97bd1.js";import{g as getLocaleString}from"./language-utils-344d894c.js";import{i as inheritGlobalTheme}from"./themeable-component-572685dd.js";import{g as getColorByName}from"./token-utils-590d9413.js";import{c as createID}from"./create-id-981107da.js";import"./string-utils-2f1793b8.js";import"./tokens.module-49cbf963.js";var duetEditableTableButtonCss="*.sc-duet-editable-table-button,*.sc-duet-editable-table-button::after,*.sc-duet-editable-table-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button{display:flex;align-content:space-between;justify-content:center;min-width:32px;max-width:32px;height:100%;min-height:32px;max-height:32px;padding:0;margin:0;cursor:pointer !important;background-color:transparent;border:1px solid;border-radius:50%}.sc-duet-editable-table-button-h button.sc-duet-editable-table-button duet-icon.sc-duet-editable-table-button{align-self:center}";var DuetEditableTableButton=function(){function e(e){var t=this;registerInstance(this,e);this.duetEditableItemAction=createEvent(this,"duetEditableItemAction",7);this.isHovering=false;this.theme="";this.actions=undefined;this.uid="";this.group="";this.keyName="";this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.emitActionEvent=function(e){this.duetEditableItemAction.emit({originalEvent:e,uid:this.uid,group:this.group,action:this.actions.id,keyName:this.keyName,component:"duet-editable-table-item"})};e.prototype.render=function(){var e=this;return h("button",{style:{"border-color":this.isHovering?getColorByName(this.actions.color_hover):getColorByName(this.actions.color)},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,role:"menuitem",class:"duet-editable-table-actions-items-button","aria-label":this.actions.label?getLocaleString(this.actions.label):undefined,onClick:function(t){return e.emitActionEvent(t)}},h("duet-icon",{class:"duet-editable-table-actions-items-icon",size:"x-small",name:this.actions.icon,color:this.isHovering?this.actions.color_hover:this.actions.color,margin:"none"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetEditableTableButton.style=duetEditableTableButtonCss;var duetFieldsetCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{border:0}legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;text-align:left;background:transparent}.duet-theme-turva .duet-legend-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:#de2362;border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{color:#e02a0d}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetFieldset=function(){function e(e){var t=this;registerInstance(this,e);this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.hasTooltip=false;this.theme="";this.margin="auto";this.labelHidden=false;this.checkHasTooltip=function(){t.hasTooltip=!!t.element.querySelector("[slot='tooltip']")}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.checkHasTooltip()};e.prototype.render=function(){return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("fieldset",{"aria-labelledby":this.labelId+" "+this.errorId,class:{"duet-fieldset":true,"duet-theme-turva":this.theme==="turva"}},h("legend",{id:this.labelId},h("span",null,this.label),this.caption&&h("span",null,this.caption)),h("div",{class:{"duet-legend-wrapper":true,"duet-legend-has-caption":!!this.caption,"duet-legend-has-tooltip":this.hasTooltip,"duet-legend-hidden":this.labelHidden}},h("div",{class:"duet-fieldset-label"},h("span",{"aria-hidden":"true"},this.label),h("slot",{onSlotchange:this.checkHasTooltip,name:"tooltip"})),this.caption&&h("div",{class:"duet-fieldset-caption","aria-hidden":"true"},h("duet-caption",{margin:"none"},this.caption))),h("slot",null),h("span",{class:"duet-fieldset-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetFieldset.style=duetFieldsetCss;var DuetUploadAriaStatus=function(){function e(e){var t=this;registerInstance(this,e);this.statusMessage=null;this.statusMessageLabel=null;this.accessibleAriaLive="polite";this.valid=undefined;this.total=undefined;this.invalid=undefined;this.inprogress=undefined;this.replacePlaceHolders=function(e){var i=function(e){return e>1?e+" "+t.statusMessageLabel.files:e+" "+t.statusMessageLabel.file};return e.replace("{filesUploaded}",i(t.valid)).replace("{filesInProgress}",i(t.inprogress)).replace("{filesTotal}",i(t.total)).replace("{filesWithErrors}",i(t.invalid))};this.getStatusMessage=function(){var e=t.statusMessageLabel,i=e.done,a=e.inProgress,o=e.doneWithErrors,n=e.inProgressWithErrors;var s=t.invalid>0;var r=t.inprogress>0;var l=t.inprogress>0&&s;var d=t.valid===t.total&&!r&&!s;var u=t.valid+t.invalid===t.total&&!r;if(d){t.statusMessage=t.replacePlaceHolders(i);return}else if(l){t.statusMessage=t.replacePlaceHolders(n);return}else if(r){t.statusMessage=t.replacePlaceHolders(a);return}else if(u){t.statusMessage=t.replacePlaceHolders(o);return}return}}e.prototype.watchHandler=function(e,t){if(e!==t){this.getStatusMessage()}};e.prototype.render=function(){return h(Host,{role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},h("duet-visually-hidden",null,this.statusMessage))};Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}},enumerable:false,configurable:true});return e}();export{DuetEditableTableButton as duet_editable_table_button,DuetFieldset as duet_fieldset,DuetUploadAriaStatus as duet_upload_aria_status};