@carbon/web-components 2.19.0-rc.0 → 2.19.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.
Files changed (122) hide show
  1. package/dist/16-0c880364.js +2 -2
  2. package/dist/16-1d873b4f.js +2 -2
  3. package/dist/16-2b64eac7.js +2 -2
  4. package/dist/16-4e56fae5.js +2 -2
  5. package/dist/16-66567a49.js +2 -2
  6. package/dist/16-678c0d5c.js +2 -2
  7. package/dist/16-9501e226.js +2 -2
  8. package/dist/16-a75c4181.js +2 -2
  9. package/dist/16-d83d40a3.js +2 -2
  10. package/dist/20-fd76427e.js +2 -2
  11. package/dist/accordion.min.js +2 -2
  12. package/dist/ai-label.min.js +3 -3
  13. package/dist/ai-skeleton.min.js +2 -2
  14. package/dist/breadcrumb.min.js +2 -2
  15. package/dist/{button-cbcc190c.js → button-7c58436e.js} +3 -3
  16. package/dist/{button-set-d19f1e46.js → button-set-9c90b997.js} +5 -5
  17. package/dist/{button-skeleton-3f14d09a.js → button-skeleton-c4243201.js} +10 -10
  18. package/dist/button.min.js +3 -3
  19. package/dist/carbon-element-017b212d.js +2 -2
  20. package/dist/chat-button.min.js +4 -4
  21. package/dist/checkbox-b2df3049.js +2 -2
  22. package/dist/checkbox-skeleton-1328750d.js +2 -2
  23. package/dist/checkbox.min.js +2 -2
  24. package/dist/class-map-f136ab55.js +2 -2
  25. package/dist/code-snippet.min.js +3 -3
  26. package/dist/collection-helpers-8b117611.js +2 -2
  27. package/dist/combo-box.min.js +2 -2
  28. package/dist/content-switcher-item-b836be1f.js +2 -2
  29. package/dist/content-switcher.min.js +2 -2
  30. package/dist/{copy-button-5fffb03f.js → copy-button-79f26bdb.js} +3 -3
  31. package/dist/copy-button.min.js +3 -3
  32. package/dist/data-table.min.js +2 -2
  33. package/dist/date-picker.min.js +2 -2
  34. package/dist/directive-e2d48b9c.js +2 -2
  35. package/dist/dropdown-item-f4b845f3.js +2 -2
  36. package/dist/dropdown.min.js +2 -2
  37. package/dist/file-uploader.min.js +3 -3
  38. package/dist/floating-menu-a018a2a8.js +2 -2
  39. package/dist/floating-menu.min.js +2 -2
  40. package/dist/focus-a50a0482.js +2 -2
  41. package/dist/form-group.min.js +2 -2
  42. package/dist/form.min.js +2 -2
  43. package/dist/host-listener-69c546a1.js +2 -2
  44. package/dist/{icon-button-29d5a90b.js → icon-button-34e04d73.js} +4 -4
  45. package/dist/icon-button.min.js +3 -3
  46. package/dist/if-defined-7d77967b.js +2 -2
  47. package/dist/if-non-empty-09760ce1.js +2 -2
  48. package/dist/inline-loading.min.js +2 -2
  49. package/dist/layer-9301724c.js +2 -2
  50. package/dist/layer.min.js +2 -2
  51. package/dist/link-374604e9.js +2 -2
  52. package/dist/link.min.js +2 -2
  53. package/dist/list.min.js +2 -2
  54. package/dist/loading-eeaae2cd.js +2 -2
  55. package/dist/loading-icon-f5bdc4f0.js +2 -2
  56. package/dist/loading.min.js +2 -2
  57. package/dist/{modal-label-71424915.js → modal-label-73edbe7e.js} +3 -3
  58. package/dist/modal.min.js +3 -3
  59. package/dist/multi-select.min.js +2 -2
  60. package/dist/notification.min.js +3 -3
  61. package/dist/number-input.min.js +2 -2
  62. package/dist/on-8707857f.js +2 -2
  63. package/dist/overflow-menu.min.js +3 -3
  64. package/dist/pagination.min.js +7 -7
  65. package/dist/popover-content-00cf67b1.js +2 -2
  66. package/dist/popover-controller-c3634b83.js +2 -2
  67. package/dist/popover.min.js +2 -2
  68. package/dist/progress-bar.min.js +2 -2
  69. package/dist/progress-indicator.min.js +2 -2
  70. package/dist/property-8bf17a69.js +2 -2
  71. package/dist/query-602de8af.js +2 -2
  72. package/dist/query-assigned-elements-1bd68a6e.js +2 -2
  73. package/dist/radio-button-skeleton-d5ff09cd.js +2 -2
  74. package/dist/radio-button.min.js +2 -2
  75. package/dist/radio-group-manager-9b128b9b.js +2 -2
  76. package/dist/search-c95e7521.js +2 -2
  77. package/dist/search.min.js +2 -2
  78. package/dist/select-d373eb74.js +2 -2
  79. package/dist/select.min.js +2 -2
  80. package/dist/settings-1096a273.js +2 -2
  81. package/dist/shared-enums-562e6b51.js +2 -2
  82. package/dist/side-panel.min.js +9 -9
  83. package/dist/skeleton-icon-62527238.js +2 -2
  84. package/dist/skeleton-icon.min.js +2 -2
  85. package/dist/skeleton-placeholder-2abb8043.js +2 -2
  86. package/dist/skeleton-placeholder.min.js +2 -2
  87. package/dist/skeleton-text-408000d4.js +2 -2
  88. package/dist/skeleton-text.min.js +2 -2
  89. package/dist/skip-to-content.min.js +2 -2
  90. package/dist/slider.min.js +2 -2
  91. package/dist/slug.min.js +3 -3
  92. package/dist/spread-c3902148.js +2 -2
  93. package/dist/stack.min.js +2 -2
  94. package/dist/state-16f7c070.js +2 -2
  95. package/dist/structured-list.min.js +2 -2
  96. package/dist/tabs.min.js +2 -2
  97. package/dist/tag.min.js +2 -2
  98. package/dist/tearsheet.min.js +3 -3
  99. package/dist/text-input-57cf461e.js +2 -2
  100. package/dist/text-input.min.js +2 -2
  101. package/dist/textarea.min.js +2 -2
  102. package/dist/tile.min.js +2 -2
  103. package/dist/toggle-tip.min.js +2 -2
  104. package/dist/toggle.min.js +2 -2
  105. package/dist/toggletip-5ce7c82e.js +2 -2
  106. package/dist/tooltip-content-d167e372.js +2 -2
  107. package/dist/tooltip.min.js +2 -2
  108. package/dist/ui-shell.min.js +3 -3
  109. package/dist/validity-45b7794a.js +2 -2
  110. package/es/components/button/button.scss.js +1 -1
  111. package/es/components/chat-button/chat-button.scss.js +1 -1
  112. package/es/components/icon-button/icon-button.scss.js +1 -1
  113. package/es/components/pagination/pagination.d.ts +8 -0
  114. package/es/components/pagination/pagination.js +26 -0
  115. package/es/components/pagination/pagination.js.map +1 -1
  116. package/es/components/text-input/stories/helpers.js +1 -1
  117. package/es/components/textarea/stories/helpers.js +1 -1
  118. package/es/node_modules/@storybook/addon-actions/dist/{chunk-454WOBUV.mjs.js → chunk-D5ZWXAHU.mjs.js} +2 -2
  119. package/es/node_modules/@storybook/addon-actions/dist/{chunk-454WOBUV.mjs.js.map → chunk-D5ZWXAHU.mjs.js.map} +1 -1
  120. package/lib/components/pagination/pagination.d.ts +8 -0
  121. package/package.json +3 -3
  122. package/scss/components/button/button.scss +1 -0
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -72,7 +72,7 @@ PERFORMANCE OF THIS SOFTWARE.
72
72
  * https://www.npmjs.com/package/@floating-ui/utils
