@duetds/components 4.34.4 → 4.35.0

package/lib/esm-es5/loader.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ff4326da.js";import{g as globalScripts}from"./app-globals-6641e444.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){globalScripts();return bootstrapLazy(JSON.parse('[["duet-choice_2",[[6,"duet-choice-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"responsive":[4],"value":[1537],"disabled":[4]}],[6,"duet-choice",{"theme":[1025],"label":[1],"accessibleLabelInfoButtonDefaults":[1,"accessible-label-info-default"],"accessibleLabelInfoButton":[1,"accessible-label-info-button"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"caption":[1],"value":[1537],"type":[513],"name":[1],"checked":[1540],"collapsible":[4],"margin":[1],"icon":[1],"expand":[4],"padding":[1],"identifier":[1],"groupDirection":[1,"group-direction"],"groupDisabled":[4,"group-disabled"],"groupResponsive":[4,"group-responsive"],"disabled":[516],"required":[4],"infoLabelDefaults":[1,"accessible-label-info-default"],"infoLabel":[1,"info-label"],"isHovering":[32],"isInfoOpen":[32],"isBlurred":[32],"setFocus":[64]},[[2,"blur","handleHostBlur"],[2,"keydown","handleHostKeyDown"],[2,"keyup","handleHostKeyUp"]]]]],["duet-hero",[[1,"duet-hero",{"theme":[1025],"heading":[1],"preHeading":[1,"pre-heading"],"level":[1],"description":[1],"icon":[1],"iconSize":[1,"icon-size"],"iconRight":[4,"icon-right"],"categoryIcon":[1,"category-icon"],"categoryIconColor":[1,"category-icon-color"],"buttonLabel":[1,"button-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"buttonUrl":[1,"button-url"],"buttonId":[1,"button-id"],"buttonData":[16],"textCenter":[4,"text-center"],"leftAlign":[4,"left-align"],"image":[1],"variation":[1],"back":[8],"listItems":[8,"list-items"],"actions":[8],"processedListItems":[32],"processedActions":[32],"processedBack":[32]}]]],["duet-tab_2",[[6,"duet-tab-group",{"theme":[1025],"variation":[1],"language":[1025],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"margin":[1],"padding":[1],"tabs":[32],"selected":[32],"openTab":[64],"refresh":[64]}],[6,"duet-tab",{"label":[513],"selected":[516]}]]],["duet-date-picker",[[2,"duet-date-picker",{"theme":[1025],"expand":[4],"name":[1],"identifier":[1],"label":[1],"caption":[1],"margin":[1],"language":[1],"placeholderDefaults":[1,"placeholder-default"],"placeholder":[1],"echoPlaceholder":[1540,"echo-placeholder"],"disabled":[516],"error":[1],"labelHidden":[4,"label-hidden"],"role":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"required":[4],"direction":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1537],"min":[1],"max":[1],"validity":[1040],"open":[32],"focusedDay":[32],"inputValue":[32],"setFocus":[64],"show":[64],"hide":[64]},[[4,"click","handleDocumentClick"]]]]],["duet-number-input",[[2,"duet-number-input",{"language":[1025],"locale":[1],"unit":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLiveDefaults":[1,"accessible-live-default"],"accessibleLive":[1,"accessible-live"],"accessibleLiveEnabled":[4,"accessible-live-enabled"],"accessibleAddDefaults":[1,"accessible-add-default"],"accessibleAdd":[1,"accessible-add"],"accessibleSubtractDefaults":[1,"accessible-subtract-defaults"],"accessibleSubtract":[1,"accessible-subtract"],"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"min":[2],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"max":[2],"name":[1],"error":[1],"tooltip":[1],"step":[2],"rounding":[4],"role":[1],"disabled":[516],"required":[4],"value":[1025],"focusedValue":[32],"setFocus":[64]}]]],["duet-radio_2",[[6,"duet-radio-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"responsive":[4],"value":[1537],"disabled":[4]}],[2,"duet-radio",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleIndex":[1,"accessible-index"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"disabled":[516],"required":[4],"blockEvents":[4,"block-events"],"identifier":[1],"label":[1],"name":[1],"role":[1],"groupDisabled":[4,"group-disabled"],"groupDirection":[1,"group-direction"],"groupResponsive":[4,"group-responsive"],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["duet-footer",[[1,"duet-footer",{"theme":[1025],"variation":[1],"margin":[1],"logoHref":[1,"logo-href"],"language":[1025],"items":[8],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"menu":[8],"processedItems":[32],"processedMenu":[32]}]]],["duet-card",[[1,"duet-card",{"accessibleLabel":[1,"accessible-label"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"variation":[1],"collapsible":[4],"open":[1540],"headingLevel":[1,"heading-level"],"icon":[1],"image":[1],"background":[1],"padding":[1],"margin":[1],"theme":[1025],"url":[1],"setFocus":[64]}]]],["duet-range-slider",[[2,"duet-range-slider",{"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"name":[1],"required":[4],"disabled":[516],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"min":[2],"label":[1],"labelHidden":[4,"label-hidden"],"unit":[1],"max":[2],"step":[2],"locale":[1],"value":[1026],"debounce":[2],"setFocus":[64]}]]],["duet-toggle",[[2,"duet-toggle",{"theme":[1025],"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"label":[1],"required":[4],"disabled":[516],"checked":[1540],"value":[1537],"identifier":[1],"name":[1],"role":[1],"setFocus":[64]}]]],["duet-checkbox",[[2,"duet-checkbox",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleIndex":[1,"accessible-index"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"required":[4],"theme":[1025],"disabled":[516],"identifier":[1],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"role":[1],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["duet-layout",[[1,"duet-layout",{"sticky":[4],"margin":[1],"stickyDistance":[1,"sticky-distance"],"center":[4],"tabs":[4],"middle":[4]}]]],["duet-divider_2",[[1,"duet-divider",{"theme":[1025],"margin":[1]}],[1,"duet-spacer",{"size":[1],"direction":[1],"breakpoint":[1]}]]],["duet-visually-hidden",[[1,"duet-visually-hidden"]]],["duet-icon",[[1,"duet-icon",{"theme":[1025],"icon":[1],"src":[1],"name":[1],"margin":[1],"responsive":[4],"color":[513],"background":[1],"size":[1],"outline":[1],"svgContent":[32]}]]],["duet-textarea",[[2,"duet-textarea",{"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"required":[4],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"maxlength":[2],"minlength":[2],"error":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1025],"disallowPattern":[1,"disallow-pattern"],"counter":[4],"counterLabel":[1,"counter-label"],"setFocus":[64]}]]],["duet-modal",[[1,"duet-modal",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"size":[1],"gutterSize":[1,"gutter-size"],"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"icon":[1],"color":[1],"active":[1540],"open":[32],"show":[64],"hide":[64]},[[8,"keyup","handleKeyUp"]]]]],["duet-cookie-consent",[[1,"duet-cookie-consent",{"accessibleLabel":[1,"accessible-label"],"theme":[1025]}]]],["duet-step_2",[[6,"duet-step",{"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"stepIndex":[2,"step-index"],"state":[1],"roundedTop":[4,"rounded-top"],"roundedBottom":[4,"rounded-bottom"],"setFocus":[64]}],[1,"duet-stepper",{"theme":[1025],"accessibleLive":[1,"accessible-live"],"margin":[1],"backDisabled":[4,"back-disabled"],"selected":[514]},[[0,"duetStepClick","onDuetStepClick"]]]]],["duet-tray",[[1,"duet-tray",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleOpenLabelDefaults":[1,"accessible-open-label-default"],"accessibleOpenLabel":[1,"accessible-open-label"],"theme":[1025],"active":[516],"autoHide":[4,"auto-hide"],"responsive":[4],"expanded":[32],"hiddenState":[32]},[[9,"scroll","getFrame"],[16,"click","handleBodyClick"]]]]],["duet-breadcrumb",[[1,"duet-breadcrumb",{"theme":[1025],"href":[1025],"icon":[1025],"accessibleLabel":[1,"accessible-label"]}]]],["duet-collapsible",[[1,"duet-collapsible",{"theme":[1025],"heading":[1],"headingWeight":[1,"heading-weight"],"headingSize":[1,"heading-size"],"headingLevel":[1,"heading-level"],"margin":[1],"open":[1540],"setFocus":[64]}]]],["duet-caption_4",[[17,"duet-link",{"accessibleLabel":[1,"accessible-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"identifier":[1],"theme":[1025],"url":[513],"external":[4],"setFocus":[64]}],[1,"duet-heading",{"level":[513],"margin":[1],"visualLevel":[1,"visual-level"],"border":[8],"weight":[1],"color":[1],"theme":[1025],"hyphenate":[4]}],[1,"duet-paragraph",{"theme":[1025],"margin":[1],"size":[1],"weight":[1],"variation":[1],"color":[1]}],[1,"duet-caption",{"theme":[1025],"margin":[1],"selected":[4],"size":[1]}]]],["duet-select",[[2,"duet-select",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"error":[1],"expand":[4],"value":[1537],"theme":[1025],"labelHidden":[4,"label-hidden"],"identifier":[1],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"items":[1],"disabled":[516],"required":[4],"label":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"processedItems":[32],"setFocus":[64]}]]],["duet-button_2",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"loading":[4],"variation":[1],"negative":[4],"theme":[1025],"margin":[1],"padding":[1],"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]}],[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1],"theme":[1025]}]]],["duet-alert",[[1,"duet-alert",{"theme":[1025],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"announcements":[4],"icon":[1],"autoDismiss":[2,"auto-dismiss"],"margin":[1],"padding":[1],"variation":[1],"dismissible":[4],"isDismissed":[32],"timeoutID":[32]}]]],["duet-empty-state",[[1,"duet-empty-state",{"theme":[1025],"icon":[1],"size":[1]}]]],["duet-notification_2",[[1,"duet-notification-drawer",{"icon":[1],"label":[1],"language":[1],"accessibleLabelNotificationsDefaults":[1,"accessible-label-notification-default"],"accessibleLabelNotifications":[1,"accessible-label-notifications"],"badge":[4],"theme":[1025],"direction":[1],"isOpen":[32],"hasNotifications":[32],"setFocus":[64],"open":[64],"close":[64]},[[6,"focus","handleClickFocusOutside"],[6,"click","handleClickFocusOutside"]]],[1,"duet-notification",{"language":[1],"accessibleLabelUnreadDefaults":[16],"accessibleLabelUnread":[1,"accessible-label-unread"],"url":[1],"date":[1],"highlight":[4],"external":[4],"theme":[1025],"setFocus":[64]}]]],["duet-breadcrumbs",[[1,"duet-breadcrumbs",{"theme":[1025],"children":[32]}]]],["duet-progress",[[0,"duet-progress",{"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLabel":[1,"accessible-label"],"accessibleLabelUploadDefaults":[1,"accessible-label-upload-defaults"],"accessibleLabelUpload":[1,"accessible-label-upload"],"progress":[1538],"caption":[1],"height":[1],"theme":[1025]}]]],["duet-upload-aria-status",[[1,"duet-upload-aria-status",{"statusMessageLabel":[16],"accessibleAriaLive":[1,"accessible-aria-live"],"valid":[2],"total":[2],"invalid":[2],"inprogress":[2],"statusMessage":[32]}]]],["duet-badge",[[1,"duet-badge",{"theme":[1025],"variation":[1],"margin":[1]}]]],["duet-header_2",[[1,"duet-header",{"theme":[1025],"language":[1025],"accessibleI18nLabelsDefaults":[1,"accessible-labels-default"],"accessibleI18nLabels":[16],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"user":[8],"logoHref":[1,"logo-href"],"currentHref":[1025,"current-href"],"skipToId":[1,"skip-to-id"],"items":[8],"region":[1],"session":[8],"search":[8],"back":[8],"contact":[1],"contactItems":[8,"contact-items"],"languageItems":[8,"language-items"],"isContactOpen":[32],"isLanguageOpen":[32],"isSlideOutOpen":[32],"isSegmentOpen":[32],"openMenu":[32],"closedActives":[32],"processedItems":[32],"processedLanguageItems":[32],"processedContactItems":[32],"processedSession":[32],"processedSearch":[32],"processedUser":[32],"processedBack":[32],"renderDesktopNav":[32],"closeMenus":[64],"setFocus":[64]},[[8,"keyup","handleKeyUp"],[8,"keydown","handleKeyDown"],[4,"focus","handleDocumentClick"],[4,"click","handleDocumentClick"]]],[1,"duet-logo",{"theme":[1025],"margin":[1],"inverse":[4],"size":[1],"href":[1537],"language":[1537],"setFocus":[64]}]]],["duet-grid_2",[[2,"duet-grid",{"responsive":[4],"breakpoint":[1],"direction":[1],"alignment":[1],"distribution":[1],"mobile":[1],"distributeFormElement":[32]}],[2,"duet-grid-item",{"fill":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"theme":[1025],"margin":[1],"responsive":[4],"breakpoint":[1]}]]],["duet-list_2",[[1,"duet-list",{"theme":[1025],"margin":[1],"padding":[1],"mobile":[1],"breakpoint":[1],"variation":[1],"labelWidth":[1,"label-width"]}],[1,"duet-list-item"]]],["duet-editable-table-button",[[2,"duet-editable-table-button",{"theme":[1025],"actions":[16],"uid":[1],"group":[1],"keyName":[1,"key-name"],"isHovering":[32]}]]],["duet-fieldset",[[1,"duet-fieldset",{"theme":[1025],"margin":[1],"caption":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"hasTooltip":[32]}]]],["duet-editable-table_4",[[1,"duet-upload",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"external":[4],"hideButton":[4,"hide-upload-button"],"actions":[1],"uri":[1],"showLinks":[4,"show-links"],"caption":[1],"statusLabelDefaults":[1,"status-label-default"],"statusMessageLabel":[1,"status-message-label"],"buttonLabelDefaults":[1,"button-label-default"],"buttonLabel":[1,"button-label"],"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1025],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"groups":[1],"alignment":[1],"hideGroups":[4,"hide-table-labels"],"files":[1040],"valid":[1540],"labelDefaults":[1,"label-default"],"label":[1],"descriptionDefaults":[1,"description-default"],"description":[1],"fileListEmptyDefaults":[1,"list-empty-default"],"fileListEmpty":[1,"file-list-empty"],"error":[1],"name":[1],"maxBytes":[2,"max-bytes"],"maxBytesTotal":[2,"max-bytes-total"],"maxFiles":[2,"max-files"],"allowedExtensions":[1,"allowed-extensions"],"allowedMimetypes":[1,"allowed-mimetypes"],"multiple":[4],"limitSelection":[4,"limit-selection"],"value":[1025],"tick":[32],"setFocus":[64],"upload":[64],"refresh":[64],"getFiles":[64],"updateValue":[64]}],[1,"duet-editable-table",{"items":[1040],"alignment":[1],"groupsLabelDefaults":[16],"actionLabelDefaults":[16],"groups":[1],"actions":[1],"hideGroups":[4,"hide-table-labels"],"accessibleRole":[1,"accessible-role"],"theme":[1025],"tick":[32],"updateTable":[64]}],[1,"duet-editable-table-item",{"theme":[1025],"actions":[16],"groupId":[1,"group-id"],"alignment":[1],"keyName":[1,"key-name"],"data":[1040],"isHovering":[32]}],[4,"duet-table",{"theme":[1025],"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"matchesBreakpoint":[32]}]]],["duet-tooltip",[[1,"duet-tooltip",{"theme":[1025],"language":[1025],"accessibleLabelDefault":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"accessibleInputLabel":[1,"accessible-input-label"],"accessibleCloseLabelDefault":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"label":[1],"breakpoint":[1],"direction":[1],"positionVertical":[513,"position-vertical"],"positionHorizontal":[513,"position-horizontal"],"active":[1540],"openDown":[32]},[[9,"scroll","onScroll"],[4,"click","handleDocumentClick"]]]]],["duet-input_2",[[6,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"debounce":[2],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"type":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"numericKeyboard":[4,"numeric-keyboard"],"name":[1],"pattern":[1],"maxlength":[2],"minlength":[2],"placeholder":[1],"component":[1],"role":[1],"icon":[1],"autoComplete":[1,"auto-complete"],"disallowPattern":[1,"disallow-pattern"],"value":[1025],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"setFocus":[64]}],[6,"duet-label",{"theme":[1025],"for":[1],"margin":[1],"size":[1]}]]]]'),a)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-b7694cc6.js";import{g as globalScripts}from"./app-globals-6641e444.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){globalScripts();return bootstrapLazy(JSON.parse('[["duet-choice_2",[[6,"duet-choice-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"responsive":[4],"value":[1537],"disabled":[4]}],[6,"duet-choice",{"theme":[1025],"label":[1],"accessibleLabelInfoButtonDefaults":[1,"accessible-label-info-default"],"accessibleLabelInfoButton":[1,"accessible-label-info-button"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"caption":[1],"value":[1537],"type":[513],"name":[1],"checked":[1540],"collapsible":[4],"margin":[1],"icon":[1],"expand":[4],"padding":[1],"identifier":[1],"groupDirection":[1,"group-direction"],"groupDisabled":[4,"group-disabled"],"groupResponsive":[4,"group-responsive"],"disabled":[516],"required":[4],"infoLabelDefaults":[1,"accessible-label-info-default"],"infoLabel":[1,"info-label"],"isHovering":[32],"isInfoOpen":[32],"isBlurred":[32],"setFocus":[64]},[[2,"blur","handleHostBlur"],[2,"keydown","handleHostKeyDown"],[2,"keyup","handleHostKeyUp"]]]]],["duet-hero",[[1,"duet-hero",{"theme":[1025],"heading":[1],"preHeading":[1,"pre-heading"],"level":[1],"description":[1],"icon":[1],"iconSize":[1,"icon-size"],"iconRight":[4,"icon-right"],"categoryIcon":[1,"category-icon"],"categoryIconColor":[1,"category-icon-color"],"buttonLabel":[1,"button-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"buttonUrl":[1,"button-url"],"buttonId":[1,"button-id"],"buttonData":[16],"textCenter":[4,"text-center"],"leftAlign":[4,"left-align"],"image":[1],"variation":[1],"back":[8],"listItems":[8,"list-items"],"actions":[8],"processedListItems":[32],"processedActions":[32],"processedBack":[32]}]]],["duet-date-picker",[[2,"duet-date-picker",{"theme":[1025],"expand":[4],"name":[1],"identifier":[1],"label":[1],"caption":[1],"margin":[1],"language":[1],"placeholderDefaults":[1,"placeholder-default"],"placeholder":[1],"echoPlaceholder":[1540,"echo-placeholder"],"disabled":[516],"error":[1],"labelHidden":[4,"label-hidden"],"role":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"required":[4],"direction":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1537],"min":[1],"max":[1],"validity":[1040],"open":[32],"focusedDay":[32],"inputValue":[32],"setFocus":[64],"show":[64],"hide":[64]},[[4,"click","handleDocumentClick"]]]]],["duet-number-input",[[2,"duet-number-input",{"language":[1025],"locale":[1],"unit":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLiveDefaults":[1,"accessible-live-default"],"accessibleLive":[1,"accessible-live"],"accessibleLiveEnabled":[4,"accessible-live-enabled"],"accessibleAddDefaults":[1,"accessible-add-default"],"accessibleAdd":[1,"accessible-add"],"accessibleSubtractDefaults":[1,"accessible-subtract-defaults"],"accessibleSubtract":[1,"accessible-subtract"],"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"min":[2],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"max":[2],"name":[1],"error":[1],"tooltip":[1],"step":[2],"rounding":[4],"role":[1],"disabled":[516],"required":[4],"value":[1025],"focusedValue":[32],"setFocus":[64]}]]],["duet-radio_2",[[6,"duet-radio-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"responsive":[4],"value":[1537],"disabled":[4]}],[2,"duet-radio",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleIndex":[1,"accessible-index"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"disabled":[516],"required":[4],"blockEvents":[4,"block-events"],"identifier":[1],"label":[1],"name":[1],"role":[1],"groupDisabled":[4,"group-disabled"],"groupDirection":[1,"group-direction"],"groupResponsive":[4,"group-responsive"],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["duet-card",[[1,"duet-card",{"accessibleLabel":[1,"accessible-label"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"variation":[1],"collapsible":[4],"open":[1540],"headingLevel":[1,"heading-level"],"icon":[1],"image":[1],"background":[1],"padding":[1],"margin":[1],"theme":[1025],"url":[1],"setFocus":[64]}]]],["duet-range-slider",[[2,"duet-range-slider",{"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"name":[1],"required":[4],"disabled":[516],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"min":[2],"label":[1],"labelHidden":[4,"label-hidden"],"unit":[1],"max":[2],"step":[2],"locale":[1],"value":[1026],"debounce":[2],"setFocus":[64]}]]],["duet-toggle",[[2,"duet-toggle",{"theme":[1025],"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"label":[1],"required":[4],"disabled":[516],"checked":[1540],"value":[1537],"identifier":[1],"name":[1],"role":[1],"setFocus":[64]}]]],["duet-checkbox",[[2,"duet-checkbox",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleIndex":[1,"accessible-index"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"required":[4],"theme":[1025],"disabled":[516],"identifier":[1],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"role":[1],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["duet-layout",[[1,"duet-layout",{"sticky":[4],"margin":[1],"stickyDistance":[1,"sticky-distance"],"center":[4],"tabs":[4],"middle":[4]}]]],["duet-divider_2",[[1,"duet-divider",{"theme":[1025],"margin":[1]}],[1,"duet-spacer",{"size":[1],"direction":[1],"breakpoint":[1]}]]],["duet-visually-hidden",[[1,"duet-visually-hidden"]]],["duet-icon",[[1,"duet-icon",{"theme":[1025],"icon":[1],"src":[1],"name":[1],"margin":[1],"responsive":[4],"color":[513],"background":[1],"size":[1],"outline":[1],"svgContent":[32]}]]],["duet-caption_4",[[17,"duet-link",{"accessibleLabel":[1,"accessible-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"identifier":[1],"theme":[1025],"url":[513],"external":[4],"setFocus":[64]}],[1,"duet-heading",{"level":[513],"margin":[1],"visualLevel":[1,"visual-level"],"border":[8],"weight":[1],"color":[1],"theme":[1025],"hyphenate":[4]}],[1,"duet-paragraph",{"theme":[1025],"margin":[1],"size":[1],"weight":[1],"variation":[1],"color":[1]}],[1,"duet-caption",{"theme":[1025],"margin":[1],"selected":[4],"size":[1]}]]],["duet-textarea",[[2,"duet-textarea",{"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"required":[4],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"maxlength":[2],"minlength":[2],"error":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1025],"disallowPattern":[1,"disallow-pattern"],"counter":[4],"counterLabel":[1,"counter-label"],"setFocus":[64]}]]],["duet-modal",[[1,"duet-modal",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"size":[1],"gutterSize":[1,"gutter-size"],"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"icon":[1],"color":[1],"active":[1540],"closeOnBlur":[1028,"close-on-blur"],"open":[32],"show":[64],"hide":[64]},[[8,"keyup","handleKeyUp"]]]]],["duet-cookie-consent",[[1,"duet-cookie-consent",{"accessibleLabel":[1,"accessible-label"],"theme":[1025]}]]],["duet-notification_2",[[1,"duet-notification-drawer",{"icon":[1],"label":[1],"language":[1],"accessibleLabelNotificationsDefaults":[1,"accessible-label-notification-default"],"accessibleLabelNotifications":[1,"accessible-label-notifications"],"badge":[4],"theme":[1025],"direction":[1],"isOpen":[32],"hasNotifications":[32],"setFocus":[64],"open":[64],"close":[64]},[[6,"focus","handleClickFocusOutside"],[6,"click","handleClickFocusOutside"]]],[1,"duet-notification",{"language":[1],"accessibleLabelUnreadDefaults":[16],"accessibleLabelUnread":[1,"accessible-label-unread"],"url":[1],"date":[1],"highlight":[4],"external":[4],"theme":[1025],"setFocus":[64]}]]],["duet-step_2",[[6,"duet-step",{"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"stepIndex":[2,"step-index"],"state":[1],"roundedTop":[4,"rounded-top"],"roundedBottom":[4,"rounded-bottom"],"setFocus":[64]}],[1,"duet-stepper",{"theme":[1025],"accessibleLive":[1,"accessible-live"],"margin":[1],"backDisabled":[4,"back-disabled"],"selected":[514]},[[0,"duetStepClick","onDuetStepClick"]]]]],["duet-footer",[[1,"duet-footer",{"theme":[1025],"variation":[1],"margin":[1],"logoHref":[1,"logo-href"],"language":[1025],"items":[8],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"menu":[8],"processedItems":[32],"processedMenu":[32]}]]],["duet-tray",[[1,"duet-tray",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleOpenLabelDefaults":[1,"accessible-open-label-default"],"accessibleOpenLabel":[1,"accessible-open-label"],"theme":[1025],"active":[516],"autoHide":[4,"auto-hide"],"responsive":[4],"expanded":[32],"hiddenState":[32]},[[9,"scroll","getFrame"],[16,"click","handleBodyClick"]]]]],["duet-breadcrumb",[[1,"duet-breadcrumb",{"theme":[1025],"href":[1025],"icon":[1025],"accessibleLabel":[1,"accessible-label"]}]]],["duet-breadcrumbs",[[1,"duet-breadcrumbs",{"theme":[1025],"children":[32]}]]],["duet-collapsible",[[1,"duet-collapsible",{"theme":[1025],"heading":[1],"headingWeight":[1,"heading-weight"],"headingSize":[1,"heading-size"],"headingLevel":[1,"heading-level"],"margin":[1],"open":[1540],"setFocus":[64]}]]],["duet-select",[[2,"duet-select",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"error":[1],"expand":[4],"value":[1537],"theme":[1025],"labelHidden":[4,"label-hidden"],"identifier":[1],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"items":[1],"disabled":[516],"required":[4],"label":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"processedItems":[32],"setFocus":[64]}]]],["duet-scrollable_3",[[1,"duet-tab-group",{"theme":[1025],"scrolls":[4],"collapses":[4],"variation":[1],"language":[1025],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"margin":[1],"padding":[1],"tabs":[32],"selected":[32],"openTab":[64],"refresh":[64]}],[6,"duet-tab",{"label":[513],"selected":[516],"accessibleDescriptionDefault":[1,"accessible-description-defaults"],"accessibleDescription":[1,"accessible-description"]}],[1,"duet-scrollable",{"theme":[1025],"selected":[1026],"tablistAtStart":[32],"isTabContentSmallerThanWrapper":[32],"tablistAtEnd":[32],"childrenData":[32]}]]],["duet-button_2",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"loading":[4],"variation":[1],"negative":[4],"theme":[1025],"margin":[1],"padding":[1],"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]}],[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1],"theme":[1025]}]]],["duet-alert",[[1,"duet-alert",{"theme":[1025],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"announcements":[4],"icon":[1],"autoDismiss":[2,"auto-dismiss"],"margin":[1],"padding":[1],"variation":[1],"dismissible":[4],"isDismissed":[32],"timeoutID":[32]}]]],["duet-empty-state",[[1,"duet-empty-state",{"theme":[1025],"icon":[1],"size":[1]}]]],["duet-progress",[[0,"duet-progress",{"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLabel":[1,"accessible-label"],"accessibleLabelUploadDefaults":[1,"accessible-label-upload-defaults"],"accessibleLabelUpload":[1,"accessible-label-upload"],"progress":[1538],"caption":[1],"height":[1],"theme":[1025]}]]],["duet-upload-aria-status",[[1,"duet-upload-aria-status",{"statusMessageLabel":[16],"accessibleAriaLive":[1,"accessible-aria-live"],"valid":[2],"total":[2],"invalid":[2],"inprogress":[2],"statusMessage":[32]}]]],["duet-badge",[[1,"duet-badge",{"theme":[1025],"variation":[1],"margin":[1]}]]],["duet-header_2",[[1,"duet-header",{"theme":[1025],"language":[1025],"accessibleI18nLabelsDefaults":[1,"accessible-labels-default"],"accessibleI18nLabels":[16],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"user":[8],"logoHref":[1,"logo-href"],"currentHref":[1025,"current-href"],"skipToId":[1,"skip-to-id"],"items":[8],"region":[1],"session":[8],"search":[8],"back":[8],"contact":[1],"contactItems":[8,"contact-items"],"languageItems":[8,"language-items"],"isContactOpen":[32],"isLanguageOpen":[32],"isSlideOutOpen":[32],"isSegmentOpen":[32],"openMenu":[32],"closedActives":[32],"processedItems":[32],"processedLanguageItems":[32],"processedContactItems":[32],"processedSession":[32],"processedSearch":[32],"processedUser":[32],"processedBack":[32],"renderDesktopNav":[32],"closeMenus":[64],"setFocus":[64]},[[8,"keyup","handleKeyUp"],[8,"keydown","handleKeyDown"],[4,"focus","handleDocumentClick"],[4,"click","handleDocumentClick"]]],[1,"duet-logo",{"theme":[1025],"margin":[1],"inverse":[4],"size":[1],"href":[1537],"language":[1537],"setFocus":[64]}]]],["duet-grid_2",[[2,"duet-grid",{"responsive":[4],"breakpoint":[1],"direction":[1],"alignment":[1],"distribution":[1],"mobile":[1],"distributeFormElement":[32]}],[2,"duet-grid-item",{"fill":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"theme":[1025],"margin":[1],"responsive":[4],"breakpoint":[1]}]]],["duet-list_2",[[1,"duet-list",{"theme":[1025],"margin":[1],"padding":[1],"mobile":[1],"breakpoint":[1],"variation":[1],"labelWidth":[1,"label-width"]}],[1,"duet-list-item"]]],["duet-editable-table-button",[[2,"duet-editable-table-button",{"theme":[1025],"actions":[16],"uid":[1],"group":[1],"keyName":[1,"key-name"],"isHovering":[32]}]]],["duet-fieldset",[[1,"duet-fieldset",{"theme":[1025],"margin":[1],"caption":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"hasTooltip":[32]}]]],["duet-editable-table_4",[[1,"duet-upload",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"external":[4],"hideButton":[4,"hide-upload-button"],"actions":[1],"uri":[1],"showLinks":[4,"show-links"],"caption":[1],"statusLabelDefaults":[1,"status-label-default"],"statusMessageLabel":[1,"status-message-label"],"buttonLabelDefaults":[1,"button-label-default"],"buttonLabel":[1,"button-label"],"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1025],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"groups":[1],"alignment":[1],"hideGroups":[4,"hide-table-labels"],"files":[1040],"valid":[1540],"labelDefaults":[1,"label-default"],"label":[1],"descriptionDefaults":[1,"description-default"],"description":[1],"fileListEmptyDefaults":[1,"list-empty-default"],"fileListEmpty":[1,"file-list-empty"],"error":[1],"name":[1],"maxBytes":[2,"max-bytes"],"maxBytesTotal":[2,"max-bytes-total"],"maxFiles":[2,"max-files"],"allowedExtensions":[1,"allowed-extensions"],"allowedMimetypes":[1,"allowed-mimetypes"],"multiple":[4],"limitSelection":[4,"limit-selection"],"value":[1025],"tick":[32],"setFocus":[64],"upload":[64],"refresh":[64],"getFiles":[64],"updateValue":[64]}],[1,"duet-editable-table",{"items":[1040],"alignment":[1],"groupsLabelDefaults":[16],"actionLabelDefaults":[16],"groups":[1],"actions":[1],"hideGroups":[4,"hide-table-labels"],"accessibleRole":[1,"accessible-role"],"theme":[1025],"tick":[32],"updateTable":[64]}],[1,"duet-editable-table-item",{"theme":[1025],"actions":[16],"groupId":[1,"group-id"],"alignment":[1],"keyName":[1,"key-name"],"data":[1040],"isHovering":[32]}],[4,"duet-table",{"theme":[1025],"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"matchesBreakpoint":[32]}]]],["duet-tooltip",[[1,"duet-tooltip",{"theme":[1025],"language":[1025],"accessibleLabelDefault":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"accessibleInputLabel":[1,"accessible-input-label"],"accessibleCloseLabelDefault":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"label":[1],"breakpoint":[1],"direction":[1],"positionVertical":[513,"position-vertical"],"positionHorizontal":[513,"position-horizontal"],"active":[1540],"openDown":[32]},[[9,"scroll","onScroll"],[4,"click","handleDocumentClick"]]]]],["duet-input_2",[[6,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"debounce":[2],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"type":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"numericKeyboard":[4,"numeric-keyboard"],"name":[1],"pattern":[1],"maxlength":[2],"minlength":[2],"placeholder":[1],"component":[1],"role":[1],"icon":[1],"autoComplete":[1,"auto-complete"],"disallowPattern":[1,"disallow-pattern"],"value":[1025],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"setFocus":[64]}],[6,"duet-label",{"theme":[1025],"for":[1],"margin":[1],"size":[1]}]]]]'),a)}))};export{defineCustomElements};

