@cds/core 5.6.3 → 5.6.4

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.
Files changed (52) hide show
  1. package/_virtual/_virtual_library-entry-points +1 -1
  2. package/accordion/accordion-panel.element.d.ts +3 -3
  3. package/alert/alert-actions.element.d.ts +2 -2
  4. package/alert/alert-actions.element.js +1 -1
  5. package/alert/alert-group.element.d.ts +3 -3
  6. package/alert/alert.element.d.ts +4 -3
  7. package/button/button.element.d.ts +3 -2
  8. package/button/button.element.js +1 -1
  9. package/custom-elements.json +12227 -12167
  10. package/custom-elements.legacy.json +18 -0
  11. package/file/file.element.d.ts +2 -1
  12. package/forms/control/control.element.d.ts +3 -3
  13. package/forms/control-action/control-action.element.d.ts +2 -1
  14. package/forms/control-group/control-group.element.d.ts +3 -3
  15. package/forms/control-inline/control-inline.element.d.ts +3 -2
  16. package/forms/form-group/form-group.element.d.ts +3 -3
  17. package/icon/icon.element.d.ts +3 -3
  18. package/input/input-group.element.d.ts +2 -1
  19. package/internal/base/button.base.d.ts +2 -2
  20. package/internal/index.d.ts +1 -0
  21. package/internal/index.js +1 -1
  22. package/internal/index.js.map +1 -1
  23. package/internal/motion/utils.d.ts +4 -3
  24. package/internal/utils/environment.d.ts +2 -0
  25. package/internal/utils/environment.js +2 -0
  26. package/internal/utils/environment.js.map +1 -0
  27. package/internal/utils/events.js +1 -1
  28. package/internal/utils/events.js.map +1 -1
  29. package/internal/utils/exists.d.ts +0 -1
  30. package/internal/utils/exists.js +1 -1
  31. package/internal/utils/exists.js.map +1 -1
  32. package/internal/utils/global.js +1 -1
  33. package/internal/utils/global.js.map +1 -1
  34. package/internal/utils/lit.d.ts +2 -2
  35. package/internal/utils/register.js +1 -1
  36. package/internal/utils/register.js.map +1 -1
  37. package/internal-components/overlay/overlay.element.d.ts +4 -3
  38. package/modal/modal.element.d.ts +2 -1
  39. package/package.json +4 -4
  40. package/pagination/pagination-button.element.d.ts +2 -1
  41. package/pagination/pagination.element.d.ts +2 -2
  42. package/polyfills/aria-reflect.js +1 -1
  43. package/polyfills/aria-reflect.js.map +1 -1
  44. package/progress-circle/progress-circle.element.d.ts +3 -3
  45. package/radio/radio-group.element.d.ts +2 -1
  46. package/radio/radio.element.d.ts +2 -1
  47. package/range/range.element.d.ts +2 -1
  48. package/select/select.element.d.ts +2 -1
  49. package/tag/tag.element.d.ts +2 -1
  50. package/toggle/toggle.element.d.ts +2 -1
  51. package/toggle/toggle.element.js.map +1 -1
  52. package/tree-view/tree-item.element.d.ts +2 -2
@@ -64,6 +64,9 @@
64
64
  {
65
65
  "name": "expanded",
66
66
  "type": "boolean"
67
+ },
68
+ {
69
+ "name": "expandedChange"
67
70
  }
68
71
  ],
69
72
  "events": [
@@ -155,6 +158,9 @@
155
158
  {
156
159
  "name": "expanded",
157
160
  "type": "boolean"
161
+ },
162
+ {
163
+ "name": "expandedChange"
158
164
  }
159
165
  ],