73
73
  */
74
74
 
75
- import{b as t,p as e,x as i,a as s,_ as o,s as n}from"./settings-1096a273.js";import{n as l}from"./property-8bf17a69.js";import{r as a}from"./state-16f7c070.js";import{e as r}from"./query-602de8af.js";import{o as c}from"./query-assigned-elements-1bd68a6e.js";import{H as d,a as h}from"./host-listener-69c546a1.js";import{c as p}from"./carbon-element-017b212d.js";import{s as u}from"./spread-c3902148.js";import{s as _}from"./20-fd76427e.js";import"./button-cbcc190c.js";import"./button-set-d19f1e46.js";import"./button-skeleton-3f14d09a.js";import"./icon-button-29d5a90b.js";import"./layer-9301724c.js";import"./on-8707857f.js";import"./directive-e2d48b9c.js";import"./class-map-f136ab55.js";import"./if-defined-7d77967b.js";import"./focus-a50a0482.js";import"./tooltip-content-d167e372.js";import"./popover-content-00cf67b1.js";import"./popover-controller-c3634b83.js";
75
+ import{b as t,p as e,x as i,a as s,_ as o,s as n}from"./settings-1096a273.js";import{n as l}from"./property-8bf17a69.js";import{r as a}from"./state-16f7c070.js";import{e as r}from"./query-602de8af.js";import{o as c}from"./query-assigned-elements-1bd68a6e.js";import{H as d,a as h}from"./host-listener-69c546a1.js";import{c as p}from"./carbon-element-017b212d.js";import{s as u}from"./spread-c3902148.js";import{s as _}from"./20-fd76427e.js";import"./button-7c58436e.js";import"./button-set-9c90b997.js";import"./button-skeleton-c4243201.js";import"./icon-button-34e04d73.js";import"./layer-9301724c.js";import"./on-8707857f.js";import"./directive-e2d48b9c.js";import"./class-map-f136ab55.js";import"./if-defined-7d77967b.js";import"./focus-a50a0482.js";import"./tooltip-content-d167e372.js";import"./popover-content-00cf67b1.js";import"./popover-controller-c3634b83.js";
76
76
  /**
77
77
  * @license
78
78
  *
@@ -89,7 +89,7 @@ import{b as t,p as e,x as i,a as s,_ as o,s as n}from"./settings-1096a273.js";im
89
89
  * This source code is licensed under the Apache-2.0 license found in the
90
90
  * LICENSE file in the root directory of this source tree.
91
91
  */
