@duetds/components 6.6.2 → 6.7.1

package/lib/dist-custom-elements/index.d.ts

@@ -1,88 +1,3 @@
-/* Duet custom elements */
-export { DuetActionButton as DuetActionButton } from '../types/components/duet-action-button/duet-action-button';
-export { DuetAlert as DuetAlert } from '../types/components/duet-alert/duet-alert';
-export { DuetBadge as DuetBadge } from '../types/components/duet-badge/duet-badge';
-export { DuetBreadcrumb as DuetBreadcrumb } from '../types/components/duet-breadcrumbs/duet-breadcrumb';
-export { DuetBreadcrumbs as DuetBreadcrumbs } from '../types/components/duet-breadcrumbs/duet-breadcrumbs';
-export { DuetButton as DuetButton } from '../types/components/duet-button/duet-button';
-export { DuetCaption as DuetCaption } from '../types/components/duet-caption/duet-caption';
-export { DuetCard as DuetCard } from '../types/components/duet-card/duet-card';
-export { DuetCheckbox as DuetCheckbox } from '../types/components/duet-checkbox/duet-checkbox';
-export { DuetCheckmark as DuetCheckmark } from '../types/components/duet-choice/duet-checkmark';
-export { DuetChoice as DuetChoice } from '../types/components/duet-choice/duet-choice';
-export { DuetChoiceGroup as DuetChoiceGroup } from '../types/components/duet-choice-group/duet-choice-group';
-export { DuetCollapsible as DuetCollapsible } from '../types/components/duet-collapsible/duet-collapsible';
-export { DuetCombobox as DuetCombobox } from '../types/components/duet-combobox/duet-combobox';
-export { DuetCookieConsent as DuetCookieConsent } from '../types/components/duet-cookie-consent/duet-cookie-consent';
-export { DuetDatePicker as DuetDatePicker } from '../types/components/duet-date-picker/duet-date-picker';
-export { DuetDivider as DuetDivider } from '../types/components/duet-divider/duet-divider';
-export { DuetEditableTable as DuetEditableTable } from '../types/components/duet-editable-table/duet-editable-table';
-export { DuetEmptyState as DuetEmptyState } from '../types/components/duet-empty-state/duet-empty-state';
-export { DuetFieldset as DuetFieldset } from '../types/components/duet-fieldset/duet-fieldset';
-export { DuetFooter as DuetFooter } from '../types/components/duet-footer/duet-footer';
-export { DuetGrid as DuetGrid } from '../types/components/duet-grid/duet-grid';
-export { DuetGridItem as DuetGridItem } from '../types/components/duet-grid-item/duet-grid-item';
-export { DuetHeader as DuetHeader } from '../types/components/duet-header/duet-header';
-export { DuetHeading as DuetHeading } from '../types/components/duet-heading/duet-heading';
-export { DuetHero as DuetHero } from '../types/components/duet-hero/duet-hero';
-export { DuetIcon as DuetIcon } from '../types/components/duet-icon/duet-icon';
-export { DuetInput as DuetInput } from '../types/components/duet-input/duet-input';
-export { DuetLabel as DuetLabel } from '../types/components/duet-label/duet-label';
-export { DuetLayout as DuetLayout } from '../types/components/duet-layout/duet-layout';
-export { DuetLink as DuetLink } from '../types/components/duet-link/duet-link';
-export { DuetList as DuetList } from '../types/components/duet-list/duet-list';
-export { DuetListItem as DuetListItem } from '../types/components/duet-list-item/duet-list-item';
-export { DuetLogo as DuetLogo } from '../types/components/duet-logo/duet-logo';
-export { DuetMenuBar as DuetMenuBar } from '../types/components/duet-menu-bar/duet-menu-bar';
-export { DuetMenuBarButton as DuetMenuBarButton } from '../types/components/duet-menu-bar-button/duet-menu-bar-button';
-export { DuetMenuBarDropdown as DuetMenuBarDropdown } from '../types/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown';
-export { DuetMenuBarDropdownLink as DuetMenuBarDropdownLink } from '../types/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link';
-export { DuetMenuBarLink as DuetMenuBarLink } from '../types/components/duet-menu-bar-link/duet-menu-bar-link';
-export { DuetModal as DuetModal } from '../types/components/duet-modal/duet-modal';
-export { DuetMultiselect as DuetMultiselect } from '../types/components/duet-multiselect/duet-multiselect';
-export { DuetMenuBar as DuetNav } from '../types/components/duet-nav/duet-nav';
-export { DuetNotification as DuetNotification } from '../types/components/duet-notification/duet-notification';
-export { DuetNotificationDrawer as DuetNotificationDrawer } from '../types/components/duet-notification-drawer/duet-notification-drawer';
-export { DuetNumberInput as DuetNumberInput } from '../types/components/duet-number-input/duet-number-input';
-export { DuetPageHeading as DuetPageHeading } from '../types/components/duet-page-heading/duet-page-heading';
-export { DuetPagination as DuetPagination } from '../types/components/duet-pagination/duet-pagination';
-export { DuetParagraph as DuetParagraph } from '../types/components/duet-paragraph/duet-paragraph';
-export { DuetProgress as DuetProgress } from '../types/components/duet-progress/duet-progress';
-export { DuetRadio as DuetRadio } from '../types/components/duet-radio/duet-radio';
-export { DuetRadioGroup as DuetRadioGroup } from '../types/components/duet-radio-group/duet-radio-group';
-export { DuetRangeSlider as DuetRangeSlider } from '../types/components/duet-range-slider/duet-range-slider';
-export { DuetRangeStepper as DuetRangeStepper } from '../types/components/duet-range-stepper/duet-range-stepper';
-export { DuetScrollable as DuetScrollable } from '../types/components/duet-scrollable/duet-scrollable';
-export { DuetSectionLayout as DuetSectionLayout } from '../types/components/duet-section-layout/duet-section-layout';
-export { DuetSelect as DuetSelect } from '../types/components/duet-select/duet-select';
-export { DuetSlideout as DuetSlideout } from '../types/components/duet-slideout/duet-slideout';
-export { DuetSlideoutLang as DuetSlideoutLang } from '../types/components/duet-slideout-lang/duet-slideout-lang';
-export { DuetSlideoutLink as DuetSlideoutLink } from '../types/components/duet-slideout-link/duet-slideout-link';
-export { DuetSlideoutPanel as DuetSlideoutPanel } from '../types/components/duet-slideout-panel/duet-slideout-panel';
-export { DuetSlideoutPanelDropdown as DuetSlideoutPanelDropdown } from '../types/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown';
-export { DuetSpacer as DuetSpacer } from '../types/components/duet-spacer/duet-spacer';
-export { DuetSpinner as DuetSpinner } from '../types/components/duet-spinner/duet-spinner';
-export { DuetStep as DuetStep } from '../types/components/duet-step/duet-step';
-export { DuetStepper as DuetStepper } from '../types/components/duet-stepper/duet-stepper';
-export { DuetSubmenuBar as DuetSubmenuBar } from '../types/components/duet-submenu-bar/duet-submenu-bar';
-export { DuetSubmenuBarDropdown as DuetSubmenuBarDropdown } from '../types/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown';
-export { DuetSubmenuBarDropdownLink as DuetSubmenuBarDropdownLink } from '../types/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link';
-export { DuetSubmenuBarLink as DuetSubmenuBarLink } from '../types/components/duet-submenu-bar-link/duet-submenu-bar-link';
-export { DuetTab as DuetTab } from '../types/components/duet-tab/duet-tab';
-export { DuetTabGroup as DuetTabGroup } from '../types/components/duet-tab-group/duet-tab-group';
-export { DuetTable as DuetTable } from '../types/components/duet-table/duet-table';
-export { DuetTextarea as DuetTextarea } from '../types/components/duet-textarea/duet-textarea';
-export { DuetToggle as DuetToggle } from '../types/components/duet-toggle/duet-toggle';
-export { DuetToolbar as DuetToolbar } from '../types/components/duet-toolbar/duet-toolbar';
-export { DuetToolbarDropdown as DuetToolbarDropdown } from '../types/components/duet-toolbar-dropdown/duet-toolbar-dropdown';
-export { DuetToolbarDropdownLink as DuetToolbarDropdownLink } from '../types/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link';
-export { DuetToolbarLink as DuetToolbarLink } from '../types/components/duet-toolbar-link/duet-toolbar-link';
-export { DuetTooltip as DuetTooltip } from '../types/components/duet-tooltip/duet-tooltip';
-export { DuetTray as DuetTray } from '../types/components/duet-tray/duet-tray';
-export { DuetUpload as DuetUpload } from '../types/components/duet-upload/duet-upload';
-export { DuetUploadAriaStatus as DuetUploadAriaStatus } from '../types/components/duet-upload-aria-status/duet-upload-aria-status';
-export { DuetVisuallyHidden as DuetVisuallyHidden } from '../types/components/duet-visually-hidden/duet-visually-hidden';
-
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -95,10 +10,18 @@ export { DuetVisuallyHidden as DuetVisuallyHidden } from '../types/components/du
  */
 export declare const setAssetPath: (path: string) => void;
 
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
 export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types/components';