160
166
  "events": [
@@ -316,6 +322,9 @@
316
322
  "path": "./alert/alert.element.d.ts",
317
323
  "description": "Alerts are banners that communicate a message with a severity attached to it.\nThey grab the user’s attention to provide critical information needed in context.\n\nAlerts outside of a cds-alert-group or cds-app-alert-group component will be\ndisplayed as a \"lightweight alert\". Lightweight alerts, by default, provide no\nclose button component and they inherit no status (a.k.a. success, danger, etc.).\n\nAlerts inside a cds-alert-group component inherit their status from the containing\nalert group.\n\nAlerts inside a cds-app-alert-group component inherit their status as a default from\nthe containing app-alert group, although it can be overridden on individual alerts.\n\n```typescript\nimport '@cds/core/alert/register.js';\n```\n\n```html\n <cds-alert>\n Single Alert\n <cds-alert-actions>\n buttons, links\n </cds-alert-actions>\n </cds-alert>\n```",
318
324
  "properties": [
325
+ {
326
+ "name": "closeChange"
327
+ },
319
328
  {
320
329
  "name": "size",
321
330
  "description": "Sets the overall height and width of the alert and icon based on value",
@@ -377,6 +386,9 @@
377
386
  "path": "./alert/register.d.ts",
378
387
  "description": "Alerts are banners that communicate a message with a severity attached to it.\nThey grab the user’s attention to provide critical information needed in context.\n\nAlerts outside of a cds-alert-group or cds-app-alert-group component will be\ndisplayed as a \"lightweight alert\". Lightweight alerts, by default, provide no\nclose button component and they inherit no status (a.k.a. success, danger, etc.).\n\nAlerts inside a cds-alert-group component inherit their status from the containing\nalert group.\n\nAlerts inside a cds-app-alert-group component inherit their status as a default from\nthe containing app-alert group, although it can be overridden on individual alerts.\n\n```typescript\nimport '@cds/core/alert/register.js';\n```\n\n```html\n <cds-alert>\n Single Alert\n <cds-alert-actions>\n buttons, links\n </cds-alert-actions>\n </cds-alert>\n```",
379
388
  "properties": [
389
+ {
390
+ "name": "closeChange"
391
+ },
380
392
  {
381
393
  "name": "size",
382
394
  "description": "Sets the overall height and width of the alert and icon based on value",
@@ -2296,6 +2308,9 @@
2296
2308
  },
2297
2309
  {
2298
2310
  "name": "cdsMotionChange"
2311
+ },
2312
+ {
2313
+ "name": "closeChange"
2299
2314
  }
2300
2315
  ],
2301
2316
  "events": [
@@ -2337,6 +2352,9 @@
2337
2352
  },
2338
2353
  {
2339
2354
  "name": "cdsMotionChange"
2355
+ },
2356
+ {
2357
+ "name": "closeChange"
2340
2358
  }
2341
2359
  ],
2342
2360
  "events": [
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsControl } from '@cds/core/forms';
2
3
  /**
3
4
  * Time Input
@@ -28,7 +29,7 @@ export declare class CdsFile extends CdsControl {
28
29
  static get styles(): import("lit").CSSResultGroup[];
29
30
  protected get inputTemplate(): import("lit-html").TemplateResult<1>;
30
31
  protected get clearFilesControlTemplate(): import("lit-html").TemplateResult<1>;
31
- firstUpdated(props: Map<string, any>): void;
32
+ firstUpdated(props: PropertyValues<this>): void;
32
33
  /** @private */
33
34
  clearFiles(fireEvent?: boolean): void;
34
35
  /** @private */
@@ -1,4 +1,4 @@
1
- import { LitElement, TemplateResult } from 'lit';
1
+ import { LitElement, TemplateResult, PropertyValues } from 'lit';
2
2
  import { EventEmitter } from '@cds/core/internal';
3
3
  import { CdsControlMessage } from './../control-message/control-message.element.js';
4
4
  import { ControlStatus, ControlLayout, ControlWidth } from './../utils/interfaces.js';
@@ -90,8 +90,8 @@ export declare class CdsControl extends LitElement {
90
90
  private get prefixTemplate();
91
91
  private get suffixTemplate();
92
92
  connectedCallback(): void;
93
- firstUpdated(props: Map<string, any>): void;
94
- updated(props: Map<string, any>): void;
93
+ firstUpdated(props: PropertyValues<this>): void;
94
+ updated(props: PropertyValues<any>): void;
95
95
  disconnectedCallback(): void;
96
96
  protected associateInputAndLabel(): void;
97
97
  private associateInputToDatalist;
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsIcon } from '@cds/core/icon/icon.element.js';
2
3
  import { CdsBaseButton } from '@cds/core/internal';
3
4
  /**
@@ -25,7 +26,7 @@ export declare class CdsControlAction extends CdsBaseButton {
25
26
  render(): import("lit-html").TemplateResult<1>;
26
27
  connectedCallback(): void;
27
28
  private syncAria;
28
- updated(props: Map<string, any>): void;
29
+ updated(props: PropertyValues<this>): void;
29
30
  setSlotLocation(): void;
30
31
  private validateAriaLabel;
31
32
  }
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  import { EventEmitter } from '@cds/core/internal';
3
3
  import { CdsControl } from '../control/control.element.js';
4
4
  import { ControlStatus, FormLayout, ControlWidth } from '../utils/interfaces.js';
@@ -70,8 +70,8 @@ export declare class CdsInternalControlGroup extends LitElement {
70
70
  private get controlMessageLayout();
71
71
  render(): import("lit-html").TemplateResult<1>;
72
72
  connectedCallback(): void;
73
- firstUpdated(props: Map<string, any>): void;
74
- updated(props: Map<string, any>): void;
73
+ firstUpdated(props: PropertyValues<any>): void;
74
+ updated(props: PropertyValues<any>): void;
75
75
  disconnectedCallback(): void;
76
76
  /** @private */
77
77
  get layoutStable(): boolean;
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { EventEmitter } from '@cds/core/internal';
2
3
  import { CdsControl } from '../control/control.element.js';
3
4
  /**
@@ -31,7 +32,7 @@ export declare class CdsInternalControlInline extends CdsControl {
31
32
  static get styles(): import("lit").CSSResultGroup[];
32
33
  protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
33
34
  render(): import("lit-html").TemplateResult<1>;
34
- firstUpdated(props: Map<string, any>): void;
35
- updated(props: Map<string, any>): void;
35
+ firstUpdated(props: PropertyValues<any>): void;
36
+ updated(props: PropertyValues<any>): void;
36
37
  private selectInput;
37
38
  }
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  import { FormLayout, ControlWidth } from '../utils/interfaces.js';
3
3
  /**
4
4
  * Form
@@ -54,8 +54,8 @@ export declare class CdsFormGroup extends LitElement {
54
54
  static get styles(): import("lit").CSSResultGroup[];
55
55
  render(): import("lit-html").TemplateResult<1>;
56
56
  private overflowElement;
57
- firstUpdated(props: Map<string, any>): void;
58
- updated(props: Map<string, any>): void;
57
+ firstUpdated(props: PropertyValues<any>): void;
58
+ updated(props: PropertyValues<any>): void;
59
59
  disconnectedCallback(): void;
60
60
  private setControlLabelWidths;
61
61
  private syncLayouts;
@@ -1,5 +1,5 @@
1
1
  import { Directions, Orientations, StatusTypes } from '@cds/core/internal';
2
- import { LitElement } from 'lit';
2
+ import { LitElement, PropertyValues } from 'lit';
3
3
  /**
4
4
  * Icon component that renders svg shapes that can be customized.
5
5
  * To load an icon, import the icon with the icon service.
@@ -88,8 +88,8 @@ export declare class CdsIcon extends LitElement {
88
88
  innerOffset: number;
89
89
  private svg;
90
90
  private subscription;
91
- updated(props: Map<string, any>): void;
92
- firstUpdated(props: Map<string, any>): void;
91
+ updated(props: PropertyValues<this>): void;
92
+ firstUpdated(props: PropertyValues<this>): void;
93
93
  disconnectedCallback(): void;
94
94
  protected render(): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<2>;
95
95
  }
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsInternalControlGroup } from '@cds/core/forms';
2
3
  import { CdsInput } from './input.element.js';
3
4
  /**
@@ -32,5 +33,5 @@ export declare class CdsInputGroup extends CdsInternalControlGroup {
32
33
  protected controls: NodeListOf<CdsInput>;
33
34
  protected isInlineControlGroup: boolean;
34
35
  static get styles(): import("lit").CSSResultGroup[];
35
- firstUpdated(props: Map<string, any>): void;
36
+ firstUpdated(props: PropertyValues<this>): void;
36
37
  }
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  export declare class CdsBaseButton extends LitElement {
3
3
  readonly: boolean;
4
4
  type: 'button' | 'submit';
@@ -16,7 +16,7 @@ export declare class CdsBaseButton extends LitElement {
16
16
  private markerSignificantProperties;
17
17
  protected render(): import("lit-html").TemplateResult<1>;
18
18
  connectedCallback(): void;
19
- protected updated(props: Map<string, any>): void;
19
+ protected updated(props: PropertyValues<this>): void;
20
20
  /** This mimics the mouse-click visual behavior for keyboard only users and screen readers.
21
21
  * Browsers do not apply the CSS psuedo-selector :active in those instances. So we need this
22
22
  * for our :active styles to show.
@@ -36,6 +36,7 @@ export * from './utils/responsive.js';
36
36
  export * from './utils/size.js';
37
37
  export * from './utils/string.js';
38
38
  export * from './utils/supports.js';
39
+ export * from './utils/environment.js';
39
40
  export * from './utils/events.js';
40
41
  export * from './utils/event-subject.js';
41
42
  export * from './interfaces/index.js';
package/internal/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import"@cds/core/polyfills";import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{hslToRgb,rgbToHex}from"./utils/color.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,unsetElementStyles,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,replaceWord,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const t=e;export{t as baseStyles};
1
+ import"@cds/core/polyfills";import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{hslToRgb,rgbToHex}from"./utils/color.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,unsetElementStyles,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,replaceWord,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{isBrowser,isJestTest}from"./utils/environment.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const t=e;export{t as baseStyles};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"+mLAQY,MAACA,EAAaC"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"8pLAQY,MAACA,EAAaC"}
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { AnimatableElement, AnimationKeyframes, PropertyDrivenAnimation, TargetedAnimation, TargetedAnimationAsPropertyTuple } from './interfaces.js';
2
3
  /**
3
4
  * runPropertyAnimations() is a utility function called by the @animate(). It is a single point of entry
@@ -11,7 +12,7 @@ import { AnimatableElement, AnimationKeyframes, PropertyDrivenAnimation, Targete
11
12
  *
12
13
  * @internal
13
14
  */
14
- export declare function runPropertyAnimations(props: Map<string, any>, hostEl: AnimatableElement): Promise<boolean>;
15
+ export declare function runPropertyAnimations(props: PropertyValues<any>, hostEl: AnimatableElement): Promise<boolean>;
15
16
  export declare function setAnimationStartStatus(animatedPropertyValueAsString: string, hostEl: AnimatableElement): void;
16
17
  export declare function resolveAnimationEndStatus(animatedPropertyValueAsString: string, hostEl: AnimatableElement): void;
17
18
  export declare function setAnimationConfigOptions(motionName: string, motionForMyValue: TargetedAnimation[], hostEl: AnimatableElement): TargetedAnimation[];
@@ -30,9 +31,9 @@ export declare function setAnimationEasing(config: TargetedAnimation[], hostEl:
30
31
  export declare function zeroOutAnimationConfig(config: TargetedAnimation[]): TargetedAnimation[];
31
32
  export declare function setAnimationProperty(propertyName: string, hostEl: AnimatableElement, config: TargetedAnimation[], staticFallback: string | number, valueConverter?: (arg: string) => string | number): TargetedAnimation[];
32
33
  export declare function sizeDimensionKeyframes(animationKeyframes: AnimationKeyframes, hostEl: Element): AnimationKeyframes;
33
- export declare function filterAnimationsByUpdatedProperties(animations: PropertyDrivenAnimation, updatingProps: Map<string, any>): PropertyDrivenAnimation | null;
34
+ export declare function filterAnimationsByUpdatedProperties(animations: PropertyDrivenAnimation, updatingProps: PropertyValues<any>): PropertyDrivenAnimation | null;
34
35
  declare type TupleOfHiddenAndOtherAnimations = [TargetedAnimationAsPropertyTuple[], TargetedAnimationAsPropertyTuple[]];
35
36
  export declare function flattenAndSortAnimations(hiddenAndNotAnimationTuple: TupleOfHiddenAndOtherAnimations, isHiding: boolean): TargetedAnimationAsPropertyTuple[];
36
37
  export declare function getHidingAndNonHidingPropertyAnimations(animations: PropertyDrivenAnimation): [TargetedAnimationAsPropertyTuple[], TargetedAnimationAsPropertyTuple[]];
37
- export declare function getPropertyAnimations(animations: PropertyDrivenAnimation, updatingProps: Map<string, any>): TargetedAnimationAsPropertyTuple[];
38
+ export declare function getPropertyAnimations(animations: PropertyDrivenAnimation, updatingProps: PropertyValues<any>): TargetedAnimationAsPropertyTuple[];
38
39
  export {};
@@ -0,0 +1,2 @@
1
+ export declare function isBrowser(win?: Window & typeof globalThis): boolean;
2
+ export declare function isJestTest(): boolean;
@@ -0,0 +1,2 @@
1
+ import o from"ramda/es/isNil.js";function i(i=window){return!o(i)}function n(){var o,i,n;return void 0!==(null===(n=null===(i=null===(o=globalThis)||void 0===o?void 0:o.process)||void 0===i?void 0:i.env)||void 0===n?void 0:n.JEST_WORKER_ID)}export{i as isBrowser,n as isJestTest};
2
+ //# sourceMappingURL=environment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"environment.js","sources":["../../../../src/internal/utils/environment.ts"],"sourcesContent":null,"names":["isBrowser","win","window","isNil","isJestTest","_a","_b","_c","undefined","globalThis","process","env","JEST_WORKER_ID"],"mappings":"iCACO,SAASA,EAAUC,EAAMC,QAC5B,OAAQC,EAAMF,GAEX,SAASG,IACZ,IAAIC,EAAIC,EAAIC,EACZ,YAAgMC,KAAxD,QAA/HD,EAAkF,QAA5ED,EAA2B,QAArBD,EAAKI,kBAA+B,IAAPJ,OAAgB,EAASA,EAAGK,eAA4B,IAAPJ,OAAgB,EAASA,EAAGK,WAAwB,IAAPJ,OAAgB,EAASA,EAAGK"}
@@ -1,2 +1,2 @@
1
- import{listenForAttributeChange as t}from"./dom.js";function e(t){t.preventDefault(),t.stopPropagation()}const r=(e,r,o)=>{e.hasAttribute(r)?o(e.getAttribute(r)):void 0!==e[r]&&o(e[r]),!e._valueTracker||"checked"!==r&&"value"!==r||(e._valueTracker=null);const c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),r);return c&&Object.defineProperty(e,r,{get:c.get,set:t=>{o(t),c.set.call(e,t)}}),t(e,r,(t=>o(t)))};export{r as getElementUpdates,e as stopEvent};
1
+ import{listenForAttributeChange as t}from"./dom.js";import{isJestTest as e}from"./environment.js";function r(t){t.preventDefault(),t.stopPropagation()}const o=(r,o,n)=>{r.hasAttribute(o)?n(r.getAttribute(o)):void 0!==r[o]&&n(r[o]),!r._valueTracker||"checked"!==o&&"value"!==o||(r._valueTracker=null);const c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(r),o);return c&&!e()&&Object.defineProperty(r,o,{get:c.get,set:t=>{n(t),c.set.call(r,t)}}),t(r,o,(t=>n(t)))};export{o as getElementUpdates,r as stopEvent};
2
2
  //# sourceMappingURL=events.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"events.js","sources":["../../../../src/internal/utils/events.ts"],"sourcesContent":null,"names":["stopEvent","event","preventDefault","stopPropagation","getElementUpdates","element","propertyKey","callback","hasAttribute","getAttribute","undefined","_valueTracker","updatedProp","Object","getOwnPropertyDescriptor","getPrototypeOf","defineProperty","get","set","val","call","listenForAttributeChange"],"mappings":"oDAMO,SAASA,EAAUC,GACtBA,EAAMC,iBACND,EAAME,kBAEE,MAACC,EAAoB,CAACC,EAASC,EAAaC,KAChDF,EAAQG,aAAaF,GACrBC,EAASF,EAAQI,aAAaH,SAEAI,IAAzBL,EAAQC,IACbC,EAASF,EAAQC,KAKjBD,EAAQM,eAAkC,YAAhBL,GAA6C,UAAhBA,IACvDD,EAAQM,cAAgB,MAE5B,MAAMC,EAAcC,OAAOC,yBAAyBD,OAAOE,eAAeV,GAAUC,GAUpF,OATIM,GACAC,OAAOG,eAAeX,EAASC,EAAa,CACxCW,IAAKL,EAAYK,IACjBC,IAAKC,IACDZ,EAASY,GACTP,EAAYM,IAAIE,KAAKf,EAASc,MAInCE,EAAyBhB,EAASC,GAAaa,GAAOZ,EAASY"}
