@duetds/components 7.1.1 → 7.1.2

package/lib/cjs/duet-action-button.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const jsUtils = require('./js-utils-b20cfc79.js');
@@ -16,7 +16,7 @@ const tokenUtils = require('./token-utils-dbfeff2e.js');
 require('./string-utils-51a2f59f.js');
 require('./tokens.module-10f42b21.js');
 
-const duetActionButtonCss = "*,*::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;display:inline-block;margin:0 auto}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(0, 41, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}button.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}button.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}button.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}button.duet-action-button:active:focus.duet-theme-turva{background:#ddddde !important}button.duet-action-button:disabled{color:rgb(144, 149, 153);cursor:default;background:rgb(245, 248, 250);opacity:0.75}button.duet-action-button.duet-theme-turva:disabled{color:rgb(116, 116, 117);background:rgb(245, 245, 247)}";
+const duetActionButtonCss = "*,*::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;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(0, 41, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9e9eb}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#ddddde !important}.duet-action-button:disabled{color:rgb(144, 149, 153);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(116, 116, 117);background:rgb(245, 245, 247)}";
 
 const DuetActionButton = class {
   constructor(hostRef) {
@@ -60,6 +60,7 @@ const DuetActionButton = class {
     };
     this.accessibleLabel = languageUtils.getLocaleString(this.accessibleLabelsDefaults);
     this.accessibleControls = "";
+    this.url = undefined;
   }
   //handle a11y keyboard navigation events
   async onKeyboardDown(e) {
@@ -78,7 +79,6 @@ const DuetActionButton = class {
     }
     return titleString;
   }
-  //set update current when mouse click on page number
   async onMouseHandler(e) {
     e.preventDefault();
     this.duetActionEvent.emit({
@@ -137,12 +137,28 @@ const DuetActionButton = class {
       "border-width": "1px",
       "border-style": "solid",
     };
-    return (index.h(index.Host, { onKeyDown: e => this.onKeyboardDown(e) }, index.h("style", { innerHTML: backgroundStyles }), index.h("button", { ref: button => (this.nativeButton = button), part: "button", style: styles, disabled: this.disabled, id: this.listId, class: {
+    const commonProps = {
+      ref: button => (this.nativeButton = button),
+      part: "button",
+      style: styles,
+      disabled: this.disabled,
+      id: this.listId,
+      type: "button",
+      "aria-label": this.accessibleLabel,
+      "aria-labelledby": this.accessibleLabelledBy,
+      "aria-description": this.accessibleDescription,
+      "aria-describedby": this.accessibleDescribedBy,
+      "aria-details": this.accessibleDetails,
+      "aria-controls": this.accessibleControls,
+      title: this.getTitle(),
+      class: {
         "duet-action-button": true,
         "duet-action-button--disabled": this.disabled,
         [`duet-action-button--${this.theme}`]: this.theme !== "",
         "duet-theme-turva": this.theme === "turva",
-      }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null)))));
+      },
+    };
+    return (index.h(index.Host, { onKeyDown: e => this.onKeyboardDown(e) }, index.h("style", { innerHTML: backgroundStyles }), this.url && !this.disabled ? (index.h("a", Object.assign({}, commonProps, { href: this.url }), index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }))) : (index.h("button", Object.assign({}, commonProps, { onClick: e => this.onMouseHandler(e) }), index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null))))));
   }
   get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-alert.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');

package/lib/cjs/duet-badge.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 

package/lib/cjs/duet-banner.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 const tokenUtils = require('./token-utils-dbfeff2e.js');

package/lib/cjs/duet-breadcrumb.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
 const nudge = require('./nudge-ee03ce2e.js');

package/lib/cjs/duet-breadcrumbs.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
 require('./string-utils-51a2f59f.js');

package/lib/cjs/duet-button_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const commonStrings = require('./common-strings-17770d7a.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');

package/lib/cjs/duet-callout.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 

package/lib/cjs/duet-caption_4.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 const stringUtils = require('./string-utils-51a2f59f.js');

package/lib/cjs/duet-card.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');

package/lib/cjs/duet-checkbox.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const nudge = require('./nudge-ee03ce2e.js');

package/lib/cjs/duet-checkmark.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";

package/lib/cjs/duet-chip.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
 const nudge = require('./nudge-ee03ce2e.js');

package/lib/cjs/duet-choice_2.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const slotQuery = require('./slot-query-b7555763.js');
 const commonStrings = require('./common-strings-17770d7a.js');
 const createId = require('./create-id-167cd350.js');
-const focusUtils = require('./focus-utils-135b1e70.js');
+const focusUtils = require('./focus-utils-c58cda6e.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
 const nudge = require('./nudge-ee03ce2e.js');

package/lib/cjs/duet-collapsible.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const tokens = require('./tokens-cecc0f2f.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');

package/lib/cjs/duet-combobox.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const jsUtils = require('./js-utils-b20cfc79.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');

package/lib/cjs/duet-contact-card.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
 const nudge = require('./nudge-ee03ce2e.js');

package/lib/cjs/duet-cookie-consent.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 

package/lib/cjs/duet-date-picker.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const createId = require('./create-id-167cd350.js');
-const focusUtils = require('./focus-utils-135b1e70.js');
+const focusUtils = require('./focus-utils-c58cda6e.js');
 const languageUtils = require('./language-utils-dc19e8b6.js');
 const nudge = require('./nudge-ee03ce2e.js');
 require('./string-utils-51a2f59f.js');

package/lib/cjs/duet-divider_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const tokenUtils = require('./token-utils-dbfeff2e.js');
 require('./tokens.module-10f42b21.js');

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const jsUtils = require('./js-utils-b20cfc79.js');
 const keyboardUtils = require('./keyboard-utils-02441bc5.js');

package/lib/cjs/duet-empty-state.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const nudge = require('./nudge-ee03ce2e.js');
 

package/lib/cjs/duet-fieldset.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');
 const slotQuery = require('./slot-query-b7555763.js');
 const createId = require('./create-id-167cd350.js');

package/lib/cjs/duet-footer.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const actionArrowRight = require('./action-arrow-right-24fe06be.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-17770d7a.js');

package/lib/cjs/duet-grid_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const tokens = require('./tokens-cecc0f2f.js');
 const watchOptions = require('./watch-options-1773d69f.js');
 const themeableComponent = require('./themeable-component-0be6d1f4.js');

package/lib/cjs/duet-header_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8d4b3790.js');
+const index = require('./index-690ed579.js');
 const formSearch = require('./form-search-d61b2843.js');
 const tokens = require('./tokens-cecc0f2f.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-83f334d1.js');