92
- const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,$=`${e}--side-panel`,f=`${e}--action-set`;function y(t,e){if(e)for(let e=t.length-1;e>=0;--e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}else for(let e=0;e<t.length;++e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}return!1}let S=class extends(d(n)){constructor(){super(...arguments),this._hObserveResize=null,this._launcher=null,this._doAnimateTitle=!0,this._isOpen=!1,this._containerScrollTop=-16,this._hasSubtitle=!1,this._hasSlug=!1,this._hasActionToolbar=!1,this._actionsCount=0,this._slugCloseSize="sm",this._handleBlur=async({target:t,relatedTarget:e})=>{var i;const{open:s,_startSentinelNode:o,_endSentinelNode:n}=this,l=t!==this&&this.contains(t),a=e!==this&&(this.contains(e)||(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(e))&&e!==o&&e!==n),{selectorTabbable:r}=this.constructor;if(s&&e&&l&&!a){const i=t.compareDocumentPosition(e);e===o||i&b?(await this.constructor._delay(),y(this.querySelectorAll(r),!0)||e===this||this.focus()):(e===n||i&g)&&(await this.constructor._delay(),y(this.querySelectorAll(r),!0)||this.focus())}},this._handleKeydown=({key:t,target:e})=>{"Esc"!==t&&"Escape"!==t||this._handleUserInitiatedClose(e)},this._reducedMotion="undefined"!=typeof window&&(null===window||void 0===window?void 0:window.matchMedia)?window.matchMedia("(prefers-reduced-motion: reduce)"):{matches:!0},this._adjustPageContent=()=>{var t,e;if(this.selectorPageContent){const i=document.querySelector(this.selectorPageContent);if(i){const s={marginInlineStart:"",marginInlineEnd:"",inlineSize:"",transition:this._reducedMotion.matches?"none":"all 240ms",transitionProperty:"margin-inline-start, margin-inline-end"};this.open&&(s.inlineSize="auto","left"===this.placement?s.marginInlineStart=`${null===(t=null==this?void 0:this._sidePanel)||void 0===t?void 0:t.offsetWidth}px`:s.marginInlineEnd=`${null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.offsetWidth}px`),Object.keys(s).forEach((t=>{i.style[t]=s[t]}))}}},this._checkSetOpen=()=>{const{_sidePanel:t}=this;t&&this._isOpen?this._reducedMotion?this._isOpen=!1:t.addEventListener("transitionend",(()=>{this._isOpen=!1})):this._isOpen=this.open},this._checkUpdateIconButtonSizes=()=>{var t,i;const s=this.querySelector(`${e}-slug`),o=null===(t=null==this?void 0:this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("#nav-back-button, #close-button");let n="sm";if(s||(null==o?void 0:o.length)){const t=null===(i=null==this?void 0:this.querySelectorAll)||void 0===i?void 0:i.call(this,`${e}-button[slot='actions']`);(null==t?void 0:t.length)&&/l/.test(this.size)&&(n="md")}s&&(null==s||s.setAttribute("size",n)),o&&[...o].forEach((t=>{t.setAttribute("size",n)}))},this._checkUpdateActionSizes=()=>{if(this._actions)for(let t=0;t<this._actions.length;t++)this._actions[t].setAttribute("size",this.condensedActions?"lg":"xl")},this._maxActions=3,this._checkSetDoAnimateTitle=()=>{var t,e,i;let s=!1;if(this._sidePanel&&this.open&&this.animateTitle&&(null===(t=null==this?void 0:this.title)||void 0===t?void 0:t.length)&&!this._reducedMotion.matches){const t=this._getScrollAnimationDistance();null===(i=null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.style)||void 0===i||i.setProperty(`--${$}--scroll-animation-distance`,`${t}`);let o=this._animateScrollWrapper;if(o||!this.animateTitle||this._doAnimateTitle||(o=this._innerContent),o){const e=null===window||void 0===window?void 0:window.getComputedStyle(this._innerContent),i=e?parseFloat(null==e?void 0:e.paddingTop)+parseFloat(null==e?void 0:e.paddingBottom):0;s=(!!this.labelText||!!this._hasActionToolbar||this._hasSubtitle)&&o.scrollHeight-o.clientHeight>=t+i}}this._doAnimateTitle=s},this._resizeObserver=new ResizeObserver((()=>{this._sidePanel&&this._checkSetDoAnimateTitle()})),this._getScrollAnimationDistance=()=>{var t,e,i,s;return(null!==(e=null===(t=null==this?void 0:this._label)||void 0===t?void 0:t.offsetHeight)&&void 0!==e?e:0)+(null!==(s=null===(i=null==this?void 0:this._subtitle)||void 0===i?void 0:i.offsetHeight)&&void 0!==s?s:0)+(this._hasActionToolbar?this._title.offsetHeight-this._title.clientHeight:0)},this._scrollObserver=()=>{var t,e,i,s;const o=null!==(e=null===(t=this._animateScrollWrapper)||void 0===t?void 0:t.scrollTop)&&void 0!==e?e:0,n=this._getScrollAnimationDistance();null===(s=null===(i=null==this?void 0:this._sidePanel)||void 0===i?void 0:i.style)||void 0===s||s.setProperty(`--${$}--scroll-animation-progress`,""+Math.min(o,n)/n)},this._handleCurrentStepUpdate=()=>{var t;const e=null!==(t=this._animateScrollWrapper)&&void 0!==t?t:this._innerContent;e&&(e.scrollTop=0)},this.animateTitle=!0,this.closeIconDescription="Close",this.condensedActions=!1,this.includeOverlay=!1,this.navigationBackIconDescription="Back",this.open=!1,this.placement=m.RIGHT,this.preventCloseOnClickOutside=!1,this.selectorPageContent="",this.size=v.MEDIUM,this.slideIn=!1}_handleClickOnOverlay(t){this.preventCloseOnClickOutside||this._handleUserInitiatedClose(t.target)}_handleCloseClick(t){this._handleUserInitiatedClose(t.target)}_handleUserInitiatedClose(t){if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}_handleNavigateBack(t){this.dispatchEvent(new CustomEvent(this.constructor.eventNavigateBack,{composed:!0,detail:{triggeredBy:t}}))}_handleSlugChange(t){this._checkUpdateIconButtonSizes();const e=t.target.assignedElements();this._hasSlug=e.length>0}_handleSubtitleChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();this._hasSubtitle=i.length>0}_handleActionToolbarChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();if(this._hasActionToolbar=i&&i.length>0,this._hasActionToolbar)for(const t of i)t.setAttribute("size","sm")}_handleActionsChange(t){var e;const i=t.target,s=null==i?void 0:i.assignedElements();this._checkUpdateIconButtonSizes();const o=null!==(e=null==s?void 0:s.length)&&void 0!==e?e:0;o>this._maxActions?(this._actionsCount=this._maxActions,"development"===production&&console.error(`Too many side-panel actions, max ${this._maxActions}.`)):this._actionsCount=o;for(let t=0;t<(null==s?void 0:s.length);t++)t+1>this._maxActions?(s[t].setAttribute("hidden","true"),s[t].setAttribute(`data-actions-limit-${this._maxActions}-exceeded`,`${s.length}`)):s[t].classList.add(`${f}__action-button`);this._checkUpdateActionSizes()}async connectObservers(){var t,e;await this.updateComplete,this._hObserveResize=(t=this._resizeObserver,(e=this._sidePanel)?(t.observe(e),{release:()=>(t.unobserve(e),null)}):null)}disconnectObservers(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}connectedCallback(){super.connectedCallback(),this.disconnectObservers(),this.connectObservers()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObservers()}render(){const{closeIconDescription:s,condensedActions:o,currentStep:n,includeOverlay:l,labelText:a,navigationBackIconDescription:r,open:c,placement:d,size:h,slideIn:p,title:v}=this;if(!c&&!this._isOpen)return i``;const m=["","single","double","triple"][this._actionsCount],b=i`<div
92
+ const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,$=`${e}--side-panel`,y=`${e}--action-set`;function f(t,e){if(e)for(let e=t.length-1;e>=0;--e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}else for(let e=0;e<t.length;++e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}return!1}let S=class extends(d(n)){constructor(){super(...arguments),this._hObserveResize=null,this._launcher=null,this._doAnimateTitle=!0,this._isOpen=!1,this._containerScrollTop=-16,this._hasSubtitle=!1,this._hasSlug=!1,this._hasActionToolbar=!1,this._actionsCount=0,this._slugCloseSize="sm",this._handleBlur=async({target:t,relatedTarget:e})=>{var i;const{open:s,_startSentinelNode:o,_endSentinelNode:n}=this,l=t!==this&&this.contains(t),a=e!==this&&(this.contains(e)||(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(e))&&e!==o&&e!==n),{selectorTabbable:r}=this.constructor;if(s&&e&&l&&!a){const i=t.compareDocumentPosition(e);e===o||i&b?(await this.constructor._delay(),f(this.querySelectorAll(r),!0)||e===this||this.focus()):(e===n||i&g)&&(await this.constructor._delay(),f(this.querySelectorAll(r),!0)||this.focus())}},this._handleKeydown=({key:t,target:e})=>{"Esc"!==t&&"Escape"!==t||this._handleUserInitiatedClose(e)},this._reducedMotion="undefined"!=typeof window&&(null===window||void 0===window?void 0:window.matchMedia)?window.matchMedia("(prefers-reduced-motion: reduce)"):{matches:!0},this._adjustPageContent=()=>{var t,e;if(this.selectorPageContent){const i=document.querySelector(this.selectorPageContent);if(i){const s={marginInlineStart:"",marginInlineEnd:"",inlineSize:"",transition:this._reducedMotion.matches?"none":"all 240ms",transitionProperty:"margin-inline-start, margin-inline-end"};this.open&&(s.inlineSize="auto","left"===this.placement?s.marginInlineStart=`${null===(t=null==this?void 0:this._sidePanel)||void 0===t?void 0:t.offsetWidth}px`:s.marginInlineEnd=`${null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.offsetWidth}px`),Object.keys(s).forEach((t=>{i.style[t]=s[t]}))}}},this._checkSetOpen=()=>{const{_sidePanel:t}=this;t&&this._isOpen?this._reducedMotion?this._isOpen=!1:t.addEventListener("transitionend",(()=>{this._isOpen=!1})):this._isOpen=this.open},this._checkUpdateIconButtonSizes=()=>{var t,i;const s=this.querySelector(`${e}-slug`),o=null===(t=null==this?void 0:this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("#nav-back-button, #close-button");let n="sm";if(s||(null==o?void 0:o.length)){const t=null===(i=null==this?void 0:this.querySelectorAll)||void 0===i?void 0:i.call(this,`${e}-button[slot='actions']`);(null==t?void 0:t.length)&&/l/.test(this.size)&&(n="md")}s&&(null==s||s.setAttribute("size",n)),o&&[...o].forEach((t=>{t.setAttribute("size",n)}))},this._checkUpdateActionSizes=()=>{if(this._actions)for(let t=0;t<this._actions.length;t++)this._actions[t].setAttribute("size",this.condensedActions?"lg":"xl")},this._maxActions=3,this._checkSetDoAnimateTitle=()=>{var t,e,i;let s=!1;if(this._sidePanel&&this.open&&this.animateTitle&&(null===(t=null==this?void 0:this.title)||void 0===t?void 0:t.length)&&!this._reducedMotion.matches){const t=this._getScrollAnimationDistance();null===(i=null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.style)||void 0===i||i.setProperty(`--${$}--scroll-animation-distance`,`${t}`);let o=this._animateScrollWrapper;if(o||!this.animateTitle||this._doAnimateTitle||(o=this._innerContent),o){const e=null===window||void 0===window?void 0:window.getComputedStyle(this._innerContent),i=e?parseFloat(null==e?void 0:e.paddingTop)+parseFloat(null==e?void 0:e.paddingBottom):0;s=(!!this.labelText||!!this._hasActionToolbar||this._hasSubtitle)&&o.scrollHeight-o.clientHeight>=t+i}}this._doAnimateTitle=s},this._resizeObserver=new ResizeObserver((()=>{this._sidePanel&&this._checkSetDoAnimateTitle()})),this._getScrollAnimationDistance=()=>{var t,e,i,s;return(null!==(e=null===(t=null==this?void 0:this._label)||void 0===t?void 0:t.offsetHeight)&&void 0!==e?e:0)+(null!==(s=null===(i=null==this?void 0:this._subtitle)||void 0===i?void 0:i.offsetHeight)&&void 0!==s?s:0)+(this._hasActionToolbar?this._title.offsetHeight-this._title.clientHeight:0)},this._scrollObserver=()=>{var t,e,i,s;const o=null!==(e=null===(t=this._animateScrollWrapper)||void 0===t?void 0:t.scrollTop)&&void 0!==e?e:0,n=this._getScrollAnimationDistance();null===(s=null===(i=null==this?void 0:this._sidePanel)||void 0===i?void 0:i.style)||void 0===s||s.setProperty(`--${$}--scroll-animation-progress`,""+Math.min(o,n)/n)},this._handleCurrentStepUpdate=()=>{var t;const e=null!==(t=this._animateScrollWrapper)&&void 0!==t?t:this._innerContent;e&&(e.scrollTop=0)},this.animateTitle=!0,this.closeIconDescription="Close",this.condensedActions=!1,this.includeOverlay=!1,this.navigationBackIconDescription="Back",this.open=!1,this.placement=m.RIGHT,this.preventCloseOnClickOutside=!1,this.selectorPageContent="",this.size=v.MEDIUM,this.slideIn=!1}_handleClickOnOverlay(t){this.preventCloseOnClickOutside||this._handleUserInitiatedClose(t.target)}_handleCloseClick(t){this._handleUserInitiatedClose(t.target)}_handleUserInitiatedClose(t){if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}_handleNavigateBack(t){this.dispatchEvent(new CustomEvent(this.constructor.eventNavigateBack,{composed:!0,detail:{triggeredBy:t}}))}_handleSlugChange(t){this._checkUpdateIconButtonSizes();const e=t.target.assignedElements();this._hasSlug=e.length>0}_handleSubtitleChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();this._hasSubtitle=i.length>0}_handleActionToolbarChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();if(this._hasActionToolbar=i&&i.length>0,this._hasActionToolbar)for(const t of i)t.setAttribute("size","sm")}_handleActionsChange(t){var e;const i=t.target,s=null==i?void 0:i.assignedElements();this._checkUpdateIconButtonSizes();const o=null!==(e=null==s?void 0:s.length)&&void 0!==e?e:0;o>this._maxActions?(this._actionsCount=this._maxActions,"development"===production&&console.error(`Too many side-panel actions, max ${this._maxActions}.`)):this._actionsCount=o;for(let t=0;t<(null==s?void 0:s.length);t++)t+1>this._maxActions?(s[t].setAttribute("hidden","true"),s[t].setAttribute(`data-actions-limit-${this._maxActions}-exceeded`,`${s.length}`)):s[t].classList.add(`${y}__action-button`);this._checkUpdateActionSizes()}async connectObservers(){var t,e;await this.updateComplete,this._hObserveResize=(t=this._resizeObserver,(e=this._sidePanel)?(t.observe(e),{release:()=>(t.unobserve(e),null)}):null)}disconnectObservers(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}connectedCallback(){super.connectedCallback(),this.disconnectObservers(),this.connectObservers()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObservers()}render(){const{closeIconDescription:s,condensedActions:o,currentStep:n,includeOverlay:l,labelText:a,navigationBackIconDescription:r,open:c,placement:d,size:h,slideIn:p,title:v}=this;if(!c&&!this._isOpen)return i``;const m=["","single","double","triple"][this._actionsCount],b=i`<div
93
93
  class=${`${$}__title`}
94
94
  ?no-label=${!!a}>
95
95
  <h2 class=${v?`${$}__title-text`:""} title=${v}>
@@ -102,7 +102,7 @@ const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.
102
102
  aria-hidden="true">
103
103
  ${v}
104
104
  </h2>`:""}
105
- </div>`,g=this.title?` ${$}__header--has-title `:"",f=i`
105
+ </div>`,g=this.title?` ${$}__header--has-title `:"",y=i`
106
106
  <div
107
107
  class=${`${$}__header${g}`}
108
108
  ?detail-step=${n>0}
@@ -165,7 +165,7 @@ const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.
165
165
  @slotchange=${this._handleActionToolbarChange}></slot>
166
166
  </div>
167
167
  </div>
168
- `,y=i`<div
168
+ `,f=i`<div
169
169
  class=${`${$}__inner-content`}
170
170
  ?scrolls=${!this._doAnimateTitle}>
171
171
  <cds-layer level="1">
@@ -193,8 +193,8 @@ const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.
193
193
  role="navigation"></a>
194
194
 
195
195
  ${this._doAnimateTitle?i`<div class=${`${$}__animated-scroll-wrapper`} scrolls>
196
- ${f} ${y}
197
- </div>`:i` ${f} ${y}`}
196
+ ${y} ${f}
197
+ </div>`:i` ${y} ${f}`}
198
198
 