1
+ {"version":3,"file":"events.js","sources":["../../../../src/internal/utils/events.ts"],"sourcesContent":null,"names":["stopEvent","event","preventDefault","stopPropagation","getElementUpdates","element","propertyKey","callback","hasAttribute","getAttribute","undefined","_valueTracker","updatedProp","Object","getOwnPropertyDescriptor","getPrototypeOf","isJestTest","defineProperty","get","set","val","call","listenForAttributeChange"],"mappings":"kGAOO,SAASA,EAAUC,GACtBA,EAAMC,iBACND,EAAME,kBAEE,MAACC,EAAoB,CAACC,EAASC,EAAaC,KAChDF,EAAQG,aAAaF,GACrBC,EAASF,EAAQI,aAAaH,SAEAI,IAAzBL,EAAQC,IACbC,EAASF,EAAQC,KAKjBD,EAAQM,eAAkC,YAAhBL,GAA6C,UAAhBA,IACvDD,EAAQM,cAAgB,MAE5B,MAAMC,EAAcC,OAAOC,yBAAyBD,OAAOE,eAAeV,GAAUC,GAWpF,OATIM,IAAgBI,KAChBH,OAAOI,eAAeZ,EAASC,EAAa,CACxCY,IAAKN,EAAYM,IACjBC,IAAKC,IACDb,EAASa,GACTR,EAAYO,IAAIE,KAAKhB,EAASe,MAInCE,EAAyBjB,EAASC,GAAac,GAAOb,EAASa"}
@@ -1,4 +1,3 @@
1
1
  export declare const existsIn: (...a: readonly any[]) => any;
