@cds/core 5.6.1 → 6.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/button/button.element.scss.js +1 -1
- package/button/inline-button.element.scss.js +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +30298 -69310
- package/custom-elements.legacy.json +556 -6
- package/divider/divider.element.scss.js +1 -1
- package/dropdown/dropdown.element.d.ts +39 -0
- package/dropdown/dropdown.element.js +2 -0
- package/dropdown/dropdown.element.js.map +1 -0
- package/dropdown/index.d.ts +1 -0
- package/dropdown/index.js +2 -0
- package/{internal/interfaces → dropdown}/index.js.map +0 -0
- package/dropdown/register.d.ts +6 -0
- package/dropdown/register.js +2 -0
- package/dropdown/register.js.map +1 -0
- package/forms/control/control.element.js +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-action/control-action.element.scss.js +1 -1
- package/forms/control-group/control-group.element.js +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/form-group/form-group.element.js +1 -1
- package/forms/utils/{index.d.ts → utils.d.ts} +0 -0
- package/forms/utils/{index.js → utils.js} +1 -1
- package/forms/utils/{index.js.map → utils.js.map} +1 -1
- package/global.css +3 -3
- package/global.min.css +1 -1
- package/icon/icon.element.scss.js +1 -1
- package/index.d.ts +2 -1
- package/index.js +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.d.ts +3 -0
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/base/focus-trap.base.d.ts +9 -11
- package/internal/base/focus-trap.base.js +1 -1
- package/internal/base/focus-trap.base.js.map +1 -1
- package/internal/controllers/aria-popup-trigger.controller.d.ts +6 -0
- package/internal/controllers/aria-popup-trigger.controller.js +2 -0
- package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
- package/internal/controllers/aria-popup.controller.d.ts +10 -0
- package/internal/controllers/aria-popup.controller.js +2 -0
- package/internal/controllers/aria-popup.controller.js.map +1 -0
- package/internal/controllers/closable.controller.d.ts +29 -0
- package/internal/controllers/closable.controller.js +2 -0
- package/internal/controllers/closable.controller.js.map +1 -0
- package/internal/controllers/first-focus.controller.d.ts +13 -0
- package/internal/controllers/first-focus.controller.js +2 -0
- package/internal/controllers/first-focus.controller.js.map +1 -0
- package/internal/controllers/inline-focus-trap.controller.d.ts +16 -0
- package/internal/controllers/inline-focus-trap.controller.js +2 -0
- package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
- package/internal/controllers/utils/first-focus.controller.utils.d.ts +3 -0
- package/internal/controllers/utils/first-focus.controller.utils.js +2 -0
- package/internal/controllers/utils/first-focus.controller.utils.js.map +1 -0
- package/internal/decorators/animate.js.map +1 -1
- package/internal/decorators/element.d.ts +1 -1
- package/internal/decorators/element.js +2 -0
- package/internal/decorators/element.js.map +1 -0
- package/internal/decorators/id.d.ts +1 -1
- package/internal/decorators/query-slot.d.ts +2 -2
- package/internal/index.d.ts +14 -2
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
- package/internal/interfaces/interfaces.js +2 -0
- package/internal/interfaces/interfaces.js.map +1 -0
- package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
- package/internal/motion/animations/cds-dropdown-open.js +2 -0
- package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
- package/internal/motion/animations/cds-modal-enter.js +1 -1
- package/internal/motion/animations/cds-modal-enter.js.map +1 -1
- package/internal/motion/interfaces.d.ts +1 -1
- package/internal/motion/utils.d.ts +3 -3
- package/internal/motion/utils.js +1 -1
- package/internal/motion/utils.js.map +1 -1
- package/internal/positioning/interfaces.d.ts +61 -0
- package/internal/positioning/interfaces.js +2 -0
- package/internal/positioning/interfaces.js.map +1 -0
- package/internal/positioning/utils.d.ts +26 -0
- package/internal/positioning/utils.js +2 -0
- package/internal/positioning/utils.js.map +1 -0
- package/internal/services/focus-trap-tracker.service.d.ts +3 -0
- package/internal/services/focus-trap-tracker.service.js +1 -1
- package/internal/services/focus-trap-tracker.service.js.map +1 -1
- package/internal/services/global.service.d.ts +1 -1
- package/internal/services/i18n.service.d.ts +20 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/array.d.ts +7 -4
- package/internal/utils/array.js +1 -1
- package/internal/utils/array.js.map +1 -1
- package/internal/utils/conditional.d.ts +4 -1
- package/internal/utils/conditional.js +1 -1
- package/internal/utils/conditional.js.map +1 -1
- package/internal/utils/css.d.ts +1 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.js.map +1 -1
- package/internal/utils/dom.d.ts +17 -2
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/enum.d.ts +1 -0
- package/internal/utils/enum.js +2 -0
- package/internal/utils/enum.js.map +1 -0
- package/internal/utils/events.d.ts +4 -0
- package/internal/utils/events.js +1 -1
- package/internal/utils/events.js.map +1 -1
- package/internal/utils/focus-trap.d.ts +30 -1
- package/internal/utils/focus-trap.js +1 -1
- package/internal/utils/focus-trap.js.map +1 -1
- package/internal/utils/global.d.ts +3 -3
- package/internal/utils/global.js +1 -1
- package/internal/utils/global.js.map +1 -1
- package/internal/utils/identity.d.ts +28 -1
- package/internal/utils/identity.js +1 -1
- package/internal/utils/identity.js.map +1 -1
- package/internal/utils/math.d.ts +3 -0
- package/internal/utils/math.js +2 -0
- package/internal/utils/math.js.map +1 -0
- package/internal/utils/{register.d.ts → registration.d.ts} +0 -0
- package/internal/utils/registration.js +2 -0
- package/internal/utils/registration.js.map +1 -0
- package/internal/utils/string.d.ts +5 -0
- package/internal/utils/string.js +1 -1
- package/internal/utils/string.js.map +1 -1
- package/internal/utils/traversal.d.ts +4 -0
- package/internal/utils/traversal.js +2 -0
- package/internal/utils/traversal.js.map +1 -0
- package/internal-components/close-button/close-button.element.d.ts +1 -3
- package/internal-components/close-button/close-button.element.js +1 -1
- package/internal-components/close-button/close-button.element.js.map +1 -1
- package/internal-components/close-button/close-button.element.scss.js +1 -1
- package/internal-components/close-button/index.js +1 -1
- package/internal-components/overlay/index.js +1 -1
- package/internal-components/overlay/overlay.element.d.ts +35 -23
- package/internal-components/overlay/overlay.element.js +1 -1
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/internal-components/overlay/overlay.element.scss.js +1 -1
- package/internal-components/overlay/shared.element.scss.js +2 -0
- package/internal-components/overlay/shared.element.scss.js.map +1 -0
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/index.d.ts +2 -0
- package/internal-components/popup/index.js +2 -0
- package/internal-components/popup/index.js.map +1 -0
- package/internal-components/popup/pointer.element.d.ts +35 -0
- package/internal-components/popup/pointer.element.js +2 -0
- package/internal-components/popup/pointer.element.js.map +1 -0
- package/internal-components/popup/pointer.element.scss.js +2 -0
- package/internal-components/popup/pointer.element.scss.js.map +1 -0
- package/internal-components/popup/popup.element.d.ts +116 -0
- package/internal-components/popup/popup.element.js +2 -0
- package/internal-components/popup/popup.element.js.map +1 -0
- package/internal-components/popup/popup.element.scss.js +2 -0
- package/internal-components/popup/popup.element.scss.js.map +1 -0
- package/internal-components/popup/register.d.ts +9 -0
- package/internal-components/popup/register.js +2 -0
- package/internal-components/popup/register.js.map +1 -0
- package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
- package/internal-components/popup/utils/pointer.utils.js +2 -0
- package/internal-components/popup/utils/pointer.utils.js.map +1 -0
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/modal/modal-content.element.d.ts +0 -1
- package/modal/modal-content.element.js +1 -1
- package/modal/modal-content.element.js.map +1 -1
- package/modal/modal.element.d.ts +13 -3
- package/modal/modal.element.js +1 -1
- package/modal/modal.element.js.map +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.scss.js +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation.element.d.ts +3 -3
- package/navigation/navigation.element.js +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
- package/navigation/utils/{index.js → utils.js} +1 -1
- package/navigation/utils/{index.js.map → utils.js.map} +1 -1
- package/package.json +95 -92
- package/pagination/pagination-button.element.scss.js +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -1
- package/styles/module.tokens.css +3 -3
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +6 -8
- package/styles/theme.dark.min.css +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +3 -3
- package/tokens/tokens.ios.swift +3 -3
- package/tokens/tokens.json +3 -3
- package/tree-view/tree-item.element.scss.js +1 -1
- package/_virtual/_virtual_library-entry-points +0 -2
- package/_virtual/_virtual_library-entry-points.map +0 -1
- package/internal/base/css-gap.base.d.ts +0 -18
- package/internal/base/css-gap.base.js +0 -2
- package/internal/base/css-gap.base.js.map +0 -1
- package/internal/interfaces/index.js +0 -2
- package/internal/utils/register.js +0 -2
- package/internal/utils/register.js.map +0 -1
- package/styles/module.shims.css +0 -896
- package/styles/module.shims.min.css +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var s=a
|
|
1
|
+
import{css as a}from"lit";var s=a`@-webkit-keyframes fadeInAndOut{0%,to{opacity:0}75%{opacity:1}}@keyframes fadeInAndOut{0%,to{opacity:0}75%{opacity:1}}:host{--color:currentColor;display:inline-block;height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));margin:0;vertical-align:middle;fill:var(--color);color:var(--color);contain:strict;cursor:inherit}svg{display:block}:host([size*=xs]){height:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem))}:host([size*=sm]){height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([size*=md]){height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem))}:host([size*=lg]){height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}:host([size*=xl]){height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem))}:host([size*=xxl]){height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));min-height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));min-width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}:host([size*=fit]){height:auto;width:auto;contain:layout}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=danger]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=warning]){--color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([status=info]){--color:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([inverse]){--color:var(--cds-global-color-construction-200, #cbd4d8)}:host([direction=up]){-webkit-transform:rotate(0);transform:rotate(0)}:host([direction=down]){-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([direction=right]){-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([direction=left]){-webkit-transform:rotate(270deg);transform:rotate(270deg)}:host([flip=horizontal]){-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}:host([flip=vertical]){-webkit-transform:scale(-1) rotateY(180deg);transform:scale(-1) rotateY(180deg)}.alert,.badge{fill:var(--badge-color,var(--cds-alias-status-danger,var(--cds-global-color-red-700,#e02200)))}:host([badge=success]){--badge-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([badge=danger]){--badge-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([badge*=warning]){--badge-color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([badge=inherit]){--badge-color:currentColor}:host([badge=info]){--badge-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([badge=inherit-triangle]){--badge-color:currentColor}:host([badge][inverse]){--badge-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([badge=success][inverse]){--badge-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([badge*=warning][inverse]){--badge-color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([badge*=inherit][inverse]){--badge-color:currentColor}:host([badge=info][inverse]){--badge-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}.cds-internal-dot-1{-webkit-animation:fadeInAndOut 1.8s ease-in 0s infinite;animation:fadeInAndOut 1.8s ease-in 0s infinite}.cds-internal-dot-2{-webkit-animation:fadeInAndOut 1.8s ease-out .422s infinite;animation:fadeInAndOut 1.8s ease-out .422s infinite}.cds-internal-dot-3{-webkit-animation:fadeInAndOut 1.8s ease-out .675s infinite;animation:fadeInAndOut 1.8s ease-out .675s infinite}@media (prefers-reduced-motion){.cds-internal-dot-1,.cds-internal-dot-2,.cds-internal-dot-3{-webkit-animation:none;animation:none}}`;export default s;
|
|
2
2
|
//# sourceMappingURL=icon.element.scss.js.map
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { I18nService
|
|
1
|
+
export { I18nService } from '@cds/core/internal';
|
|
2
|
+
export { componentStringsDefault } from './internal/services/i18n.service.js';
|
|
2
3
|
declare global {
|
|
3
4
|
interface HTMLElement {
|
|
4
5
|
'cds-text': string;
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{I18nService
|
|
1
|
+
export{I18nService}from"@cds/core/internal";export{componentStringsDefault}from"./internal/services/i18n.service.js";import"./internal/services/global.service.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var r=o`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:var(--cds-alias-object-interaction-outline);--outline-offset:var(--cds-alias-object-interaction-outline-offset);--cds-alias-object-interaction-outline:none;--cds-alias-object-interaction-outline-offset:0;--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple]):not([size])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]):not([size]))::placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]){margin:0!important}.input-container{transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
|
|
1
|
+
import{css as o}from"lit";var r=o`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:var(--cds-alias-object-interaction-outline);--outline-offset:var(--cds-alias-object-interaction-outline-offset);--cds-alias-object-interaction-outline:none;--cds-alias-object-interaction-outline-offset:0;--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple]):not([size])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]):not([size]))::-webkit-input-placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]:not([multiple]):not([size]))::-moz-placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]:not([multiple]):not([size])):-ms-input-placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]:not([multiple]):not([size]))::-ms-input-placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]:not([multiple]):not([size]))::placeholder{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169))!important}::slotted([slot=input]){margin:0!important}.input-container{-webkit-transition:var(--transition);transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
|
|
2
2
|
//# sourceMappingURL=input.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start}[cds-layout~=horizontal]{flex-direction:row;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}`;export default a;
|
|
1
|
+
import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}[cds-layout*="align:shrink"]{-ms-flex-negative:1!important;flex-shrink:1!important;-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}[cds-layout~=horizontal]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal],[cds-layout~=horizontal][cds-layout*="align:top"]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:center"],[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}[cds-layout~=grid],[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:left"]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[cds-layout~=vertical][cds-layout*="align:center"],[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"],[cds-layout~=vertical][cds-layout*="align:stretch"]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;-ms-flex-line-pack:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{-ms-flex-item-align:stretch;align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{-ms-flex-line-pack:start;align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"],[cds-layout~=grid][cds-layout*="align:stretch"]{justify-items:stretch;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}[cds-layout~=grid][cds-layout*="align:center"],[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){-ms-flex-item-align:center;align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){-ms-flex-item-align:start;align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){-ms-flex-item-align:end;align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;-webkit-box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{-webkit-box-sizing:inherit!important;box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;-webkit-box-sizing:inherit;box-sizing:inherit}::slotted(*)::-webkit-input-placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}::slotted(*)::-moz-placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}::slotted(*):-ms-input-placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}::slotted(*)::-ms-input-placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}`;export default a;
|
|
2
2
|
//# sourceMappingURL=base.element.scss.js.map
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import { AriaPopupTriggerController } from '../controllers/aria-popup-trigger.controller.js';
|
|
2
3
|
export declare class CdsBaseButton extends LitElement {
|
|
3
4
|
readonly: boolean;
|
|
4
5
|
type: 'button' | 'submit';
|
|
5
6
|
name: string;
|
|
6
7
|
value: string;
|
|
7
8
|
disabled: boolean;
|
|
9
|
+
popup: string;
|
|
10
|
+
protected ariaPopupTriggerController: AriaPopupTriggerController;
|
|
8
11
|
protected tabIndexAttr: number | null;
|
|
9
12
|
protected focused: boolean;
|
|
10
13
|
protected active: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{LitElement as t,html as i,render as r}from"lit";import{ifDefined as s}from"lit/directives/if-defined.js";import{property as
|
|
1
|
+
import{__decorate as e}from"tslib";import{LitElement as t,html as i,render as r}from"lit";import{ifDefined as s}from"lit/directives/if-defined.js";import{AriaPopupTriggerController as o}from"../controllers/aria-popup-trigger.controller.js";import{property as a,state as n}from"../decorators/property.js";import{querySlot as h}from"../decorators/query-slot.js";import{onAnyKey as d}from"../utils/keycodes.js";import{stopEvent as l}from"../utils/events.js";class p extends t{constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.ariaPopupTriggerController=new o(this),this.focused=!1,this.active=!1,this.isAnchor=!1,this.explicitClick=!1,this.markerSignificantProperties=["type","name","value","disabled"]}render(){return i`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.role="button"}updated(e){this.hasMarkerSignificantProperty(e)&&(this.markerAttached&&this.marker.remove(),this.createMarker()),super.updated(e),this.updateButtonAttributes(),this.addDefaultSubmitBehavior(),e.has("readonly")&&this.setupNativeButtonBehavior()}emulateActiveMouseDown(){this.disabled||this.readonly||(this.active=!0)}emulateActiveMouseUp(){this.active=!1,this.explicitClick=!0}setupNativeButtonBehavior(){this.readonly?(this.removeEventListener("keyup",this.emulateActiveMouseUp),this.removeEventListener("keydown",this.emulateActiveMouseDown),this.removeEventListener("mouseup",this.emulateActiveMouseUp),this.removeEventListener("mousedown",this.emulateActiveMouseDown),this.removeEventListener("click",this.triggerNativeButtonBehavior),this.removeEventListener("keyup",this.emulateKeyBoardEventBehavior)):(this.addEventListener("keyup",this.emulateActiveMouseUp),this.addEventListener("keydown",this.emulateActiveMouseDown),this.addEventListener("mouseup",this.emulateActiveMouseUp),this.addEventListener("mousedown",this.emulateActiveMouseDown),this.addEventListener("click",this.triggerNativeButtonBehavior),this.addEventListener("keyup",this.emulateKeyBoardEventBehavior))}triggerNativeButtonBehavior(e){var t;this.readonly||(this.disabled?l(e):!e.defaultPrevented&&this.marker&&this.explicitClick&&(this.markerAttached||this.appendChild(this.marker),null===(t=this.querySelector("button[aria-hidden]"))||void 0===t||t.dispatchEvent(new MouseEvent("click",{relatedTarget:this,composed:!0})),"submit"!==this.type&&this.marker.remove())),this.explicitClick=!1}createMarker(){const e=i`<button aria-hidden="true" role="presentation" ?disabled="${this.disabled}" tabindex="-1" style="display:none!important" value="${s(this.value)}" name="${s(this.name)}" type="${s(this.type)}"></button>`,t=document.createElement("div");t.style.display="none",r(e,t),this.marker=t}get markerAttached(){return!(!this.marker||!this.marker.parentElement)}hasMarkerSignificantProperty(e){for(const t of this.markerSignificantProperties)if(e.has(t))return!0;return!1}emulateKeyBoardEventBehavior(e){d(["enter","space"],e,(()=>{this.readonly||(this.click(),l(e))}))}updateButtonAttributes(){var e;this.isAnchor="A"===(null===(e=this.parentElement)||void 0===e?void 0:e.tagName),this.isAnchor&&this.parentElement&&(this.parentElement.style.lineHeight="0",this.parentElement.style.textDecoration="none"),this.readonly=this.readonly||this.isAnchor,this.readonly?(this.role=null,this.tabIndexAttr=null,this.ariaDisabled=null):(this.role="button",this.tabIndexAttr=this.disabled?-1:0,this.ariaDisabled=this.disabled?"true":"false")}addDefaultSubmitBehavior(){!this.type&&this.closest("form")&&(this.type="submit"),"submit"!==this.type||this.markerAttached||this.appendChild(this.marker)}}e([a({type:Boolean})],p.prototype,"readonly",void 0),e([a({type:String})],p.prototype,"type",void 0),e([a({type:String})],p.prototype,"name",void 0),e([a({type:String})],p.prototype,"value",void 0),e([a({type:Boolean})],p.prototype,"disabled",void 0),e([a({type:String})],p.prototype,"popup",void 0),e([n({type:Number,attribute:"tabindex",reflect:!0})],p.prototype,"tabIndexAttr",void 0),e([n({type:Boolean,reflect:!0})],p.prototype,"focused",void 0),e([n({type:Boolean,reflect:!0})],p.prototype,"active",void 0),e([n({type:Boolean,reflect:!0})],p.prototype,"isAnchor",void 0),e([h("cds-icon")],p.prototype,"icon",void 0),e([h("cds-badge")],p.prototype,"badge",void 0);export{p as CdsBaseButton};
|
|
2
2
|
//# sourceMappingURL=button.base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":null,"names":["CdsBaseButton","LitElement","[object Object]","super","arguments","this","readonly","disabled","focused","active","isAnchor","explicitClick","markerSignificantProperties","html","connectedCallback","tabIndex","role","props","hasMarkerSignificantProperty","markerAttached","marker","remove","createMarker","updated","updateButtonAttributes","addDefaultSubmitBehavior","has","setupNativeButtonBehavior","removeEventListener","emulateActiveMouseUp","emulateActiveMouseDown","triggerNativeButtonBehavior","emulateKeyBoardEventBehavior","addEventListener","event","_a","stopEvent","defaultPrevented","appendChild","querySelector","dispatchEvent","MouseEvent","relatedTarget","composed","type","buttonTemplate","ifDefined","value","name","document","createElement","style","display","render","parentElement","prop","evt","onAnyKey","click","tagName","lineHeight","textDecoration","tabIndexAttr","ariaDisabled","closest","__decorate","property","Boolean","prototype","String","state","Number","attribute","reflect","querySlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":null,"names":["CdsBaseButton","LitElement","[object Object]","super","arguments","this","readonly","disabled","ariaPopupTriggerController","AriaPopupTriggerController","focused","active","isAnchor","explicitClick","markerSignificantProperties","html","connectedCallback","tabIndex","role","props","hasMarkerSignificantProperty","markerAttached","marker","remove","createMarker","updated","updateButtonAttributes","addDefaultSubmitBehavior","has","setupNativeButtonBehavior","removeEventListener","emulateActiveMouseUp","emulateActiveMouseDown","triggerNativeButtonBehavior","emulateKeyBoardEventBehavior","addEventListener","event","_a","stopEvent","defaultPrevented","appendChild","querySelector","dispatchEvent","MouseEvent","relatedTarget","composed","type","buttonTemplate","ifDefined","value","name","document","createElement","style","display","render","parentElement","prop","evt","onAnyKey","click","tagName","lineHeight","textDecoration","tabIndexAttr","ariaDisabled","closest","__decorate","property","Boolean","prototype","String","state","Number","attribute","reflect","querySlot"],"mappings":"ucAcO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,UAAW,EAChBF,KAAKG,2BAA6B,IAAIC,EAA2BJ,MACjEA,KAAKK,SAAU,EACfL,KAAKM,QAAS,EACdN,KAAKO,UAAW,EAIhBP,KAAKQ,eAAgB,EACrBR,KAAKS,4BAA8B,CAAC,OAAQ,OAAQ,QAAS,YAEjEZ,SACI,OAAOa,CAAK,gBAEhBb,oBACIC,MAAMa,oBACNX,KAAKY,SAAW,EAChBZ,KAAKa,KAAO,SAEhBhB,QAAQiB,GACAd,KAAKe,6BAA6BD,KAC9Bd,KAAKgB,gBACLhB,KAAKiB,OAAOC,SAEhBlB,KAAKmB,gBAETrB,MAAMsB,QAAQN,GACdd,KAAKqB,yBACLrB,KAAKsB,2BACDR,EAAMS,IAAI,aACVvB,KAAKwB,4BAYb3B,yBACSG,KAAKE,UAAaF,KAAKC,WACxBD,KAAKM,QAAS,GAGtBT,uBACIG,KAAKM,QAAS,EACdN,KAAKQ,eAAgB,EAEzBX,4BACQG,KAAKC,UACLD,KAAKyB,oBAAoB,QAASzB,KAAK0B,sBACvC1B,KAAKyB,oBAAoB,UAAWzB,KAAK2B,wBACzC3B,KAAKyB,oBAAoB,UAAWzB,KAAK0B,sBACzC1B,KAAKyB,oBAAoB,YAAazB,KAAK2B,wBAC3C3B,KAAKyB,oBAAoB,QAASzB,KAAK4B,6BACvC5B,KAAKyB,oBAAoB,QAASzB,KAAK6B,gCAGvC7B,KAAK8B,iBAAiB,QAAS9B,KAAK0B,sBACpC1B,KAAK8B,iBAAiB,UAAW9B,KAAK2B,wBACtC3B,KAAK8B,iBAAiB,UAAW9B,KAAK0B,sBACtC1B,KAAK8B,iBAAiB,YAAa9B,KAAK2B,wBACxC3B,KAAK8B,iBAAiB,QAAS9B,KAAK4B,6BACpC5B,KAAK8B,iBAAiB,QAAS9B,KAAK6B,+BAO5ChC,4BAA4BkC,GACxB,IAAIC,EACChC,KAAKC,WACFD,KAAKE,SACL+B,EAAUF,IAEJA,EAAMG,kBAAoBlC,KAAKiB,QAAUjB,KAAKQ,gBAC/CR,KAAKgB,gBACNhB,KAAKmC,YAAYnC,KAAKiB,QAE2B,QAApDe,EAAKhC,KAAKoC,cAAc,8BAA2C,IAAPJ,GAAyBA,EAAGK,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAevC,KAAMwC,UAAU,KAC9I,WAAdxC,KAAKyC,MACLzC,KAAKiB,OAAOC,WAKxBlB,KAAKQ,eAAgB,EAEzBX,eACI,MAAM6C,EAAiBhC,CAAK,6DAGjBV,KAAKE,iEAGTyC,EAAU3C,KAAK4C,iBAChBD,EAAU3C,KAAK6C,gBACfF,EAAU3C,KAAKyC,mBAEfxB,EAAS6B,SAASC,cAAc,OAEtC9B,EAAO+B,MAAMC,QAAU,OACvBC,EAAOR,EAAgBzB,GACvBjB,KAAKiB,OAASA,EAElBD,qBACI,SAAUhB,KAAKiB,SAAUjB,KAAKiB,OAAOkC,eAGzCtD,6BAA6BiB,GACzB,IAAK,MAAMsC,KAAQpD,KAAKS,4BACpB,GAAIK,EAAMS,IAAI6B,GACV,OAAO,EAGf,OAAO,EAEXvD,6BAA6BwD,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KACzBrD,KAAKC,WACND,KAAKuD,QACLtB,EAAUoB,OAItBxD,yBACI,IAAImC,EACJhC,KAAKO,SAA2F,OAAjD,QAA7ByB,EAAKhC,KAAKmD,qBAAkC,IAAPnB,OAAgB,EAASA,EAAGwB,SAC/ExD,KAAKO,UAAYP,KAAKmD,gBACtBnD,KAAKmD,cAAcH,MAAMS,WAAa,IACtCzD,KAAKmD,cAAcH,MAAMU,eAAiB,QAE9C1D,KAAKC,SAAWD,KAAKC,UAAYD,KAAKO,SAClCP,KAAKC,UACLD,KAAKa,KAAO,KACZb,KAAK2D,aAAe,KACpB3D,KAAK4D,aAAe,OAGpB5D,KAAKa,KAAO,SACZb,KAAK2D,aAAe3D,KAAKE,UAAY,EAAI,EACzCF,KAAK4D,aAAe5D,KAAKE,SAAW,OAAS,SAKrDL,4BACSG,KAAKyC,MAAQzC,KAAK6D,QAAQ,UAC3B7D,KAAKyC,KAAO,UAEE,WAAdzC,KAAKyC,MAAsBzC,KAAKgB,gBAChChB,KAAKmC,YAAYnC,KAAKiB,SAIlC6C,EAAW,CACPC,EAAS,CAAEtB,KAAMuB,WAClBrE,EAAcsE,UAAW,gBAAY,GACxCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClBvE,EAAcsE,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClBvE,EAAcsE,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClBvE,EAAcsE,UAAW,aAAS,GACrCH,EAAW,CACPC,EAAS,CAAEtB,KAAMuB,WAClBrE,EAAcsE,UAAW,gBAAY,GACxCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClBvE,EAAcsE,UAAW,aAAS,GACrCH,EAAW,CACPK,EAAM,CAAE1B,KAAM2B,OAAQC,UAAW,WAAYC,SAAS,KACvD3E,EAAcsE,UAAW,oBAAgB,GAC5CH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASM,SAAS,KACjC3E,EAAcsE,UAAW,eAAW,GACvCH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASM,SAAS,KACjC3E,EAAcsE,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASM,SAAS,KACjC3E,EAAcsE,UAAW,gBAAY,GACxCH,EAAW,CACPS,EAAU,aACX5E,EAAcsE,UAAW,YAAQ,GACpCH,EAAW,CACPS,EAAU,cACX5E,EAAcsE,UAAW,aAAS"}
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import {
|
|
2
|
+
import { FirstFocusController } from '../controllers/first-focus.controller.js';
|
|
3
|
+
import { ClosableController } from '../controllers/closable.controller.js';
|
|
4
|
+
import { InlineFocusTrapController } from '../controllers/inline-focus-trap.controller.js';
|
|
3
5
|
export declare class CdsBaseFocusTrap extends LitElement {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
firstFocusController: FirstFocusController;
|
|
7
|
+
closableController: ClosableController;
|
|
8
|
+
protected inlineFocusTrapController: InlineFocusTrapController;
|
|
9
|
+
protected demoMode: boolean;
|
|
10
|
+
protected focusTrapId: string;
|
|
11
|
+
constructor();
|
|
7
12
|
/**
|
|
8
13
|
* Its recommended to remove or add a focus trap element from the DOM
|
|
9
14
|
* some SSR systems can have technical constraints where the item can
|
|
10
15
|
* only be removed via CSS/hidden.
|
|
11
16
|
*/
|
|
12
17
|
hidden: boolean;
|
|
13
|
-
protected demoMode: boolean;
|
|
14
|
-
focusTrapId: string;
|
|
15
|
-
constructor();
|
|
16
|
-
connectedCallback(): void;
|
|
17
|
-
disconnectedCallback(): void;
|
|
18
|
-
attributeChangedCallback(name: string, old: string, value: string): void;
|
|
19
18
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
20
|
-
private toggleFocusTrap;
|
|
21
19
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as o}from"tslib";import{LitElement as r,html as t}from"lit";import{state as e,property as s}from"../decorators/property.js";import{createId as i}from"../utils/identity.js";import{FirstFocusController as l}from"../controllers/first-focus.controller.js";import{ClosableController as n}from"../controllers/closable.controller.js";import{InlineFocusTrapController as p}from"../controllers/inline-focus-trap.controller.js";class c extends r{constructor(){super(),this.firstFocusController=new l(this),this.closableController=new n(this),this.inlineFocusTrapController=new p(this),this.demoMode=!1,this.hidden=!1,this.focusTrapId=i()}render(){return t`<slot></slot>`}}o([e({type:Boolean,reflect:!0})],c.prototype,"demoMode",void 0),o([e({type:String})],c.prototype,"focusTrapId",void 0),o([s({type:Boolean})],c.prototype,"hidden",void 0);export{c as CdsBaseFocusTrap};
|
|
2
2
|
//# sourceMappingURL=focus-trap.base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.base.js","sources":["../../../../src/internal/base/focus-trap.base.ts"],"sourcesContent":null,"names":["CdsBaseFocusTrap","LitElement","[object Object]","super","this","
|
|
1
|
+
{"version":3,"file":"focus-trap.base.js","sources":["../../../../src/internal/base/focus-trap.base.ts"],"sourcesContent":null,"names":["CdsBaseFocusTrap","LitElement","[object Object]","super","this","firstFocusController","FirstFocusController","closableController","ClosableController","inlineFocusTrapController","InlineFocusTrapController","demoMode","hidden","focusTrapId","createId","html","__decorate","state","type","Boolean","reflect","prototype","String","property"],"mappings":"obAYO,MAAMA,UAAyBC,EAClCC,cACIC,QACAC,KAAKC,qBAAuB,IAAIC,EAAqBF,MACrDA,KAAKG,mBAAqB,IAAIC,EAAmBJ,MACjDA,KAAKK,0BAA4B,IAAIC,EAA0BN,MAC/DA,KAAKO,UAAW,EAMhBP,KAAKQ,QAAS,EACdR,KAAKS,YAAcC,IAEvBZ,SACI,OAAOa,CAAK,iBAGpBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjCpB,EAAiBqB,UAAW,gBAAY,GAC3CL,EAAW,CACPC,EAAM,CAAEC,KAAMI,UACftB,EAAiBqB,UAAW,mBAAe,GAC9CL,EAAW,CACPO,EAAS,CAAEL,KAAMC,WAClBnB,EAAiBqB,UAAW,cAAU"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{setAttributes as t}from"../utils/dom.js";class o{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){const o=this.host.getAttribute("popup");o&&t(this.host,["aria-controls",o],["aria-haspopup","true"],["aria-expanded","false"])}}export{o as AriaPopupTriggerController};
|
|
2
|
+
//# sourceMappingURL=aria-popup-trigger.controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aria-popup-trigger.controller.js","sources":["../../../../src/internal/controllers/aria-popup-trigger.controller.ts"],"sourcesContent":null,"names":["AriaPopupTriggerController","[object Object]","host","this","addController","popup","getAttribute","setAttributes"],"mappings":"gDACO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BF,gBAEI,MAAMI,EAAQF,KAAKD,KAAKI,aAAa,SACjCD,GACAE,EAAcJ,KAAKD,KAAM,CAAC,gBAAiBG,GAAQ,CAAC,gBAAiB,QAAS,CAAC,gBAAiB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class AriaPopupController {
|
|
3
|
+
private host;
|
|
4
|
+
private observer;
|
|
5
|
+
constructor(host: LitElement);
|
|
6
|
+
private get closableController();
|
|
7
|
+
hostConnected(): Promise<void>;
|
|
8
|
+
hostDisconnected(): void;
|
|
9
|
+
private onExpand;
|
|
10
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
class t{constructor(t){this.host=t,this.host.addController(this)}get closableController(){return this.host.closableController}async hostConnected(){await this.host.updateComplete,this.onExpand(!this.host.hasAttribute("hidden")),this.observer=new MutationObserver((t=>{for(const e of t)"attributes"===e.type&&"hidden"===e.attributeName&&this.onExpand(!this.host.hasAttribute("hidden"))})),this.observer.observe(this.host,{attributes:!0})}hostDisconnected(){this.onExpand(!1),this.observer.disconnect()}onExpand(t){if(this.closableController){const e=this.closableController.priorActiveElement;e&&e.hasAttribute("popup")&&e.setAttribute("aria-expanded",t?"true":"false")}}}export{t as AriaPopupController};
|
|
2
|
+
//# sourceMappingURL=aria-popup.controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aria-popup.controller.js","sources":["../../../../src/internal/controllers/aria-popup.controller.ts"],"sourcesContent":null,"names":["AriaPopupController","[object Object]","host","this","addController","closableController","updateComplete","onExpand","hasAttribute","observer","MutationObserver","mutations","mutation","type","attributeName","observe","attributes","disconnect","expand","previousFocusElement","priorActiveElement","setAttribute"],"mappings":"AAAO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,yBACI,OAAOF,KAAKD,KAAKG,mBAGrBJ,4BACUE,KAAKD,KAAKI,eAChBH,KAAKI,UAAUJ,KAAKD,KAAKM,aAAa,WACtCL,KAAKM,SAAW,IAAIC,kBAAiBC,IACjC,IAAK,MAAMC,KAAYD,EACG,eAAlBC,EAASC,MAAoD,WAA3BD,EAASE,eAC3CX,KAAKI,UAAUJ,KAAKD,KAAKM,aAAa,cAIlDL,KAAKM,SAASM,QAAQZ,KAAKD,KAAM,CAAEc,YAAY,IAGnDf,mBACIE,KAAKI,UAAS,GACdJ,KAAKM,SAASQ,aAElBhB,SAASiB,GACL,GAAIf,KAAKE,mBAAoB,CACzB,MAAMc,EAAuBhB,KAAKE,mBAAmBe,mBACjDD,GAAwBA,EAAqBX,aAAa,UAC1DW,EAAqBE,aAAa,gBAAiBH,EAAS,OAAS"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactiveControllerHost } from 'lit';
|
|
2
|
+
interface ClosableConfig {
|
|
3
|
+
escape?: boolean;
|
|
4
|
+
lastFocus?: boolean;
|
|
5
|
+
closable?: () => boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Given a closable component provides the following
|
|
9
|
+
* - close on escape
|
|
10
|
+
* - focus to trigger
|
|
11
|
+
* - close method for component specific events
|
|
12
|
+
*/
|
|
13
|
+
export declare class ClosableController {
|
|
14
|
+
private host;
|
|
15
|
+
private config;
|
|
16
|
+
private observer;
|
|
17
|
+
priorActiveElement: HTMLElement;
|
|
18
|
+
private get isFocusTrapper();
|
|
19
|
+
constructor(host: ReactiveControllerHost & HTMLElement, config?: ClosableConfig);
|
|
20
|
+
hostConnected(): void;
|
|
21
|
+
hostDisconnected(): void;
|
|
22
|
+
close(detail?: any): void;
|
|
23
|
+
private setFocusTrap;
|
|
24
|
+
private removeFocusTrap;
|
|
25
|
+
private togglePriorActiveElement;
|
|
26
|
+
private setPriorActiveElement;
|
|
27
|
+
private keyEvent;
|
|
28
|
+
}
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{listenForAttributeChange as t}from"../utils/events.js";import{ignoreFocusTrap as s}from"./utils/first-focus.controller.utils.js";import{FocusTrapTrackerService as e}from"../services/focus-trap-tracker.service.js";class o{constructor(t,s){this.host=t,this.config={escape:!0,lastFocus:!0,closable:()=>!0,...s},this.host.addController(this)}get isFocusTrapper(){return this.host.focusTrapId&&!s(this.host)}hostConnected(){this.togglePriorActiveElement(),this.host.addEventListener("keyup",(t=>this.keyEvent(t))),this.observer=t(this.host,"hidden",(()=>this.togglePriorActiveElement()))}hostDisconnected(){var t;null===(t=this.priorActiveElement)||void 0===t||t.focus(),this.removeFocusTrap(),this.observer.disconnect()}close(t){this.config&&this.config.closable&&this.config.closable()&&(this.host.closeChange?this.host.closeChange.emit(t):this.host.dispatchEvent(new CustomEvent("closeChange",{detail:t})))}setFocusTrap(){this.isFocusTrapper&&e.setCurrent({focusTrapId:this.host.focusTrapId})}removeFocusTrap(){this.isFocusTrapper&&e.removeTrapElement({focusTrapId:this.host.focusTrapId})}togglePriorActiveElement(){var t;this.host.hidden&&this.config.lastFocus?(this.removeFocusTrap(),null===(t=this.priorActiveElement)||void 0===t||t.focus()):(this.setFocusTrap(),this.setPriorActiveElement())}setPriorActiveElement(){this.priorActiveElement=this.host.getRootNode().activeElement}keyEvent(t){this.config.escape&&"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.close("escape-keypress"))}}export{o as ClosableController};
|
|
2
|
+
//# sourceMappingURL=closable.controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"closable.controller.js","sources":["../../../../src/internal/controllers/closable.controller.ts"],"sourcesContent":null,"names":["ClosableController","[object Object]","host","config","this","escape","lastFocus","closable","addController","isFocusTrapper","focusTrapId","ignoreFocusTrap","togglePriorActiveElement","addEventListener","e","keyEvent","observer","listenForAttributeChange","_a","priorActiveElement","focus","removeFocusTrap","disconnect","detail","closeChange","emit","dispatchEvent","CustomEvent","FocusTrapTrackerService","setCurrent","removeTrapElement","hidden","setFocusTrap","setPriorActiveElement","getRootNode","activeElement","code","preventDefault","stopPropagation","close"],"mappings":"4NASO,MAAMA,EACTC,YAAYC,EAAMC,GACdC,KAAKF,KAAOA,EACZE,KAAKD,OAAS,CAAEE,QAAQ,EAAMC,WAAW,EAAMC,SAAU,KAAM,KAASJ,GACxEC,KAAKF,KAAKM,cAAcJ,MAE5BK,qBACI,OAAOL,KAAKF,KAAKQ,cAAgBC,EAAgBP,KAAKF,MAE1DD,gBACIG,KAAKQ,2BACLR,KAAKF,KAAKW,iBAAiB,SAAUC,GAAMV,KAAKW,SAASD,KACzDV,KAAKY,SAAWC,EAAyBb,KAAKF,KAAM,UAAU,IAAME,KAAKQ,6BAE7EX,mBACI,IAAIiB,EAC+B,QAAlCA,EAAKd,KAAKe,0BAAuC,IAAPD,GAAyBA,EAAGE,QACvEhB,KAAKiB,kBACLjB,KAAKY,SAASM,aAElBrB,MAAMsB,GACEnB,KAAKD,QAAUC,KAAKD,OAAOI,UAAYH,KAAKD,OAAOI,aAE/CH,KAAKF,KAAKsB,YACVpB,KAAKF,KAAKsB,YAAYC,KAAKF,GAG3BnB,KAAKF,KAAKwB,cAAc,IAAIC,YAAY,cAAe,CAAEJ,OAAAA,MAIrEtB,eACQG,KAAKK,gBACLmB,EAAwBC,WAAW,CAAEnB,YAAaN,KAAKF,KAAKQ,cAGpET,kBACQG,KAAKK,gBACLmB,EAAwBE,kBAAkB,CAAEpB,YAAaN,KAAKF,KAAKQ,cAG3ET,2BACI,IAAIiB,EACAd,KAAKF,KAAK6B,QAAU3B,KAAKD,OAAOG,WAChCF,KAAKiB,kBAC8B,QAAlCH,EAAKd,KAAKe,0BAAuC,IAAPD,GAAyBA,EAAGE,UAGvEhB,KAAK4B,eACL5B,KAAK6B,yBAGbhC,wBACIG,KAAKe,mBAAqBf,KAAKF,KAAKgC,cAAcC,cAEtDlC,SAASa,GACDV,KAAKD,OAAOE,QAAqB,WAAXS,EAAEsB,OACxBtB,EAAEuB,iBACFvB,EAAEwB,kBACFlC,KAAKmC,MAAM"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Provides a focus first behavior to any component via the cds-first-focus attribute
|
|
4
|
+
*/
|
|
5
|
+
export declare class FirstFocusController {
|
|
6
|
+
private host;
|
|
7
|
+
private observer;
|
|
8
|
+
constructor(host: LitElement);
|
|
9
|
+
private get focusableItems();
|
|
10
|
+
hostConnected(): Promise<void>;
|
|
11
|
+
hostDisconnected(): void;
|
|
12
|
+
private cdsFocusFirst;
|
|
13
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{listenForAttributeChange as s}from"../utils/events.js";import{getFocusableItems as t}from"../utils/traversal.js";import{ignoreFocusTrap as o,getItemToFocus as r}from"./utils/first-focus.controller.utils.js";import{FocusTrapTrackerService as e}from"../services/focus-trap-tracker.service.js";class i{constructor(s){this.host=s,this.host.addController(this)}get focusableItems(){return t(this.host)}async hostConnected(){await this.host.updateComplete,this.observer=s(this.host,"hidden",(()=>this.cdsFocusFirst())),this.cdsFocusFirst()}hostDisconnected(){const s=this.host.focusTrapId;s&&e.removeTrapElement({focusTrapId:s}),this.observer.disconnect()}cdsFocusFirst(){this.host.hidden||o(this.host)||r(this.host,this.focusableItems).focus()}}export{i as FirstFocusController};
|
|
2
|
+
//# sourceMappingURL=first-focus.controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"first-focus.controller.js","sources":["../../../../src/internal/controllers/first-focus.controller.ts"],"sourcesContent":null,"names":["FirstFocusController","[object Object]","host","this","addController","focusableItems","getFocusableItems","updateComplete","observer","listenForAttributeChange","cdsFocusFirst","hostFocusTrapId","focusTrapId","FocusTrapTrackerService","removeTrapElement","disconnect","hidden","ignoreFocusTrap","getItemToFocus","focus"],"mappings":"0SAOO,MAAMA,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAE5BE,qBACI,OAAOC,EAAkBH,KAAKD,MAElCD,4BACUE,KAAKD,KAAKK,eAChBJ,KAAKK,SAAWC,EAAyBN,KAAKD,KAAM,UAAU,IAAMC,KAAKO,kBACzEP,KAAKO,gBAETT,mBACI,MAAMU,EAAkBR,KAAKD,KAAKU,YAC9BD,GAEAE,EAAwBC,kBAAkB,CAAEF,YAAaD,IAE7DR,KAAKK,SAASO,aAElBd,gBACQE,KAAKD,KAAKc,QAAUC,EAAgBd,KAAKD,OAG7CgB,EAAef,KAAKD,KAAMC,KAAKE,gBAAgBc"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactiveControllerHost } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Focus Trap that given a DOM element creates a flattened tree traversal
|
|
4
|
+
* between both Shadow DOM and Light DOM
|
|
5
|
+
*/
|
|
6
|
+
export declare class InlineFocusTrapController {
|
|
7
|
+
private host;
|
|
8
|
+
private config;
|
|
9
|
+
constructor(host: ReactiveControllerHost & HTMLElement, config?: {
|
|
10
|
+
start: string;
|
|
11
|
+
end: string;
|
|
12
|
+
});
|
|
13
|
+
private get focusableItems();
|
|
14
|
+
private get root();
|
|
15
|
+
hostConnected(): Promise<void>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createFragment as t}from"../utils/dom.js";import{getFlattenedFocusableItems as s}from"../utils/traversal.js";import{getHostElementToFocus as o}from"./utils/first-focus.controller.utils.js";class i{constructor(t,s={start:"start",end:"end"}){this.host=t,this.config=s,this.host.addController(this)}get focusableItems(){return s(this.root).filter((t=>!t.hasAttribute("cds-focus-boundary")&&(this.root.contains(t)||t.closest("[cds-focus-trap]")===this.host)))}get root(){return this.host.shadowRoot?this.host.shadowRoot:this.host}async hostConnected(){await this.host.updateComplete;const s=t=>`<div cds-focus-boundary tabindex="0" style="display:none;position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)">${t}</div>`;0===Array.from(this.root.querySelectorAll("[cds-focus-boundary]")).length&&(this.root.appendChild(t("<style>:host(:host:focus-within) [cds-focus-boundary],:host(:focus-within) [cds-focus-boundary] {display: block !important}</style>")),this.root.prepend(t(s(this.config.start))),this.root.appendChild(t(s(this.config.end))),this.host.setAttribute("cds-focus-trap",""));const[i,e]=Array.from(this.root.querySelectorAll("[cds-focus-boundary]"));i.addEventListener("focusin",(()=>(this.focusableItems.length>0?this.focusableItems[this.focusableItems.length-1]:o(this.host)).focus())),e.addEventListener("focusin",(()=>(this.focusableItems.length>0?this.focusableItems[0]:o(this.host)).focus()))}}export{i as InlineFocusTrapController};
|
|
2
|
+
//# sourceMappingURL=inline-focus-trap.controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-focus-trap.controller.js","sources":["../../../../src/internal/controllers/inline-focus-trap.controller.ts"],"sourcesContent":null,"names":["InlineFocusTrapController","[object Object]","host","config","start","end","this","addController","focusableItems","getFlattenedFocusableItems","root","filter","e","hasAttribute","contains","closest","shadowRoot","updateComplete","trap","v","Array","from","querySelectorAll","length","appendChild","createFragment","prepend","setAttribute","addEventListener","getHostElementToFocus","focus"],"mappings":"oMAOO,MAAMA,EACTC,YAAYC,EAAMC,EAAS,CAAEC,MAAO,QAASC,IAAK,QAC9CC,KAAKJ,KAAOA,EACZI,KAAKH,OAASA,EACdG,KAAKJ,KAAKK,cAAcD,MAE5BE,qBACI,OAAOC,EAA2BH,KAAKI,MAAMC,QAAOC,IAAMA,EAAEC,aAAa,wBAA0BP,KAAKI,KAAKI,SAASF,IAAMA,EAAEG,QAAQ,sBAAwBT,KAAKJ,QAEvKQ,WACI,OAAQJ,KAAKJ,KAAKc,WAAaV,KAAKJ,KAAKc,WAAaV,KAAKJ,KAE/DD,4BACUK,KAAKJ,KAAKe,eAChB,MACMC,EAAQC,GAAM,uHAAuHA,UAGzG,IADPC,MAAMC,KAAKf,KAAKI,KAAKY,iBAAiB,yBAC1CC,SACnBjB,KAAKI,KAAKc,YAAYC,EALZ,wIAMVnB,KAAKI,KAAKgB,QAAQD,EAAeP,EAAKZ,KAAKH,OAAOC,SAClDE,KAAKI,KAAKc,YAAYC,EAAeP,EAAKZ,KAAKH,OAAOE,OACtDC,KAAKJ,KAAKyB,aAAa,iBAAkB,KAE7C,MAAOvB,EAAOC,GAAOe,MAAMC,KAAKf,KAAKI,KAAKY,iBAAiB,yBAC3DlB,EAAMwB,iBAAiB,WAAW,KAAOtB,KAAKE,eAAee,OAAS,EAChEjB,KAAKE,eAAeF,KAAKE,eAAee,OAAS,GACjDM,EAAsBvB,KAAKJ,OAAO4B,UACxCzB,EAAIuB,iBAAiB,WAAW,KAAOtB,KAAKE,eAAee,OAAS,EAAIjB,KAAKE,eAAe,GAAKqB,EAAsBvB,KAAKJ,OAAO4B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{makeFocusable as t,getShadowRootOrElse as r}from"../../utils/dom.js";function e(t,r){if(r&&r.length>0){const e=r.find((t=>t.hasAttribute("cds-first-focus")));if(e)return e;{const e=r.filter((t=>{const r=t.getAttribute("tabindex");return(null===r||"-1"!==r)&&!t.hasAttribute("cds-focus-boundary")}));return e.length>0?e[0]:n(t)}}return n(t)}function n(e){return t(r(e).querySelector(".private-host")||e)}function u(t){return!0===t.ignoreFocusTrap||t.hasAttribute("_demo-mode")||t.hasAttribute("cds-ignore-focus-trap")}export{n as getHostElementToFocus,e as getItemToFocus,u as ignoreFocusTrap};
|
|
2
|
+
//# sourceMappingURL=first-focus.controller.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"first-focus.controller.utils.js","sources":["../../../../../src/internal/controllers/utils/first-focus.controller.utils.ts"],"sourcesContent":null,"names":["getItemToFocus","hostEl","focusableItems","length","firstFocus","find","e","hasAttribute","tabFlowEls","filter","elTabIndex","getAttribute","getHostElementToFocus","makeFocusable","getShadowRootOrElse","querySelector","ignoreFocusTrap"],"mappings":"4EAMO,SAASA,EAAeC,EAAQC,GACnC,GAAIA,GAAkBA,EAAeC,OAAS,EAAG,CAC7C,MAAMC,EAAaF,EAAeG,MAAMC,GAAMA,EAAEC,aAAa,qBAC7D,GAAIH,EACA,OAAOA,EAEN,CACD,MAAMI,EAAaN,EAAeO,QAAQH,IACtC,MAAMI,EAAaJ,EAAEK,aAAa,YAClC,OAAuB,OAAfD,GAAsC,OAAfA,KAAyBJ,EAAEC,aAAa,yBAE3E,OAAOC,EAAWL,OAAS,EAAIK,EAAW,GAAKI,EAAsBX,IAIzE,OAAOW,EAAsBX,GAG9B,SAASW,EAAsBX,GAClC,OAAOY,EAAcC,EAAoBb,GAAQc,cAAc,kBAAoBd,GAEhF,SAASe,EAAgBf,GAC5B,OAAmC,IAA3BA,EAAOe,iBACXf,EAAOM,aAAa,eACpBN,EAAOM,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":null,"names":["animate","config","constr","_constr","[object Object]","props","super","updated","self","this","_animations","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","runPropertyAnimations","setAttribute","AnimationStatus","ready"],"mappings":"6JAQO,SAASA,EAAQC,
|
|
1
|
+
{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":null,"names":["animate","config","constr","_constr","[object Object]","props","super","updated","self","this","_animations","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","runPropertyAnimations","setAttribute","AnimationStatus","ready"],"mappings":"6JAQO,SAASA,EAAQC,GAEpB,OAAO,SAAwBC,GAC3B,MAAMC,EAAUD,EAChB,OAAO,cAAcC,EACjBC,QAAQC,GACJC,MAAMC,QAAQF,GACd,MAAMG,EAAOC,KACbD,EAAKE,YAAcT,QAAU,EACxBO,EAAKG,aAAaC,GAGbJ,EAAKG,aAAa,eAExBE,EAAsBR,EAAOG,GAJ7BA,EAAKM,aAAaF,EAAoCG,EAAgBC"}
|
|
@@ -8,7 +8,7 @@ interface ClassElement {
|
|
|
8
8
|
kind: 'field' | 'method';
|
|
9
9
|
key: PropertyKey;
|
|
10
10
|
placement: 'static' | 'prototype' | 'own';
|
|
11
|
-
initializer?:
|
|
11
|
+
initializer?: (...args: any[]) => any;
|
|
12
12
|
extras?: ClassElement[];
|
|
13
13
|
finisher?: <T>(classDef: Constructor<T>) => undefined | Constructor<T>;
|
|
14
14
|
descriptor?: PropertyDescriptor;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{registerElementSafely as t}from"../utils/registration.js";const e=e=>n=>"function"==typeof n?((e,n)=>(t(e,n),n))(e,n):((e,n)=>{const{kind:i,elements:o}=n;return{kind:i,elements:o,finisher(n){t(e,n)}}})(e,n);export{e as customElement};
|
|
2
|
+
//# sourceMappingURL=element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element.js","sources":["../../../../src/internal/decorators/element.ts"],"sourcesContent":null,"names":["customElement","tagName","classOrDescriptor","classDef","registerElementSafely","legacyCustomElement","descriptor","kind","elements","[object Object]","standardCustomElement"],"mappings":"iEAqBA,MAeaA,EAAiBC,GAAaC,GACH,mBAAtBA,EALU,EAACD,EAASE,KAClCC,EAAsBH,EAASE,GACxBA,GAIDE,CAAoBJ,EAASC,GAjBT,EAACD,EAASK,KACpC,MAAMC,KAAEA,EAAIC,SAAEA,GAAaF,EAC3B,MAAO,CACHC,KAAAA,EACAC,SAAAA,EACAC,SAASN,GACLC,EAAsBH,EAASE,MAYjCO,CAAsBT,EAASC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function id(): (protoOrDescriptor:
|
|
1
|
+
export declare function id(): (protoOrDescriptor: Record<string, unknown> | any, name?: PropertyKey | undefined) => any;
|
|
@@ -11,11 +11,11 @@ export interface QuerySlotConfig {
|
|
|
11
11
|
*
|
|
12
12
|
* @ExportDecoratedItems
|
|
13
13
|
*/
|
|
14
|
-
export declare function querySlot(selector: string, config?: QuerySlotConfig): (protoOrDescriptor:
|
|
14
|
+
export declare function querySlot(selector: string, config?: QuerySlotConfig): (protoOrDescriptor: Record<string, unknown> | any, name?: PropertyKey | undefined) => any;
|
|
15
15
|
/**
|
|
16
16
|
* A property decorator that converts a class property into a getter
|
|
17
17
|
* that executes a querySelectorAll on the element's light DOM Slot.
|
|
18
18
|
*
|
|
19
19
|
* @ExportDecoratedItems
|
|
20
20
|
*/
|
|
21
|
-
export declare function querySlotAll(selector: string, config?: QuerySlotConfig): (protoOrDescriptor:
|
|
21
|
+
export declare function querySlotAll(selector: string, config?: QuerySlotConfig): (protoOrDescriptor: Record<string, unknown> | any, name?: PropertyKey | undefined) => any;
|