199
199
  <cds-button-set-base
200
200
  class=${`${$}__actions-container`}
@@ -221,4 +221,4 @@ const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.
221
221
  ?closing=${!c&&this._isOpen}
222
222
  tabindex="-1"
223
223
  @click=${this._handleClickOnOverlay}></div>`:""}
224
- `}async updated(t){var e,i,s,o;if(t.has("condensedActions")&&this._checkUpdateActionSizes(),t.has("currentStep")&&this._handleCurrentStepUpdate(),t.has("_doAnimateTitle")&&(null===(e=null==this?void 0:this._animateScrollWrapper)||void 0===e||e.removeEventListener("scroll",this._scrollObserver),this._doAnimateTitle?null===(i=null==this?void 0:this._animateScrollWrapper)||void 0===i||i.addEventListener("scroll",this._scrollObserver):null===(o=null===(s=null==this?void 0:this._sidePanel)||void 0===s?void 0:s.style)||void 0===o||o.setProperty(`--${$}--scroll-animation-progress`,"0")),(t.has("_isOpen")||t.has("animateTitle"))&&this._checkSetDoAnimateTitle(),(t.has("slideIn")||t.has("open")||t.has("includeOverlay"))&&this._adjustPageContent(),t.has("open"))if(this._checkSetOpen(),this.disconnectObservers(),this.open){this.connectObservers(),this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():y(this.querySelectorAll(this.constructor.selectorTabbable),!0)||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorTabbable(){return s}static get eventBeforeClose(){return`${e}-side-panel-beingclosed`}static get eventClose(){return`${e}-side-panel-closed`}static get eventNavigateBack(){return`${e}-side-panel-navigate-back`}};o([r("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),o([r("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),o([r(`.${$}`)],S.prototype,"_sidePanel",void 0),o([r(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),o([r(`.${$}__label-text`)],S.prototype,"_label",void 0),o([r(`.${$}__title-text`)],S.prototype,"_title",void 0),o([r(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),o([r(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),o([c({slot:"actions",selector:`${e}-button`})],S.prototype,"_actions",void 0),o([a()],S.prototype,"_doAnimateTitle",void 0),o([a()],S.prototype,"_isOpen",void 0),o([a()],S.prototype,"_containerScrollTop",void 0),o([a()],S.prototype,"_hasSubtitle",void 0),o([a()],S.prototype,"_hasSlug",void 0),o([a()],S.prototype,"_hasActionToolbar",void 0),o([a()],S.prototype,"_actionsCount",void 0),o([a()],S.prototype,"_slugCloseSize",void 0),o([h("shadowRoot:focusout")],S.prototype,"_handleBlur",void 0),o([h("document:keydown")],S.prototype,"_handleKeydown",void 0),o([l({reflect:!0,attribute:"animate-title",type:Boolean})],S.prototype,"animateTitle",void 0),o([l({reflect:!0,attribute:"close-icon-description"})],S.prototype,"closeIconDescription",void 0),o([l({type:Boolean,reflect:!0,attribute:"condensed-actions"})],S.prototype,"condensedActions",void 0),o([l({reflect:!0,attribute:"current-step",type:Number})],S.prototype,"currentStep",void 0),o([l({attribute:"include-overlay",type:Boolean,reflect:!0})],S.prototype,"includeOverlay",void 0),o([l({reflect:!0,attribute:"label-text"})],S.prototype,"labelText",void 0),o([l({reflect:!0,attribute:"navigation-back-icon-description"})],S.prototype,"navigationBackIconDescription",void 0),o([l({type:Boolean,reflect:!0})],S.prototype,"open",void 0),o([l({reflect:!0,type:String})],S.prototype,"placement",void 0),o([l({type:Boolean,attribute:"prevent-close-on-click-outside"})],S.prototype,"preventCloseOnClickOutside",void 0),o([l({reflect:!0,attribute:"selector-initial-focus",type:String})],S.prototype,"selectorInitialFocus",void 0),o([l({reflect:!0,attribute:"selector-page-content"})],S.prototype,"selectorPageContent",void 0),o([l({reflect:!0,type:String})],S.prototype,"size",void 0),o([l({attribute:"slide-in",type:Boolean,reflect:!0})],S.prototype,"slideIn",void 0),o([l({reflect:!1,type:String})],S.prototype,"title",void 0),S=o([p(`${e}-side-panel`)],S);
224
+ `}async updated(t){var e,i,s,o;if(t.has("condensedActions")&&this._checkUpdateActionSizes(),t.has("currentStep")&&this._handleCurrentStepUpdate(),t.has("_doAnimateTitle")&&(null===(e=null==this?void 0:this._animateScrollWrapper)||void 0===e||e.removeEventListener("scroll",this._scrollObserver),this._doAnimateTitle?null===(i=null==this?void 0:this._animateScrollWrapper)||void 0===i||i.addEventListener("scroll",this._scrollObserver):null===(o=null===(s=null==this?void 0:this._sidePanel)||void 0===s?void 0:s.style)||void 0===o||o.setProperty(`--${$}--scroll-animation-progress`,"0")),(t.has("_isOpen")||t.has("animateTitle"))&&this._checkSetDoAnimateTitle(),(t.has("slideIn")||t.has("open")||t.has("includeOverlay"))&&this._adjustPageContent(),t.has("open"))if(this._checkSetOpen(),this.disconnectObservers(),this.open){this.connectObservers(),this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():f(this.querySelectorAll(this.constructor.selectorTabbable),!0)||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorTabbable(){return s}static get eventBeforeClose(){return`${e}-side-panel-beingclosed`}static get eventClose(){return`${e}-side-panel-closed`}static get eventNavigateBack(){return`${e}-side-panel-navigate-back`}};o([r("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),o([r("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),o([r(`.${$}`)],S.prototype,"_sidePanel",void 0),o([r(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),o([r(`.${$}__label-text`)],S.prototype,"_label",void 0),o([r(`.${$}__title-text`)],S.prototype,"_title",void 0),o([r(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),o([r(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),o([c({slot:"actions",selector:`${e}-button`})],S.prototype,"_actions",void 0),o([a()],S.prototype,"_doAnimateTitle",void 0),o([a()],S.prototype,"_isOpen",void 0),o([a()],S.prototype,"_containerScrollTop",void 0),o([a()],S.prototype,"_hasSubtitle",void 0),o([a()],S.prototype,"_hasSlug",void 0),o([a()],S.prototype,"_hasActionToolbar",void 0),o([a()],S.prototype,"_actionsCount",void 0),o([a()],S.prototype,"_slugCloseSize",void 0),o([h("shadowRoot:focusout")],S.prototype,"_handleBlur",void 0),o([h("document:keydown")],S.prototype,"_handleKeydown",void 0),o([l({reflect:!0,attribute:"animate-title",type:Boolean})],S.prototype,"animateTitle",void 0),o([l({reflect:!0,attribute:"close-icon-description"})],S.prototype,"closeIconDescription",void 0),o([l({type:Boolean,reflect:!0,attribute:"condensed-actions"})],S.prototype,"condensedActions",void 0),o([l({reflect:!0,attribute:"current-step",type:Number})],S.prototype,"currentStep",void 0),o([l({attribute:"include-overlay",type:Boolean,reflect:!0})],S.prototype,"includeOverlay",void 0),o([l({reflect:!0,attribute:"label-text"})],S.prototype,"labelText",void 0),o([l({reflect:!0,attribute:"navigation-back-icon-description"})],S.prototype,"navigationBackIconDescription",void 0),o([l({type:Boolean,reflect:!0})],S.prototype,"open",void 0),o([l({reflect:!0,type:String})],S.prototype,"placement",void 0),o([l({type:Boolean,attribute:"prevent-close-on-click-outside"})],S.prototype,"preventCloseOnClickOutside",void 0),o([l({reflect:!0,attribute:"selector-initial-focus",type:String})],S.prototype,"selectorInitialFocus",void 0),o([l({reflect:!0,attribute:"selector-page-content"})],S.prototype,"selectorPageContent",void 0),o([l({reflect:!0,type:String})],S.prototype,"size",void 0),o([l({attribute:"slide-in",type:Boolean,reflect:!0})],S.prototype,"slideIn",void 0),o([l({reflect:!1,type:String})],S.prototype,"title",void 0),S=o([p(`${e}-side-panel`)],S);
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC
@@ -45,13 +45,13 @@ PERFORMANCE OF THIS SOFTWARE.
45
45
  PERFORMANCE OF THIS SOFTWARE.
46
46
  *****************************************************************************
47
47
  *
48
- * lit-element:
48
+ * lit-html:
49
49
  *
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
53
  *
54
- * lit-html:
54
+ * lit-element:
55
55
  *
56
56
  * @license
57
57
  * Copyright 2017 Google LLC