2
2
  export declare function elementExists(tagName: string, registry?: any): boolean;
3
3
  export declare const existsInWindow: any;
4
- export declare function isBrowser(win?: Window & typeof globalThis): boolean;
@@ -1,2 +1,2 @@
1
- import o from"ramda/es/curryN.js";import r from"ramda/es/isNil.js";import t from"ramda/es/path.js";import i from"./__.js";const m=o(2,((o,r)=>void 0!==t(o,r)));function n(o,r){return r||(r=window&&window.customElements),!r||!!r.get(o)}const s=m(i,window);function e(o=window){return!r(o)}export{n as elementExists,m as existsIn,s as existsInWindow,e as isBrowser};
1
+ import o from"ramda/es/curryN.js";import r from"ramda/es/path.js";import t from"./__.js";const m=o(2,((o,t)=>void 0!==r(o,t)));function n(o,r){return r||(r=window&&window.customElements),!r||!!r.get(o)}const s=m(t,window);export{n as elementExists,m as existsIn,s as existsInWindow};
2
2
  //# sourceMappingURL=exists.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"exists.js","sources":["../../../../src/internal/utils/exists.ts"],"sourcesContent":null,"names":["existsIn","curryN","pathToCheck","obj","path","elementExists","tagName","registry","window","customElements","get","existsInWindow","__","isBrowser","win","isNil"],"mappings":"0HASY,MAACA,EAAWC,EAAO,GAAG,CAACC,EAAaC,SAEf,IADVC,EAAKF,EAAaC,KAGlC,SAASE,EAAcC,EAASC,GAKnC,OAHKA,IACDA,EAAWC,QAAUA,OAAOC,iBAE3BF,KAGIA,EAASG,IAAIJ,GAEd,MAACK,EAAiBX,EAASY,EAAIJ,QACpC,SAASK,EAAUC,EAAMN,QAC5B,OAAQO,EAAMD"}