package/lib/dist-custom-elements/index.js

@@ -1,90 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-export { s as setAssetPath, a as setPlatformOptions } from './p-e565b192.js';
-export { DuetActionButton, defineCustomElement as defineCustomElementDuetActionButton } from './duet-action-button.js';
-export { DuetAlert, defineCustomElement as defineCustomElementDuetAlert } from './duet-alert.js';
-export { DuetBadge, defineCustomElement as defineCustomElementDuetBadge } from './duet-badge.js';
-export { DuetBreadcrumb, defineCustomElement as defineCustomElementDuetBreadcrumb } from './duet-breadcrumb.js';
-export { DuetBreadcrumbs, defineCustomElement as defineCustomElementDuetBreadcrumbs } from './duet-breadcrumbs.js';
-export { DuetButton, defineCustomElement as defineCustomElementDuetButton } from './duet-button.js';
-export { DuetCaption, defineCustomElement as defineCustomElementDuetCaption } from './duet-caption.js';
-export { DuetCard, defineCustomElement as defineCustomElementDuetCard } from './duet-card.js';
-export { DuetCheckbox, defineCustomElement as defineCustomElementDuetCheckbox } from './duet-checkbox.js';
-export { DuetCheckmark, defineCustomElement as defineCustomElementDuetCheckmark } from './duet-checkmark.js';
-export { DuetChoice, defineCustomElement as defineCustomElementDuetChoice } from './duet-choice.js';
-export { DuetChoiceGroup, defineCustomElement as defineCustomElementDuetChoiceGroup } from './duet-choice-group.js';
-export { DuetCollapsible, defineCustomElement as defineCustomElementDuetCollapsible } from './duet-collapsible.js';
-export { DuetCombobox, defineCustomElement as defineCustomElementDuetCombobox } from './duet-combobox.js';
-export { DuetCookieConsent, defineCustomElement as defineCustomElementDuetCookieConsent } from './duet-cookie-consent.js';
-export { DuetDatePicker, defineCustomElement as defineCustomElementDuetDatePicker } from './duet-date-picker.js';
-export { DuetDivider, defineCustomElement as defineCustomElementDuetDivider } from './duet-divider.js';
-export { DuetEditableTable, defineCustomElement as defineCustomElementDuetEditableTable } from './duet-editable-table.js';
-export { DuetEmptyState, defineCustomElement as defineCustomElementDuetEmptyState } from './duet-empty-state.js';
-export { DuetFieldset, defineCustomElement as defineCustomElementDuetFieldset } from './duet-fieldset.js';
-export { DuetFooter, defineCustomElement as defineCustomElementDuetFooter } from './duet-footer.js';
-export { DuetGrid, defineCustomElement as defineCustomElementDuetGrid } from './duet-grid.js';
-export { DuetGridItem, defineCustomElement as defineCustomElementDuetGridItem } from './duet-grid-item.js';
-export { DuetHeader, defineCustomElement as defineCustomElementDuetHeader } from './duet-header.js';
-export { DuetHeading, defineCustomElement as defineCustomElementDuetHeading } from './duet-heading.js';
-export { DuetHero, defineCustomElement as defineCustomElementDuetHero } from './duet-hero.js';
-export { DuetIcon, defineCustomElement as defineCustomElementDuetIcon } from './duet-icon.js';
-export { DuetInput, defineCustomElement as defineCustomElementDuetInput } from './duet-input.js';
-export { DuetLabel, defineCustomElement as defineCustomElementDuetLabel } from './duet-label.js';
-export { DuetLayout, defineCustomElement as defineCustomElementDuetLayout } from './duet-layout.js';
-export { DuetLink, defineCustomElement as defineCustomElementDuetLink } from './duet-link.js';
-export { DuetList, defineCustomElement as defineCustomElementDuetList } from './duet-list.js';
-export { DuetListItem, defineCustomElement as defineCustomElementDuetListItem } from './duet-list-item.js';
-export { DuetLogo, defineCustomElement as defineCustomElementDuetLogo } from './duet-logo.js';
-export { DuetMenuBar, defineCustomElement as defineCustomElementDuetMenuBar } from './duet-menu-bar.js';
-export { DuetMenuBarButton, defineCustomElement as defineCustomElementDuetMenuBarButton } from './duet-menu-bar-button.js';
-export { DuetMenuBarDropdown, defineCustomElement as defineCustomElementDuetMenuBarDropdown } from './duet-menu-bar-dropdown.js';
-export { DuetMenuBarDropdownLink, defineCustomElement as defineCustomElementDuetMenuBarDropdownLink } from './duet-menu-bar-dropdown-link.js';
-export { DuetMenuBarLink, defineCustomElement as defineCustomElementDuetMenuBarLink } from './duet-menu-bar-link.js';
-export { DuetModal, defineCustomElement as defineCustomElementDuetModal } from './duet-modal.js';
-export { DuetMultiselect, defineCustomElement as defineCustomElementDuetMultiselect } from './duet-multiselect.js';
-export { DuetNav, defineCustomElement as defineCustomElementDuetNav } from './duet-nav.js';
-export { DuetNotification, defineCustomElement as defineCustomElementDuetNotification } from './duet-notification.js';
-export { DuetNotificationDrawer, defineCustomElement as defineCustomElementDuetNotificationDrawer } from './duet-notification-drawer.js';
-export { DuetNumberInput, defineCustomElement as defineCustomElementDuetNumberInput } from './duet-number-input.js';
-export { DuetPageHeading, defineCustomElement as defineCustomElementDuetPageHeading } from './duet-page-heading.js';
-export { DuetPagination, defineCustomElement as defineCustomElementDuetPagination } from './duet-pagination.js';
-export { DuetParagraph, defineCustomElement as defineCustomElementDuetParagraph } from './duet-paragraph.js';
-export { DuetProgress, defineCustomElement as defineCustomElementDuetProgress } from './duet-progress.js';
-export { DuetRadio, defineCustomElement as defineCustomElementDuetRadio } from './duet-radio.js';
-export { DuetRadioGroup, defineCustomElement as defineCustomElementDuetRadioGroup } from './duet-radio-group.js';
-export { DuetRangeSlider, defineCustomElement as defineCustomElementDuetRangeSlider } from './duet-range-slider.js';
-export { DuetRangeStepper, defineCustomElement as defineCustomElementDuetRangeStepper } from './duet-range-stepper.js';
-export { DuetScrollable, defineCustomElement as defineCustomElementDuetScrollable } from './duet-scrollable.js';
-export { DuetSectionLayout, defineCustomElement as defineCustomElementDuetSectionLayout } from './duet-section-layout.js';
-export { DuetSelect, defineCustomElement as defineCustomElementDuetSelect } from './duet-select.js';
-export { DuetSlideout, defineCustomElement as defineCustomElementDuetSlideout } from './duet-slideout.js';
-export { DuetSlideoutLang, defineCustomElement as defineCustomElementDuetSlideoutLang } from './duet-slideout-lang.js';
-export { DuetSlideoutLink, defineCustomElement as defineCustomElementDuetSlideoutLink } from './duet-slideout-link.js';
-export { DuetSlideoutPanel, defineCustomElement as defineCustomElementDuetSlideoutPanel } from './duet-slideout-panel.js';
-export { DuetSlideoutPanelDropdown, defineCustomElement as defineCustomElementDuetSlideoutPanelDropdown } from './duet-slideout-panel-dropdown.js';
-export { DuetSpacer, defineCustomElement as defineCustomElementDuetSpacer } from './duet-spacer.js';
-export { DuetSpinner, defineCustomElement as defineCustomElementDuetSpinner } from './duet-spinner.js';
-export { DuetStep, defineCustomElement as defineCustomElementDuetStep } from './duet-step.js';
-export { DuetStepper, defineCustomElement as defineCustomElementDuetStepper } from './duet-stepper.js';
-export { DuetSubmenuBar, defineCustomElement as defineCustomElementDuetSubmenuBar } from './duet-submenu-bar.js';
-export { DuetSubmenuBarDropdown, defineCustomElement as defineCustomElementDuetSubmenuBarDropdown } from './duet-submenu-bar-dropdown.js';
-export { DuetSubmenuBarDropdownLink, defineCustomElement as defineCustomElementDuetSubmenuBarDropdownLink } from './duet-submenu-bar-dropdown-link.js';
-export { DuetSubmenuBarLink, defineCustomElement as defineCustomElementDuetSubmenuBarLink } from './duet-submenu-bar-link.js';
-export { DuetTab, defineCustomElement as defineCustomElementDuetTab } from './duet-tab.js';
-export { DuetTabGroup, defineCustomElement as defineCustomElementDuetTabGroup } from './duet-tab-group.js';
-export { DuetTable, defineCustomElement as defineCustomElementDuetTable } from './duet-table.js';
-export { DuetTextarea, defineCustomElement as defineCustomElementDuetTextarea } from './duet-textarea.js';
-export { DuetToggle, defineCustomElement as defineCustomElementDuetToggle } from './duet-toggle.js';
-export { DuetToolbar, defineCustomElement as defineCustomElementDuetToolbar } from './duet-toolbar.js';
-export { DuetToolbarDropdown, defineCustomElement as defineCustomElementDuetToolbarDropdown } from './duet-toolbar-dropdown.js';
-export { DuetToolbarDropdownLink, defineCustomElement as defineCustomElementDuetToolbarDropdownLink } from './duet-toolbar-dropdown-link.js';
-export { DuetToolbarLink, defineCustomElement as defineCustomElementDuetToolbarLink } from './duet-toolbar-link.js';
-export { DuetTooltip, defineCustomElement as defineCustomElementDuetTooltip } from './duet-tooltip.js';
-export { DuetTray, defineCustomElement as defineCustomElementDuetTray } from './duet-tray.js';
-export { DuetUpload, defineCustomElement as defineCustomElementDuetUpload } from './duet-upload.js';
-export { DuetUploadAriaStatus, defineCustomElement as defineCustomElementDuetUploadAriaStatus } from './duet-upload-aria-status.js';
-export { DuetVisuallyHidden, defineCustomElement as defineCustomElementDuetVisuallyHidden } from './duet-visually-hidden.js';
+export { s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-67e14cd3.js';
 
 const setupLoggers = () => {
   {

package/lib/dist-custom-elements/{p-8dd42921.js → p-032585fc.js}

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-e565b192.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-67e14cd3.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as fieldSorter } from './p-0b3f675e.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
-import { g as getLocaleString } from './p-ede854e1.js';
-import { h } from './p-e4a60f42.js';
-import { d as defineCustomElement$6 } from './p-35c42834.js';
-import { d as defineCustomElement$5 } from './p-f039872b.js';
-import { d as defineCustomElement$4 } from './p-a1657855.js';
-import { d as defineCustomElement$3 } from './p-f6adaddb.js';
-import { d as defineCustomElement$2 } from './p-07adaab8.js';
-import { d as defineCustomElement$1 } from './p-85a51040.js';
+import { g as getLocaleString } from './p-6c05e879.js';
+import { h } from './p-152ee893.js';
+import { d as defineCustomElement$6 } from './p-2a6f4122.js';
+import { d as defineCustomElement$5 } from './p-1b0ba3fe.js';
+import { d as defineCustomElement$4 } from './p-c6137eb6.js';
+import { d as defineCustomElement$3 } from './p-7e1eab44.js';
+import { d as defineCustomElement$2 } from './p-646d548a.js';
+import { d as defineCustomElement$1 } from './p-6fe0175a.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {

package/lib/dist-custom-elements/{p-69aed4fa.js → p-108485b6.js}

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-e565b192.js';
+import { p as proxyCustomElement, H, h } from './p-67e14cd3.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { g as getColorByName } from './p-535ce3ec.js';
+import { g as getColorByName } from './p-9ed347f9.js';
 
-const duetDividerCss = "*,*::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:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
+const duetDividerCss = "*,*::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:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(225, 227, 230)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(228, 228, 230)}";
 
 const DuetDivider = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {

package/lib/dist-custom-elements/{p-e4a60f42.js → p-152ee893.js}

@@ -9,6 +9,13 @@
  *
  * Modified for Stencil's renderer and slot projection
  */
+/**
+ * Check whether a value is a 'complex type', defined here as an object or a
+ * function.
+ *
+ * @param o the value to check
+ * @returns whether it's a complex type or not
+ */
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
     o = typeof o;
@@ -22,7 +29,6 @@ const isComplexType = (o) => {
  *
  * Modified for Stencil's compiler and vdom
  */
-// const stack: any[] = [];
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
@@ -92,6 +98,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -111,10 +125,24 @@ const newVNode = (tag, text) => {
     }
     return vnode;
 };
+/**
+ * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
+ *
+ * Note that these functions convert from {@link d.VNode} to
+ * {@link d.ChildNode} to give functional component developers a friendly
+ * interface.
+ */
 const vdomFnUtils = {
     forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
     map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
 };
+/**
+ * Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a
+ * friendlier public interface (hence, 'convertToPublic').
+ *
+ * @param node the virtual DOM node to convert
+ * @returns a converted child node
+ */
 const convertToPublic = (node) => ({
     vattrs: node.$attrs$,
     vchildren: node.$children$,
@@ -123,6 +151,15 @@ const convertToPublic = (node) => ({
     vtag: node.$tag$,
     vtext: node.$text$,
 });
+/**
+ * Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in
+ * order to use the resulting object in the virtual DOM. The initial object was
+ * likely created as part of presenting a public API, so converting it back
+ * involved making it 'private' again (hence, `convertToPrivate`).
+ *
+ * @param node the child node to convert
+ * @returns a converted virtual DOM node
+ */
 const convertToPrivate = (node) => {
     if (typeof node.vtag === 'function') {
         const vnodeData = Object.assign({}, node.vattrs);

package/lib/dist-custom-elements/p-1b0ba3fe.js

@@ -0,0 +1,265 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-67e14cd3.js';
+import { i as inheritGlobalTheme } from './p-4ebf1618.js';
+import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
+import { a as getLanguage, g as getLocaleString } from './p-6c05e879.js';
+import { g as getColorByName } from './p-9ed347f9.js';
+import { d as defineCustomElement$3 } from './p-c6137eb6.js';
+import { d as defineCustomElement$2 } from './p-7e1eab44.js';
+import { d as defineCustomElement$1 } from './p-6fe0175a.js';
+
+const duetButtonCss = "*,*::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-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{border-color:rgb(225, 227, 230)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}.duet-button.default:hover{border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(228, 228, 230) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.negative{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px rgb(0, 41, 77), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px rgb(23, 28, 58), 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}.duet-button.plain:hover{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(148, 9, 37) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(228, 228, 230) !important}.duet-button.plain.duet-button-negative:hover{color:rgb(0, 119, 179) !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:rgb(198, 12, 48) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
+
+const DuetButton = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.duetFocus = createEvent(this, "duetFocus", 7);
+    this.duetBlur = createEvent(this, "duetBlur", 7);
+    /**
+     * Component event handling.
+     */
+    this.handleClick = (ev) => {
+      // If this button wants to specifically submit a form
+      // climb up the dom to see if we're in a <form>
+      // and if so, then use JS to submit it.
+      // To understand better, see: https://www.hjorthhansen.dev/shadow-dom-form-participation/
+      if (!this.url && this.element.closest("form")) {
+        ev.preventDefault();
+        this.proxyButton.click();
+      }
+    };
+    this.onFocus = () => {
+      this.duetFocus.emit();
+    };
+    this.onBlur = () => {
+      this.duetBlur.emit();
+    };
+    this.accessibleLabel = undefined;
+    this.accessibleControls = undefined;
+    this.accessiblePopup = "false";
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.accessibleDetails = undefined;
+    this.accessibleLabelledBy = undefined;
+    this.accessibleDescription = undefined;
+    this.accessibleExpanded = undefined;
+    this.accessiblePressed = undefined;
+    this.loading = false;
+    this.variation = "default";
+    this.negative = false;
+    this.theme = "";
+    this.margin = "auto";
+    this.padding = "auto";
+    this.centerText = false;
+    this.wrapping = "auto";
+    this.expand = false;
+    this.fixed = false;
+    this.disabled = false;
+    this.name = undefined;
+    this.value = undefined;
+    this.identifier = undefined;
+    this.submit = false;
+    this.external = false;
+    this.language = getLanguage();
+    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
+    this.icon = "";
+    this.color = "";
+    this.iconRight = false;
+    this.iconSize = "medium";
+    this.size = "medium";
+    this.iconOnly = false;
+    this.url = undefined;
+  }
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+    if (this.url && this.external && this.icon) {
+      console.warn("[DUET]: Button used as an external link will override any icon that is set");
+    }
+  }
+  connectedCallback() {
+    this.proxyButton = document.createElement("button");
+    this.proxyButton.style.display = "none";
+    this.syncToProxyButton();
+    if (!this.url && this.element.closest("form")) {
+      this.element.insertAdjacentElement("beforebegin", this.proxyButton);
+    }
+  }
+  disconnectedCallback() {
+    this.proxyButton.remove();
+    this.proxyButton = null;
+  }
+  syncToProxyButton() {
+    this.proxyButton.type = this.getButtonType();
+    this.proxyButton.disabled = this.disabled;
+    // attributes should be removed in cases where name/value is not set
+    if (this.name != null) {
+      this.proxyButton.name = this.name;
+    }
+    else {
+      this.proxyButton.removeAttribute("name");
+    }
+    if (this.value != null) {
+      this.proxyButton.value = this.value;
+    }
+    else {
+      this.proxyButton.removeAttribute("value");
+    }
+  }
+  getButtonType() {
+    return this.submit ? "submit" : "button";
+  }
+  /**
+   * Sets focus on the specified `duet-button`. Use this method instead of the global
+   * `button.focus()`.
+   */
+  async setFocus(options) {
+    if (this.nativeButton) {
+      this.nativeButton.focus(options);
+    }
+  }
+  /**
+   * render() function.
+   * Always the last one in the class.
+   */
+  render() {
+    const isExternalLink = this.external && this.url;
+    // enforce consistency for external links
+    const icon = isExternalLink ? "action-new-window" : this.icon;
+    const iconRight = isExternalLink ? true : this.iconRight;
+    const commonChildren = (h("span", { class: "duet-button-contents", style: { color: getColorByName(this.color) } }, icon && (h("div", { "aria-hidden": "true", class: {
+        "duet-button-icon": true,
+        left: !iconRight,
+        right: iconRight,
+        [this.iconSize]: true,
+      } }, h("duet-icon", { size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("slot", null)));
+    const commonProps = {
+      onFocus: this.onFocus,
+      onBlur: this.onBlur,
+      ref: button => (this.nativeButton = button),
+      id: this.identifier,
+      class: {
+        "duet-m-0": this.margin === "none",
+        "duet-p-0": this.padding === "none",
+        "duet-no-wrap": this.wrapping === "none",
+        "duet-button": true,
+        "duet-button-is-small": this.size === "small",
+        "duet-button-icon-only": this.iconOnly,
+        "duet-button-text-center": this.centerText,
+        "duet-button-negative": this.negative || this.variation === "negative",
+        [this.variation]: true,
+        disabled: this.disabled,
+        icon: !!icon,
+        "icon-right": iconRight,
+        [this.iconSize]: true,
+      },
+      "aria-controls": this.accessibleControls,
+      "aria-label": this.accessibleLabel,
+      "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined,
+      "aria-activedescendant": this.accessibleActiveDescendant,
+      "aria-owns": this.accessibleOwns,
+      "aria-describedby": this.accessibleDescribedBy,
+      "aria-labelledby": this.accessibleLabelledBy,
+      "aria-details": this.accessibleDetails,
+      "aria-description": this.accessibleDescription,
+    };
+    return (h(Host, { onClick: this.handleClick, class: {
+        "duet-m-0": this.margin === "none",
+        "duet-small": this.size === "small",
+        "duet-fixed": this.fixed,
+        "duet-expand": this.expand,
+        "input-button": this.variation.startsWith("input-button"),
+      } }, h("div", { class: {
+        "duet-button-container": true,
+        "duet-button-is-loading": this.loading,
+        "duet-theme-turva": this.theme === "turva",
+        "duet-button-negative": this.negative || this.variation === "negative",
+        [this.variation]: true,
+      } }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren)), this.loading && h("duet-spinner", { color: "currentColor" }))));
+  }
+  get element() { return this; }
+  static get watchers() { return {
+    "disabled": ["syncToProxyButton"],
+    "submit": ["syncToProxyButton"],
+    "value": ["syncToProxyButton"],
+    "name": ["syncToProxyButton"]
+  }; }
+  static get style() { return duetButtonCss; }
+}, [1, "duet-button", {
+    "accessibleLabel": [1, "accessible-label"],
+    "accessibleControls": [1, "accessible-controls"],
+    "accessiblePopup": [1, "accessible-popup"],
+    "accessibleActiveDescendant": [1, "accessible-active-descendant"],
+    "accessibleOwns": [1, "accessible-owns"],
+    "accessibleDescribedBy": [1, "accessible-described-by"],
+    "accessibleDetails": [1, "accessible-details"],
+    "accessibleLabelledBy": [1, "accessible-labelled-by"],
+    "accessibleDescription": [1, "accessible-description"],
+    "accessibleExpanded": [4, "accessible-expanded"],
+    "accessiblePressed": [4, "accessible-pressed"],
+    "loading": [4],
+    "variation": [1],
+    "negative": [4],
+    "theme": [1025],
+    "margin": [1],
+    "padding": [1],
+    "centerText": [4, "center-text"],
+    "wrapping": [1],
+    "expand": [4],
+    "fixed": [4],
+    "disabled": [516],
+    "name": [1],
+    "value": [1],
+    "identifier": [1],
+    "submit": [516],
+    "external": [4],
+    "language": [1],
+    "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
+    "accessibleLabelExternal": [1, "accessible-label-external"],
+    "icon": [1],
+    "color": [1],
+    "iconRight": [4, "icon-right"],
+    "iconSize": [1, "icon-size"],
+    "size": [1],
+    "iconOnly": [4, "icon-only"],
+    "url": [513],
+    "setFocus": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetButton);
+      }
+      break;
+    case "duet-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "duet-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "duet-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { DuetButton as D, defineCustomElement as d };