package/lib/html.html-data.json

@@ -2868,6 +2868,10 @@
           "name": "active",
           "description": "Use this property when you need to have the modal dialog initially active."
         },
+        {
+          "name": "close-on-blur",
+          "description": "Use this property when you want the modal to close when clicked outside of modal."
+        },
         {
           "name": "color",
           "description": "Custom color to be used for the icon, as a design token entered in camelCase\nor kebab-case. Example: \"primary\"."
@@ -3745,6 +3749,37 @@
         }
       ]
     },
+    {
+      "name": "duet-scrollable",
+      "description": {
+        "kind": "markdown",
+        "value": "---\ntitle: Scrollable\nname: duet-scrollable\nstatus: ready\nreleased: 2.6.8\naccessibility: Keyboard, Screen Reader\ninternationalization: Supported\nssr: Supported\ncategory: Navigation\nintro: Scrollable is used as a container for a series of elements that you want to scroll horizontally.\ndescription: The Scrollable component can take anything as long as they are a 1 dimensional series of buttons\nplatforms: Web only\nexamples:\n  - name: Scrollable\n    code: This first example creates the actual URL and DOCS, hence it needs to be here.\n  - name: Scrollable as tab group\n    file: fixtures/duet-scrollable_scrollable_group.html  \n  - name: Scrollable as tab group with aria-live\n    file: fixtures/duet-scrollable_scrollable_group_alive.html\n  - name: Scrollable list of images\n    file: fixtures/duet-scrollable_scrollable_images.html  \n  - name: Scrollable list of images - dynamic arrow buttons\n    file: fixtures/duet-scrollable_scrollable_dynamic_buttons.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+      },
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Selected element"
+        },
+        {
+          "name": "theme",
+          "description": "Theme of duet-tab-scrollable. When used this will override the color setting and\nuse \"primary\" or \"primary-turva\" as the color depending on which theme\nis chosen.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-scrollable/duet-scrollable.tsx"
+        }
+      ]
+    },
     {
       "name": "duet-select",
       "description": {
@@ -4125,6 +4160,14 @@
         "value": "---\ntitle: Tab\nname: duet-tab\nstatus: ready\nreleased: 2.6.8\naccessibility: Keyboard, Screen Reader\ninternationalization: Supported\nssr: Supported\ncategory: Navigation\nintro: Tab is a component used inside the Tab Group to generate panels that can\n  be navigated using tabs. For concrete usage examples, please see <a\n  href=\"/components/tab-group/\">Tab Group component</a>.\nplatforms: Web only\nexamples:\n  - name: tab\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
+        {
+          "name": "accessible-description",
+          "description": "String for AccessibleLabel"
+        },
+        {
+          "name": "accessible-description-defaults",
+          "description": "Defaults for AccessibleLabel"
+        },
         {
           "name": "label",
           "description": "Label for the tab."
@@ -4145,9 +4188,13 @@
       "name": "duet-tab-group",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Tab Group\nname: duet-tab-group\nstatus: ready\nreleased: 2.6.8\naccessibility: Keyboard, Screen Reader\ninternationalization: Supported\nssr: Supported\ncategory: Navigation\nintro: Tab Group is used as a graphical interface element that allows multiple\n  panels to be contained within a single window, using tabs as a navigational\n  element.\ndescription: When there are 4 or more navigation items in the Tab Group it’s\n  automatically converted to a select menu on small viewports.\nplatforms: Web only\nexamples:\n  - name: tab group\n    code: This first example creates the actual URL and DOCS, hence it needs to be here.\n  - name: Simple tab group\n    file: fixtures/duet-tab-group_simple_tab_group.html\n  - name: Tabs that switch between cards\n    file: fixtures/duet-tab-group_tabs_that_switch_between_cards.html\n  - name: Nested tab groups\n    file: fixtures/duet-tab-group_nested_tab_groups.html\n  - name: Tabs with a visible label on mobile\n    file: fixtures/duet-tab-group_visible_label_on_mobile.html\n  - name: Plain tab variation\n    file: fixtures/duet-tab-group_plain_tab_variation.html\n  - name: Plain tab variation with centered tabs\n    file: fixtures/duet-tab-group_plain_tab_variation_with_centered_tabs.html\n  - name: Plain tab variation with background color for tab content\n    file: fixtures/duet-tab-group_plain_tab_variation_with_background_color_for_tab_content.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Tab Group\nname: duet-tab-group\nstatus: ready\nreleased: 2.6.8\naccessibility: Keyboard, Screen Reader\ninternationalization: Supported\nssr: Supported\ncategory: Navigation\nintro: Tab Group is used as a graphical interface element that allows multiple\n  panels to be contained within a single window, using tabs as a navigational\n  element.\ndescription: When there are 4 or more navigation items in the Tab Group it’s\n  automatically converted to a select menu on small viewports.\nplatforms: Web only\nexamples:\n  - name: tab group\n    code: This first example creates the actual URL and DOCS, hence it needs to be here.\n  - name: Simple tab group\n    file: fixtures/duet-tab-group_simple_tab_group.html\n  - name: Tabs that switch between cards\n    file: fixtures/duet-tab-group_tabs_that_switch_between_cards.html\n  - name: Nested tab groups\n    file: fixtures/duet-tab-group_nested_tab_groups.html\n  - name: Tabs with a visible label on mobile\n    file: fixtures/duet-tab-group_visible_label_on_mobile.html  \n  - name: Tabs with scrolling \n    file: fixtures/duet-tab-group_scrolling_tabs.html\n  - name: Plain tab variation\n    file: fixtures/duet-tab-group_plain_tab_variation.html\n  - name: Plain tab variation with centered tabs\n    file: fixtures/duet-tab-group_plain_tab_variation_with_centered_tabs.html\n  - name: Plain tab variation with background color for tab content\n    file: fixtures/duet-tab-group_plain_tab_variation_with_background_color_for_tab_content.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
+        {
+          "name": "collapses",
+          "description": "Whether the tab-group collapses to a select dropwdown in minor breakpoints"
+        },
         {
           "name": "label",
           "description": "Label for the select element which gets shown on mobile."
@@ -4199,6 +4246,10 @@
             }
           ]
         },
+        {
+          "name": "scrolls",
+          "description": "Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),\nif this is a number instead of true it will be used as \"amount of items to scroll\""
+        },
         {
           "name": "theme",
           "description": "Theme of the component.",

package/lib/types/components/duet-modal/duet-modal.d.ts

@@ -88,6 +88,10 @@ export declare class DuetModal implements ThemeableComponent {
    */
   active: boolean;
   activeChanged(): void;
+  /**
+   * Use this property when you want the modal to close when clicked outside of modal.
+   */
+  closeOnBlur: boolean;
   /**
    * Emitted when the modal is opened.
    */
@@ -97,7 +101,7 @@ export declare class DuetModal implements ThemeableComponent {
    */
   duetClose: EventEmitter;
   /**
-   * Emitted when the close button or esc is hit, but before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
+   * Emitted before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
    */
   duetBeforeClose: EventEmitter<DuetModalCloseEvent>;
   /**

package/lib/types/components/duet-scrollable/duet-scrollable.d.ts

@@ -0,0 +1,47 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export declare class DuetScrollable implements ThemeableComponent {
+  /**
+   * Private variables and constants index
+   */
+  private currentIndex;
+  private tabListElement;
+  private tabListClass;
+  tablistAtStart: boolean;
+  isTabContentSmallerThanWrapper: boolean;
+  tablistAtEnd: boolean;
+  childrenData: any;
+  host: HTMLElement;
+  private resizeObserver;
+  /**
+   * Theme of duet-tab-scrollable. When used this will override the color setting and
+   * use "primary" or "primary-turva" as the color depending on which theme
+   * is chosen.
+   */
+  theme: DuetTheme;
+  /**
+   * Selected element
+   */
+  selected: number;
+  watchPropHandler(newValue: number): void;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /**
+   * Private methods.
+   */
+  private getLastVisibleElement;
+  private getFirstVisibleElement;
+  private updateScrollButtons;
+  private scrollToTab;
+  private scrollLeft;
+  private scrollRight;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-tab/duet-tab.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
+import { DuetLangObject } from "../../utils/language-utils";
 export declare class DuetTab implements ComponentInterface {
   /**
    * Label for the tab.
@@ -8,6 +9,16 @@ export declare class DuetTab implements ComponentInterface {
    * Selected state of the tab.
    */
   selected: boolean;
+  /**
+   * Defaults for AccessibleLabel
+   * @default null
+   */
+  accessibleDescriptionDefault: DuetLangObject | string;
+  /**
+   * String for AccessibleLabel
+   * @default null
+   */
+  accessibleDescription: string;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-tab-group/duet-tab-group.d.ts

@@ -27,6 +27,15 @@ export declare class DuetTabGroup implements ThemeableComponent {
    * Theme of the component.
    */
   theme: DuetTheme;
+  /**
+   * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),
+   * if this is a number instead of true it will be used as "amount of items to scroll"
+   */
+  scrolls: boolean;
+  /**
+   * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+   */
+  collapses: boolean;
   /**
    * Style variation of the tab group.
    */
@@ -93,8 +102,10 @@ export declare class DuetTabGroup implements ThemeableComponent {
   /**
    * Local methods.
    */
+  private getTabs;
   private getButtonId;
   private getTabId;
+  private getAccessibleDescription;
   private updateTabs;
   private renderTab;
   /**

package/lib/types/components.d.ts

@@ -1564,6 +1564,10 @@ export namespace Components {
           * Use this property when you need to have the modal dialog initially active.
          */
         "active": boolean;
+        /**
+          * Use this property when you want the modal to close when clicked outside of modal.
+         */
+        "closeOnBlur": boolean;
         /**
           * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "primary".
          */
@@ -2118,6 +2122,16 @@ export namespace Components {
          */
         "value": number;
     }
+    interface DuetScrollable {
+        /**
+          * Selected element
+         */
+        "selected": number;
+        /**
+          * Theme of duet-tab-scrollable. When used this will override the color setting and use "primary" or "primary-turva" as the color depending on which theme is chosen.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -2289,6 +2303,16 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetTab {
+        /**
+          * String for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescription": string;
+        /**
+          * Defaults for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescriptionDefault": DuetLangObject | string;
         /**
           * Label for the tab.
          */
@@ -2299,6 +2323,10 @@ export namespace Components {
         "selected": boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+         */
+        "collapses": boolean;
         /**
           * Label for the select element which gets shown on mobile.
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
@@ -2336,6 +2364,10 @@ export namespace Components {
           * @deprecated
          */
         "refresh": () => Promise<void>;
+        /**
+          * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens), if this is a number instead of true it will be used as "amount of items to scroll"
+         */
+        "scrolls": boolean;
         /**
           * Theme of the component.
          */
@@ -3129,6 +3161,12 @@ declare global {
         prototype: HTMLDuetRangeSliderElement;
         new (): HTMLDuetRangeSliderElement;
     };
+    interface HTMLDuetScrollableElement extends Components.DuetScrollable, HTMLStencilElement {
+    }
+    var HTMLDuetScrollableElement: {
+        prototype: HTMLDuetScrollableElement;
+        new (): HTMLDuetScrollableElement;
+    };
     interface HTMLDuetSelectElement extends Components.DuetSelect, HTMLStencilElement {
     }
     var HTMLDuetSelectElement: {
@@ -3262,6 +3300,7 @@ declare global {
         "duet-radio": HTMLDuetRadioElement;
         "duet-radio-group": HTMLDuetRadioGroupElement;
         "duet-range-slider": HTMLDuetRangeSliderElement;
+        "duet-scrollable": HTMLDuetScrollableElement;
         "duet-select": HTMLDuetSelectElement;
         "duet-spacer": HTMLDuetSpacerElement;
         "duet-spinner": HTMLDuetSpinnerElement;
@@ -4865,6 +4904,10 @@ declare namespace LocalJSX {
           * Use this property when you need to have the modal dialog initially active.
          */
         "active"?: boolean;
+        /**
+          * Use this property when you want the modal to close when clicked outside of modal.
+         */
+        "closeOnBlur"?: boolean;
         /**
           * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "primary".
          */
@@ -4892,7 +4935,7 @@ declare namespace LocalJSX {
          */
         "language"?: DuetLanguage;
         /**
-          * Emitted when the close button or esc is hit, but before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
+          * Emitted before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
          */
         "onDuetBeforeClose"?: (event: CustomEvent<DuetModalCloseEvent>) => void;
         /**
@@ -5425,6 +5468,16 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface DuetScrollable {
+        /**
+          * Selected element
+         */
+        "selected"?: number;
+        /**
+          * Theme of duet-tab-scrollable. When used this will override the color setting and use "primary" or "primary-turva" as the color depending on which theme is chosen.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -5604,6 +5657,16 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetTab {
+        /**
+          * String for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Defaults for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescriptionDefault"?: DuetLangObject | string;
         /**
           * Label for the tab.
          */
@@ -5614,6 +5677,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+         */
+        "collapses"?: boolean;
         /**
           * Label for the select element which gets shown on mobile.
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
@@ -5650,6 +5717,10 @@ declare namespace LocalJSX {
           * Controls the padding of the component.
          */
         "padding"?: DuetPadding;
+        /**
+          * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens), if this is a number instead of true it will be used as "amount of items to scroll"
+         */
+        "scrolls"?: boolean;
         /**
           * Theme of the component.
          */
@@ -6259,6 +6330,7 @@ declare namespace LocalJSX {
         "duet-radio": DuetRadio;
         "duet-radio-group": DuetRadioGroup;
         "duet-range-slider": DuetRangeSlider;
+        "duet-scrollable": DuetScrollable;
         "duet-select": DuetSelect;
         "duet-spacer": DuetSpacer;
         "duet-spinner": DuetSpinner;
@@ -6322,6 +6394,7 @@ declare module "@stencil/core" {
             "duet-radio": LocalJSX.DuetRadio & JSXBase.HTMLAttributes<HTMLDuetRadioElement>;
             "duet-radio-group": LocalJSX.DuetRadioGroup & JSXBase.HTMLAttributes<HTMLDuetRadioGroupElement>;
             "duet-range-slider": LocalJSX.DuetRangeSlider & JSXBase.HTMLAttributes<HTMLDuetRangeSliderElement>;
+            "duet-scrollable": LocalJSX.DuetScrollable & JSXBase.HTMLAttributes<HTMLDuetScrollableElement>;
             "duet-select": LocalJSX.DuetSelect & JSXBase.HTMLAttributes<HTMLDuetSelectElement>;
             "duet-spacer": LocalJSX.DuetSpacer & JSXBase.HTMLAttributes<HTMLDuetSpacerElement>;
             "duet-spinner": LocalJSX.DuetSpinner & JSXBase.HTMLAttributes<HTMLDuetSpinnerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "4.34.4",
+  "version": "4.35.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -36,6 +36,7 @@
     "version": "npm run build",
     "build": "run-s stencil:build copy:vscode",
     "stencil:build": "stencil build",
+    "stencil:build:dev": "stencil build --dev",
     "stencil:stats": "stencil build --log --stats",
     "stencil:dev": "stencil build --dev --watch --serve",
     "stencil:koa": "stencil build --dev --watch",
@@ -52,11 +53,11 @@
     "koa-colorful-logger": "0.0.3"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.10",
-    "@duetds/icons": "2.2.10",
+    "@duetds/fonts": "1.4.11",
+    "@duetds/icons": "2.2.11",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.4.10",
+    "@duetds/tokens": "2.4.11",
     "@koa/cors": "3.1.0",
     "@rollup/plugin-replace": "3.0.1",
     "@stencil/core": "2.12.1",
@@ -95,5 +96,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "69a47500e477a9e4931abffb0793a809f5963028"
+  "gitHead": "82c1e6f02105189828663a62d980e570239f3e33"
 }