1
+ {"version":3,"file":"exists.js","sources":["../../../../src/internal/utils/exists.ts"],"sourcesContent":null,"names":["existsIn","curryN","pathToCheck","obj","path","elementExists","tagName","registry","window","customElements","get","existsInWindow","__"],"mappings":"yFAQY,MAACA,EAAWC,EAAO,GAAG,CAACC,EAAaC,SAEf,IADVC,EAAKF,EAAaC,KAGlC,SAASE,EAAcC,EAASC,GAKnC,OAHKA,IACDA,EAAWC,QAAUA,OAAOC,iBAE3BF,KAGIA,EAASG,IAAIJ,GAEd,MAACK,EAAiBX,EAASY,EAAIJ"}
@@ -1,2 +1,2 @@
1
- import{isBrowser as e}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as n,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const o="5.6.3";window.CDS._version.indexOf(o)<0&&(window.CDS._version.push(o),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,o,n)=>{const t={key:o,prev:window.CDS._state[o],current:n};return e[o]=n,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:n(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
1
+ import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const n="5.6.4";window.CDS._version.indexOf(n)<0&&(window.CDS._version.push(n),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
2
2
  //# sourceMappingURL=global.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_react","version","undefined","_supports","browserFeatures","supports","_isStateProxied","_state","focusTrapItems","i18nRegistry","elementRegistry","iconRegistry","motionRegistry","environment","production","getDetails","logDetails","_a","loadedVersion","indexOf","push","document","querySelector","setAttribute","join","length","LogService","warn","setRunningVersion","Proxy","set","target","key","value","detail","prev","current","dispatchEvent","CustomEvent","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","state","Object","keys","focusTrapRegistry","map","i","focusTrapId","log","JSON","stringify"],"mappings":"oQASO,SAASA,IACRC,MAyCJC,OAAOC,IAAMD,OAAOC,KAAO,CACvBC,SAAU,GACVC,OAAQ,CAAEC,aAASC,GACnBC,UAAWC,EAAgBC,SAC3BC,iBAAiB,EACjBC,OAAQ,CACJC,eAAgB,GAChBC,aAAc,GACdC,gBAAiB,GACjBC,aAAc,GACdC,eAAgB,IAEpBC,YAAa,CACTC,YAAY,GAEhBC,WAAAA,EACAC,WAAAA,GAGR,WACI,IAAIC,EACJ,MAAMC,EAAgB,QAClBrB,OAAOC,IAAIC,SAASoB,QAAQD,GAAiB,IAC7CrB,OAAOC,IAAIC,SAASqB,KAAKF,GACiB,QAAzCD,EAAKI,SAASC,cAAc,eAA4B,IAAPL,GAAyBA,EAAGM,aAAa,cAAe1B,OAAOC,IAAIC,SAASyB,KAAK,OAEnI3B,OAAOC,IAAIC,SAAS0B,OAAS,GAC7BC,EAAWC,KAAK,mHAlEhBC,GAKC/B,OAAOC,IAAIQ,kBACZT,OAAOC,IAAIQ,iBAAkB,EAC7BT,OAAOC,IAAIS,OAAS,IAAIsB,MAAMhC,OAAOC,IAAIS,OAAQ,CAC7CuB,IAAK,CAACC,EAAQC,EAAKC,KACf,MAAMC,EAAS,CAAEF,IAAAA,EAAKG,KAAMtC,OAAOC,IAAIS,OAAOyB,GAAMI,QAASH,GAG7D,OAFAF,EAAOC,GAAOC,EACdZ,SAASgB,cAAc,IAAIC,YAAY,mBAAoB,CAAEJ,OAAAA,MACtD,OAKvB,SAASnB,IACL,MAAO,CACHwB,SAAU1C,OAAOC,IAAIC,SACrBc,YAAahB,OAAOC,IAAIe,YACxB2B,UAAWC,UAAUD,UACrBnC,SAAUR,OAAOC,IAAIK,UACrBuC,eAAgBC,GAAkB,GAClCC,iBAAkBC,GAAoB,GACtCC,aAAcC,GAAgB,GAC9BC,WAAYC,GAAc,GAC1BC,MAAO,IACArD,OAAOC,IAAIS,OACdI,aAAcwC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOI,cAC5CC,eAAgBuC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOK,gBAC9CyC,kBAAmBF,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOC,eAAe8C,KAAIC,GAAKA,EAAEC,iBAIvF,SAASxC,IACLU,EAAW+B,IAAIC,KAAKC,UAAU5C,IAAc,KAAM"}
1
+ {"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_react","version","undefined","_supports","browserFeatures","supports","_isStateProxied","_state","focusTrapItems","i18nRegistry","elementRegistry","iconRegistry","motionRegistry","environment","production","getDetails","logDetails","_a","loadedVersion","indexOf","push","document","querySelector","setAttribute","join","length","LogService","warn","setRunningVersion","Proxy","set","target","key","value","detail","prev","current","dispatchEvent","CustomEvent","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","state","Object","keys","focusTrapRegistry","map","i","focusTrapId","log","JSON","stringify"],"mappings":"yQASO,SAASA,IACRC,MAyCJC,OAAOC,IAAMD,OAAOC,KAAO,CACvBC,SAAU,GACVC,OAAQ,CAAEC,aAASC,GACnBC,UAAWC,EAAgBC,SAC3BC,iBAAiB,EACjBC,OAAQ,CACJC,eAAgB,GAChBC,aAAc,GACdC,gBAAiB,GACjBC,aAAc,GACdC,eAAgB,IAEpBC,YAAa,CACTC,YAAY,GAEhBC,WAAAA,EACAC,WAAAA,GAGR,WACI,IAAIC,EACJ,MAAMC,EAAgB,QAClBrB,OAAOC,IAAIC,SAASoB,QAAQD,GAAiB,IAC7CrB,OAAOC,IAAIC,SAASqB,KAAKF,GACiB,QAAzCD,EAAKI,SAASC,cAAc,eAA4B,IAAPL,GAAyBA,EAAGM,aAAa,cAAe1B,OAAOC,IAAIC,SAASyB,KAAK,OAEnI3B,OAAOC,IAAIC,SAAS0B,OAAS,GAC7BC,EAAWC,KAAK,mHAlEhBC,GAKC/B,OAAOC,IAAIQ,kBACZT,OAAOC,IAAIQ,iBAAkB,EAC7BT,OAAOC,IAAIS,OAAS,IAAIsB,MAAMhC,OAAOC,IAAIS,OAAQ,CAC7CuB,IAAK,CAACC,EAAQC,EAAKC,KACf,MAAMC,EAAS,CAAEF,IAAAA,EAAKG,KAAMtC,OAAOC,IAAIS,OAAOyB,GAAMI,QAASH,GAG7D,OAFAF,EAAOC,GAAOC,EACdZ,SAASgB,cAAc,IAAIC,YAAY,mBAAoB,CAAEJ,OAAAA,MACtD,OAKvB,SAASnB,IACL,MAAO,CACHwB,SAAU1C,OAAOC,IAAIC,SACrBc,YAAahB,OAAOC,IAAIe,YACxB2B,UAAWC,UAAUD,UACrBnC,SAAUR,OAAOC,IAAIK,UACrBuC,eAAgBC,GAAkB,GAClCC,iBAAkBC,GAAoB,GACtCC,aAAcC,GAAgB,GAC9BC,WAAYC,GAAc,GAC1BC,MAAO,IACArD,OAAOC,IAAIS,OACdI,aAAcwC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOI,cAC5CC,eAAgBuC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOK,gBAC9CyC,kBAAmBF,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOC,eAAe8C,KAAIC,GAAKA,EAAEC,iBAIvF,SAASxC,IACLU,EAAW+B,IAAIC,KAAKC,UAAU5C,IAAc,KAAM"}
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  /**
3
3
  * Returns a promise when all components have completed rendering one cycle.
4
4
  */
@@ -9,7 +9,7 @@ export declare function childrenUpdateComplete(elements: LitElement[] | NodeList
9
9
  * of child slotted elements (cds-form-group, cds-control-group). Typically call
10
10
  * during the `firstUpdated` or `updated` lifecycle.
11
11
  */
12
- export declare function syncDefinedProps(props: Map<string, any>, source: {
12
+ export declare function syncDefinedProps(props: PropertyValues<any>, source: {
13
13
  [prop: string]: any;
14
14
  }, targets: {
15
15
  [prop: string]: any;
@@ -1,2 +1,2 @@
1
- import e from"ramda/es/curryN.js";import{elementExists as s,isBrowser as t,existsInWindow as r}from"./exists.js";import{setupCDSGlobal as o}from"./global.js";import{isStorybook as m}from"./framework.js";import{LogService as i}from"../services/log.service.js";import{applyCSSGapShim as n}from"../base/css-gap.base.js";const a=e(3,((e,t,r)=>{s(e)&&!m()?i.warn(e+" has already been registered"):(r.define(e,n(t)),o(),window&&!Object.keys(window.CDS._state.elementRegistry).some((s=>s===e))&&(window.CDS._state.elementRegistry={...window.CDS._state.elementRegistry,[e]:{}}))}));function w(e,s){t()&&r(["customElements"])&&a(e,s,window.customElements)}export{w as registerElementSafely};
1
+ import e from"ramda/es/curryN.js";import{isBrowser as s}from"./environment.js";import{elementExists as r,existsInWindow as t}from"./exists.js";import{setupCDSGlobal as o}from"./global.js";import{isStorybook as m}from"./framework.js";import{LogService as i}from"../services/log.service.js";import{applyCSSGapShim as n}from"../base/css-gap.base.js";const a=e(3,((e,s,t)=>{r(e)&&!m()?i.warn(e+" has already been registered"):(t.define(e,n(s)),o(),window&&!Object.keys(window.CDS._state.elementRegistry).some((s=>s===e))&&(window.CDS._state.elementRegistry={...window.CDS._state.elementRegistry,[e]:{}}))}));function w(e,r){s()&&t(["customElements"])&&a(e,r,window.customElements)}export{w as registerElementSafely};
2
2
  //# sourceMappingURL=register.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","Object","keys","CDS","_state","elementRegistry","some","i","[object Object]","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"6TAWA,MAAMA,EAAuBC,EAAO,GAAG,CAACC,EAASC,EAAcC,KACvDC,EAAcH,KAAaI,IAC3BC,EAAWC,KAAQN,EAAH,iCAGhBE,EAASK,OAAOP,EAASQ,EAAgBP,IACzCQ,IACIC,SAAWC,OAAOC,KAAKF,OAAOG,IAAIC,OAAOC,iBAAiBC,MAAKC,GAAKA,IAAMjB,MAC1EU,OAAOG,IAAIC,OAAOC,gBAAkB,IAAKL,OAAOG,IAAIC,OAAOC,gBAAiBG,CAAClB,GAAU,SAI5F,SAASmB,EAAsBnB,EAASC,GACvCmB,KAAeC,EAAe,CAAC,oBAC/BvB,EAAqBE,EAASC,EAAcS,OAAOY"}
1
+ {"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","Object","keys","CDS","_state","elementRegistry","some","i","[object Object]","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"2VAYA,MAAMA,EAAuBC,EAAO,GAAG,CAACC,EAASC,EAAcC,KACvDC,EAAcH,KAAaI,IAC3BC,EAAWC,KAAQN,EAAH,iCAGhBE,EAASK,OAAOP,EAASQ,EAAgBP,IACzCQ,IACIC,SAAWC,OAAOC,KAAKF,OAAOG,IAAIC,OAAOC,iBAAiBC,MAAKC,GAAKA,IAAMjB,MAC1EU,OAAOG,IAAIC,OAAOC,gBAAkB,IAAKL,OAAOG,IAAIC,OAAOC,gBAAiBG,CAAClB,GAAU,SAI5F,SAASmB,EAAsBnB,EAASC,GACvCmB,KAAeC,EAAe,CAAC,oBAC/BvB,EAAqBE,EAASC,EAAcS,OAAOY"}
@@ -1,4 +1,5 @@
1
1
  import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService } from '@cds/core/internal';
2
+ import { PropertyValues } from 'lit';
2
3
  export declare function isNestedOverlay(myId: string, overlayPrefix: string, trapIds: string[], previousValue?: boolean): boolean;
3
4
  export declare function overlayIsActive(overlayId: string, focusTrapService?: typeof FocusTrapTrackerService): boolean;
4
5
  declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
@@ -41,11 +42,11 @@ export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Anim
41
42
  /** @private */
42
43
  static get shadowRootOptions(): any;
43
44
  private overlayIdPrefix;
44
- protected closeChange: EventEmitter<CloseChangeSources>;
45
+ closeChange: EventEmitter<CloseChangeSources>;
45
46
  protected isLayered: boolean;
46
47
  protected backdrop: HTMLElement;
47
- firstUpdated(props: Map<string, any>): void;
48
- updated(props: Map<string, any>): void;
48
+ firstUpdated(props: PropertyValues<this>): void;
49
+ updated(props: PropertyValues<this>): void;
49
50
  connectedCallback(): void;
50
51
  disconnectedCallback(): void;
51
52
  constructor();
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { Animatable } from '@cds/core/internal';
2
3
  import { CdsInternalOverlay } from '@cds/core/internal-components/overlay';
3
4
  /**
@@ -52,6 +53,6 @@ export declare class CdsModal extends CdsInternalOverlay implements Animatable {
52
53
  /** Sets the overall height and width of the modal and icon based on value */
53
54
  size: 'default' | 'sm' | 'lg' | 'xl';
54
55
  toggleCloseButton(): void;
55
- updated(props: Map<string, any>): void;
56
+ updated(props: PropertyValues<this>): void;
56
57
  render(): import("lit-html").TemplateResult<1>;
57
58
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cds/core",
3
- "version": "5.6.3",
3
+ "version": "5.6.4",
4
4
  "license": "MIT",
5
5
  "author": "clarity",
6
6
  "description": "Clarity Design System Web Components",
@@ -27,9 +27,9 @@
27
27
  "*"
28
28
  ],
29
29
  "dependencies": {
30
- "lit": "2.0.0-rc.2",
31
- "ramda": "^0.27.1",
32
- "tslib": "^2.2.0"
30
+ "lit": "^2.1.3",
31
+ "ramda": "^0.28.0",
32
+ "tslib": "^2.3.1"
33
33
  },
34
34
  "optionalDependencies": {
35
35
  "@cds/city": "^1.1.0",
@@ -1,4 +1,5 @@
1
1
  import { CdsBaseButton } from '@cds/core/internal';
2
+ import { PropertyValues } from 'lit';
2
3
  /**
3
4
  * Web component pagination button to be used inside pagination.
4
5
  *
@@ -40,6 +41,6 @@ export declare class CdsPaginationButton extends CdsBaseButton {
40
41
  private get customContent();
41
42
  render(): import("lit-html").TemplateResult<1>;
42
43
  static get styles(): import("lit").CSSResultGroup[];
43
- firstUpdated(props: Map<string, any>): void;
44
+ firstUpdated(props: PropertyValues<this>): void;
44
45
  private validateAriaLabel;
45
46
  }
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  /**
3
3
  * Web component pagination.
4
4
  *
@@ -28,7 +28,7 @@ export declare class CdsPagination extends LitElement {
28
28
  private numberInput;
29
29
  render(): import("lit-html").TemplateResult<1>;
30
30
  static get styles(): import("lit").CSSResultGroup[];
31
- firstUpdated(props: Map<string, any>): void;
31
+ firstUpdated(props: PropertyValues<this>): void;
32
32
  private setupNumberInput;
33
33
  private validateAriaLabel;
34
34
  }
@@ -1,2 +1,2 @@
1
- let e=!1,t=!1;function o(){var e,t,o;return void 0!==(null===(o=null===(t=null===(e=globalThis)||void 0===e?void 0:e.process)||void 0===t?void 0:t.env)||void 0===o?void 0:o.JEST_WORKER_ID)}function l(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||o()||(l(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||o()||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>l(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{l as reflect};
1
+ let e=!1,t=!1;function o(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||(o(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>o(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{o as reflect};
2
2
  //# sourceMappingURL=aria-reflect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","isNode","_a","_b","_c","undefined","globalThis","process","env","JEST_WORKER_ID","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EACrB,SAASC,IACL,IAAIC,EAAIC,EAAIC,EACZ,YAAgMC,KAAxD,QAA/HD,EAAkF,QAA5ED,EAA2B,QAArBD,EAAKI,kBAA+B,IAAPJ,OAAgB,EAASA,EAAGK,eAA4B,IAAPJ,OAAgB,EAASA,EAAGK,WAAwB,IAAPJ,OAAgB,EAASA,EAAGK,gBA4DzK,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCb,GAAmB2B,QAAQC,UAAUC,eAAe,SAAY3B,MACjES,EAAQgB,QAAQC,UAAW,OAAQ,QACnC5B,GAAiB,GAIhBC,GAAmB0B,QAAQC,UAAUC,eAAe,cAAiB3B,MACtED,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACF6B,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
1
+ {"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
@@ -1,5 +1,5 @@
1
1
  import { StatusTypes } from '@cds/core/internal';
2
- import { LitElement } from 'lit';
2
+ import { LitElement, PropertyValues } from 'lit';
3
3
  /**
4
4
  * Circular progress indicators provide a method to track how close long-running tasks are to
5
5
  * completion. Circular progress offer a compact way to track progress in a variety of situations.
@@ -78,8 +78,8 @@ export declare class CdsProgressCircle extends LitElement {
78
78
  connectedCallback(): void;
79
79
  disconnectedCallback(): void;
80
80
  protected observers: MutationObserver[];
81
- firstUpdated(props: Map<string, any>): void;
82
- updated(props: Map<string, any>): void;
81
+ firstUpdated(props: PropertyValues<any>): void;
82
+ updated(props: PropertyValues<any>): void;
83
83
  render(): import("lit-html").TemplateResult<1>;
84
84
  static get styles(): import("lit").CSSResultGroup[];
85
85
  }
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsInternalControlGroup } from '@cds/core/forms';
2
3
  import { CdsRadio } from './radio.element.js';
3
4
  /**
@@ -29,7 +30,7 @@ export declare class CdsRadioGroup extends CdsInternalControlGroup {
29
30
  protected controls: NodeListOf<CdsRadio>;
30
31
  protected radioName: string;
31
32
  static get styles(): import("lit").CSSResultGroup[];
32
- firstUpdated(props: Map<string, any>): void;
33
+ firstUpdated(props: PropertyValues<any>): void;
33
34
  private associateRadioControls;
34
35
  private syncRadioControls;
35
36
  }
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsInternalControlInline } from '@cds/core/forms';
2
3
  /**
3
4
  * Radio
@@ -22,7 +23,7 @@ import { CdsInternalControlInline } from '@cds/core/forms';
22
23
  */
23
24
  export declare class CdsRadio extends CdsInternalControlInline {
24
25
  static get styles(): import("lit").CSSResultGroup[];
25
- firstUpdated(props: Map<string, any>): void;
26
+ firstUpdated(props: PropertyValues<this>): void;
26
27
  /**
27
28
  * Native radio inputs have no concept of an un-checked event. This means for
28
29
  * our radios to update/rerender we need to listen for the other radios in the
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsControl } from '@cds/core/forms';
2
3
  /**
3
4
  * Range
@@ -29,6 +30,6 @@ export declare class CdsRange extends CdsControl {
29
30
  static get styles(): import("lit").CSSResultGroup[];
30
31
  protected globalStyles: import("lit").CSSResultGroup;
31
32
  protected get inputTemplate(): import("lit-html").TemplateResult<1>;
32
- firstUpdated(props: Map<string, any>): void;
33
+ firstUpdated(props: PropertyValues<this>): void;
33
34
  private setTrackWidth;
34
35
  }
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsControl } from '@cds/core/forms';
2
3
  /**
3
4
  * Select
@@ -36,5 +37,5 @@ export declare class CdsSelect extends CdsControl {
36
37
  protected globalStyles: import("lit").CSSResultGroup;
37
38
  protected multiple: boolean;
38
39
  protected size: boolean;
39
- firstUpdated(props: Map<string, any>): void;
40
+ firstUpdated(props: PropertyValues<this>): void;
40
41
  }
@@ -1,4 +1,5 @@
1
1
  import { CdsBaseButton, StatusTypes } from '@cds/core/internal';
2
+ import { PropertyValues } from 'lit';
2
3
  /**
3
4
  * Tags show concise metadata in a compact format.
4
5
  * Tags are visually styled to differentiate them from buttons.
@@ -41,6 +42,6 @@ export declare class CdsTag extends CdsBaseButton {
41
42
  closable: boolean;
42
43
  private groupLabelId;
43
44
  connectedCallback(): void;
44
- updated(props: Map<string, string | boolean | null | undefined>): void;
45
+ updated(props: PropertyValues<this>): void;
45
46
  render(): import("lit-html").TemplateResult<1>;
46
47
  }
@@ -1,3 +1,4 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { CdsInternalControlInline } from '@cds/core/forms';
2
3
  /**
3
4
  * Toggle
@@ -28,6 +29,6 @@ import { CdsInternalControlInline } from '@cds/core/forms';
28
29
  */
29
30
  export declare class CdsToggle extends CdsInternalControlInline {
30
31
  cdsMotion: string;
31
- updated(props: Map<string, any>): Promise<void>;
32
+ updated(props: PropertyValues<this>): Promise<void>;
32
33
  static get styles(): import("lit").CSSResultGroup[];
33
34
  }