@carbon/ibm-products-web-components 0.21.0 → 0.22.0-rc.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 (176) hide show
  1. package/custom-elements.json +102 -15
  2. package/es/components/about-modal/about-modal.d.ts +19 -3
  3. package/es/components/about-modal/about-modal.js +33 -2
  4. package/es/components/about-modal/about-modal.js.map +1 -1
  5. package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
  6. package/es/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
  7. package/es/components/interstitial-screen/interstitial-screen-body.js +30 -6
  8. package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
  9. package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
  10. package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
  11. package/es/components/interstitial-screen/interstitial-screen-footer.js +32 -3
  12. package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
  13. package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
  14. package/es/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
  15. package/es/components/interstitial-screen/interstitial-screen-header.js +17 -1
  16. package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
  17. package/es/components/interstitial-screen/interstitial-screen.d.ts +9 -5
  18. package/es/components/interstitial-screen/interstitial-screen.js +45 -22
  19. package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
  20. package/es/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  21. package/es/components/interstitial-screen/interstitial-screen.test.js +329 -0
  22. package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
  23. package/es/components/notification-panel/notification-panel.d.ts +6 -1
  24. package/es/components/notification-panel/notification-panel.js +27 -8
  25. package/es/components/notification-panel/notification-panel.js.map +1 -1
  26. package/es/components/notification-panel/notification-panel.test.js +53 -0
  27. package/es/components/notification-panel/notification-panel.test.js.map +1 -1
  28. package/es/components/options-tile/options-tile.d.ts +9 -2
  29. package/es/components/options-tile/options-tile.js +26 -12
  30. package/es/components/options-tile/options-tile.js.map +1 -1
  31. package/es/components/options-tile/options-tile.scss.js +1 -1
  32. package/es/components/options-tile/options-tile.test.js +7 -7
  33. package/es/components/options-tile/options-tile.test.js.map +1 -1
  34. package/es/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  35. package/es/components/page-header/_story-assets/set-of-tags/index.js +9 -0
  36. package/es/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
  37. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  38. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
  39. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
  40. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
  41. package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
  42. package/es/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  43. package/es/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
  44. package/es/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
  45. package/es/components/page-header/context.d.ts +1 -0
  46. package/es/components/page-header/context.js +1 -0
  47. package/es/components/page-header/context.js.map +1 -1
  48. package/es/components/page-header/page-header-breadcrumb.d.ts +1 -0
  49. package/es/components/page-header/page-header-breadcrumb.js +14 -2
  50. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  51. package/es/components/page-header/page-header-content.d.ts +1 -0
  52. package/es/components/page-header/page-header-content.js +12 -2
  53. package/es/components/page-header/page-header-content.js.map +1 -1
  54. package/es/components/page-header/page-header-title-breadcrumb.js +6 -0
  55. package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  56. package/es/components/page-header/page-header.d.ts +2 -0
  57. package/es/components/page-header/page-header.js +33 -1
  58. package/es/components/page-header/page-header.js.map +1 -1
  59. package/es/components/page-header/page-header.scss.js +1 -1
  60. package/es/components/side-panel/_story-assets/index.js +4 -0
  61. package/es/components/side-panel/_story-assets/index.js.map +1 -1
  62. package/es/components/side-panel/side-panel.d.ts +12 -13
  63. package/es/components/side-panel/side-panel.js +59 -89
  64. package/es/components/side-panel/side-panel.js.map +1 -1
  65. package/es/components/side-panel/side-panel.scss.js +1 -1
  66. package/es/components/truncated-text/truncated-text.js +25 -7
  67. package/es/components/truncated-text/truncated-text.js.map +1 -1
  68. package/es/components/truncated-text/truncated-text.scss.js +1 -1
  69. package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
  70. package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
  71. package/es/packages/ibm-products-web-components/package.json.js +1 -1
  72. package/es/utilities/carousel/carousel.d.ts +6 -0
  73. package/es/utilities/carousel/carousel.js +133 -2
  74. package/es/utilities/carousel/carousel.js.map +1 -1
  75. package/es/utilities/carousel/types.d.ts +1 -0
  76. package/es-custom/components/about-modal/about-modal.d.ts +19 -3
  77. package/es-custom/components/about-modal/about-modal.js +33 -2
  78. package/es-custom/components/about-modal/about-modal.js.map +1 -1
  79. package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
  80. package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
  81. package/es-custom/components/interstitial-screen/interstitial-screen-body.js +30 -6
  82. package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
  83. package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
  84. package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
  85. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +32 -3
  86. package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
  87. package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
  88. package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
  89. package/es-custom/components/interstitial-screen/interstitial-screen-header.js +17 -1
  90. package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
  91. package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +9 -5
  92. package/es-custom/components/interstitial-screen/interstitial-screen.js +45 -22
  93. package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
  94. package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  95. package/es-custom/components/interstitial-screen/interstitial-screen.test.js +329 -0
  96. package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
  97. package/es-custom/components/notification-panel/notification-panel.d.ts +6 -1
  98. package/es-custom/components/notification-panel/notification-panel.js +27 -8
  99. package/es-custom/components/notification-panel/notification-panel.js.map +1 -1
  100. package/es-custom/components/notification-panel/notification-panel.test.js +53 -0
  101. package/es-custom/components/notification-panel/notification-panel.test.js.map +1 -1
  102. package/es-custom/components/options-tile/options-tile.d.ts +9 -2
  103. package/es-custom/components/options-tile/options-tile.js +26 -12
  104. package/es-custom/components/options-tile/options-tile.js.map +1 -1
  105. package/es-custom/components/options-tile/options-tile.scss.js +1 -1
  106. package/es-custom/components/options-tile/options-tile.test.js +7 -7
  107. package/es-custom/components/options-tile/options-tile.test.js.map +1 -1
  108. package/es-custom/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  109. package/es-custom/components/page-header/_story-assets/set-of-tags/index.js +9 -0
  110. package/es-custom/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
  111. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  112. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
  113. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
  114. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
  115. package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
  116. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  117. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
  118. package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
  119. package/es-custom/components/page-header/context.d.ts +1 -0
  120. package/es-custom/components/page-header/context.js +1 -0
  121. package/es-custom/components/page-header/context.js.map +1 -1
  122. package/es-custom/components/page-header/page-header-breadcrumb.d.ts +1 -0
  123. package/es-custom/components/page-header/page-header-breadcrumb.js +14 -2
  124. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  125. package/es-custom/components/page-header/page-header-content.d.ts +1 -0
  126. package/es-custom/components/page-header/page-header-content.js +12 -2
  127. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  128. package/es-custom/components/page-header/page-header-title-breadcrumb.js +6 -0
  129. package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  130. package/es-custom/components/page-header/page-header.d.ts +2 -0
  131. package/es-custom/components/page-header/page-header.js +33 -1
  132. package/es-custom/components/page-header/page-header.js.map +1 -1
  133. package/es-custom/components/page-header/page-header.scss.js +1 -1
  134. package/es-custom/components/side-panel/_story-assets/index.js +4 -0
  135. package/es-custom/components/side-panel/_story-assets/index.js.map +1 -1
  136. package/es-custom/components/side-panel/side-panel.d.ts +12 -13
  137. package/es-custom/components/side-panel/side-panel.js +59 -89
  138. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  139. package/es-custom/components/side-panel/side-panel.scss.js +1 -1
  140. package/es-custom/components/truncated-text/truncated-text.js +25 -7
  141. package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
  142. package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
  143. package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
  144. package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
  145. package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
  146. package/es-custom/utilities/carousel/carousel.d.ts +6 -0
  147. package/es-custom/utilities/carousel/carousel.js +133 -2
  148. package/es-custom/utilities/carousel/carousel.js.map +1 -1
  149. package/es-custom/utilities/carousel/types.d.ts +1 -0
  150. package/lib/components/about-modal/about-modal.d.ts +19 -3
  151. package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
  152. package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
  153. package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
  154. package/lib/components/interstitial-screen/interstitial-screen.d.ts +9 -5
  155. package/lib/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
  156. package/lib/components/notification-panel/notification-panel.d.ts +6 -1
  157. package/lib/components/options-tile/options-tile.d.ts +9 -2
  158. package/lib/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
  159. package/lib/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
  160. package/lib/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
  161. package/lib/components/page-header/context.d.ts +1 -0
  162. package/lib/components/page-header/page-header-breadcrumb.d.ts +1 -0
  163. package/lib/components/page-header/page-header-content.d.ts +1 -0
  164. package/lib/components/page-header/page-header.d.ts +2 -0
  165. package/lib/components/side-panel/side-panel.d.ts +12 -13
  166. package/lib/utilities/carousel/carousel.d.ts +6 -0
  167. package/lib/utilities/carousel/types.d.ts +1 -0
  168. package/package.json +4 -3
  169. package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +1 -1
  170. package/scss/components/interstitial-screen/interstitial-screen-body.scss +0 -1
  171. package/scss/components/interstitial-screen/interstitial-screen-footer.scss +0 -1
  172. package/scss/components/options-tile/options-tile.scss +8 -2
  173. package/scss/components/options-tile/story-styles.scss +21 -0
  174. package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +94 -0
  175. package/scss/components/page-header/page-header.scss +69 -33
  176. package/scss/components/truncated-text/truncated-text.scss +4 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"set-of-tags.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -0,0 +1,23 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2025, 2025
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { TAG_TYPE, TAG_SIZE } from '@carbon/web-components/es/components/tag/defs';
10
+ export interface TagType {
11
+ type: TAG_TYPE;
12
+ text: string;
13
+ size: TAG_SIZE;
14
+ onClose?: () => void;
15
+ }
16
+ interface GenerateTagsOptions {
17
+ count: number;
18
+ size?: TAG_SIZE;
19
+ dismissible?: boolean;
20
+ }
21
+ export declare function generateTags({ count, size, dismissible, }: GenerateTagsOptions): TagType[];
22
+ export declare const tagsData: TagType[];
23
+ export {};
@@ -0,0 +1,44 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { TAG_TYPE, TAG_SIZE } from '@carbon/web-components/es/components/tag/defs';
9
+
10
+ /**
11
+ * @license
12
+ *
13
+ * Copyright IBM Corp. 2025, 2025
14
+ *
15
+ * This source code is licensed under the Apache-2.0 license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */
18
+ const tagTypes = Object.values(TAG_TYPE);
19
+ const randomWords = 'Interface Components Architecture Microservices Tokens Authentication Authorization Encryption Dashboard Metrics Logging Tracing Scalability Latency Containers Virtualization Deployment Infrastructure Cloud Cluster Replica Storage Bandwidth Throughput Streaming Sockets Requests Responses Payload Endpoint GraphQL REST Webhooks JSON Serialization Deserialization Algorithms Inference Model Training Embeddings Prompts Outputs Transformer Neural Optimization Gradient Epoch Dataset Labels Prediction Pipeline Automation Hooks State Context Reducer Props Render Refactor Commit Branch Merge Versioning Build Compile Transpile Minify Bundle Dependency Modules Imports Exports Testing Coverage Snapshot Regression Lint Formatter Error Exception Debug Logs Watcher Server Client Browser Viewport Media Query Responsive Breakpoints Grid CSS Tailwind JavaScript TypeScript Framework Library Routing Navigation SPA SSR Hydration DOM Event Handler Listener Throttle Debounce Asynchronous Callback Promise Await Fetch Resource CORS Header Cookie Session Cache Index Query Database Schema Migration ORM Relation Join Table Record Document NoSQL SQL Function Parameter Return Expression Condition Loop Iteration Variable Constant Scope Closure Arrow Object Array Boolean String Integer Float Null Undefined NaN Prototype Instance Class Constructor Inheritance Encapsulation Abstraction Polymorphism Tokenization CI CD Monitoring Alert Incident SLA SLO Uptime Availability Redundancy Failover Load Balancer Firewall Gateway Certificate TLS HTTPS Domain DNS Proxy Timeout Queue Service Registry Discovery Containerization Kubernetes Docker';
20
+ const words = randomWords.split(/\s+/);
21
+ function generateTags({ count, size = TAG_SIZE.MEDIUM, dismissible = false, }) {
22
+ return Array.from({ length: count }, (_, index) => {
23
+ const type = tagTypes[index % tagTypes.length];
24
+ const text = words[index % words.length];
25
+ const tag = {
26
+ type,
27
+ text,
28
+ size,
29
+ };
30
+ if (dismissible) {
31
+ tag.onClose = () => console.log(`Closed tag: ${text}`);
32
+ }
33
+ return tag;
34
+ });
35
+ }
36
+ // Example usage:
37
+ const tagsData = generateTags({
38
+ count: 100,
39
+ size: TAG_SIZE.SMALL,
40
+ dismissible: true,
41
+ });
42
+
43
+ export { generateTags, tagsData };
44
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/page-header/_story-assets/set-of-tags/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAcH,MAAM,QAAQ,GAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;AAEpD,MAAM,WAAW,GACf,2lDAA2lD;AAE7lD,MAAM,KAAK,GAAa,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;AAQhC,SAAA,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,GAAG,QAAQ,CAAC,MAAM,EACtB,WAAW,GAAG,KAAK,GACC,EAAA;AACpB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;QAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;AAExC,QAAA,MAAM,GAAG,GAAY;YACnB,IAAI;YACJ,IAAI;YACJ,IAAI;SACL;QAED,IAAI,WAAW,EAAE;AACf,YAAA,GAAG,CAAC,OAAO,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC;;AAGxD,QAAA,OAAO,GAAG;AACZ,KAAC,CAAC;AACJ;AAEA;AACO,MAAM,QAAQ,GAAG,YAAY,CAAC;AACnC,IAAA,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,QAAQ,CAAC,KAAK;AACpB,IAAA,WAAW,EAAE,IAAI;AAClB,CAAA;;;;"}
@@ -11,4 +11,5 @@ export declare const pageHeaderContext: import("@lit/context").Context<{
11
11
  breadcrumbOffset: number;
12
12
  fullyCollapsed: boolean;
13
13
  root: null;
14
+ titleClipped: boolean;
14
15
  }, unknown>;
@@ -20,6 +20,7 @@ const pageHeaderContext = createContext({
20
20
  breadcrumbOffset: 0,
21
21
  fullyCollapsed: false,
22
22
  root: null,
23
+ titleClipped: false,
23
24
  });
24
25
 
25
26
  export { pageHeaderContext };
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sources":["../../../src/components/page-header/context.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAII,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC7C,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,IAAI,EAAE,IAAI;AACX,CAAA;;;;"}
1
+ {"version":3,"file":"context.js","sources":["../../../src/components/page-header/context.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAII,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC7C,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,YAAY,EAAE,KAAK;AACpB,CAAA;;;;"}
@@ -29,6 +29,7 @@ declare class CDSPageHeaderBreadcrumb extends LitElement {
29
29
  * Set to `true` if content actions should be flush (no padding)
30
30
  */
31
31
  contentActionsFlush: boolean;
32
+ context: any;
32
33
  render(): import("lit-html").TemplateResult<1>;
33
34
  static styles: any;
34
35
  }
@@ -11,6 +11,8 @@ import { classMap } from 'lit/directives/class-map.js';
11
11
  import { prefix, carbonPrefix } from '../../globals/settings.js';
12
12
  import { property } from 'lit/decorators.js';
13
13
  import styles from './page-header.scss.js';
14
+ import { consume } from '@lit/context';
15
+ import { pageHeaderContext } from './context.js';
14
16
  import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
15
17
 
16
18
  /**
@@ -47,11 +49,16 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
47
49
  this.contentActionsFlush = false;
48
50
  }
49
51
  render() {
50
- const { withinGrid } = this;
52
+ const { withinGrid, context } = this;
53
+ const { contentActionsClipped } = context !== null && context !== void 0 ? context : {};
51
54
  const gridClasses = classMap({
52
55
  [`${carbonPrefix}--css-grid`]: !withinGrid,
53
56
  [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,
54
57
  });
58
+ const contentActionClasses = classMap({
59
+ [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions`]: true,
60
+ [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions--show`]: contentActionsClipped,
61
+ });
55
62
  return html `
56
63
  <div class="${gridClasses}">
57
64
  <div
@@ -63,7 +70,9 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
63
70
  <slot></slot>
64
71
  </div>
65
72
  <div class="${prefix}--page-header__breadcrumb__actions">
66
- <slot name="content-actions"></slot>
73
+ <div class="${contentActionClasses}">
74
+ <slot name="content-actions"></slot>
75
+ </div>
67
76
  <slot name="page-actions"></slot>
68
77
  </div>
69
78
  </div>
@@ -85,6 +94,9 @@ __decorate([
85
94
  __decorate([
86
95
  property({ attribute: 'content-actions-flush', type: Boolean })
87
96
  ], CDSPageHeaderBreadcrumb.prototype, "contentActionsFlush", void 0);
97
+ __decorate([
98
+ consume({ context: pageHeaderContext, subscribe: true })
99
+ ], CDSPageHeaderBreadcrumb.prototype, "context", void 0);
88
100
  CDSPageHeaderBreadcrumb = __decorate([
89
101
  carbonElement(`${prefix}-page-header-breadcrumb`)
90
102
  ], CDSPageHeaderBreadcrumb);
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-breadcrumb.js","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;AAGG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,IAAI;AAEb;;;AAGG;QAEH,IAAU,CAAA,UAAA,GAAG,KAAK;AAElB;;AAEG;QAEH,IAAgB,CAAA,gBAAA,GAAG,KAAK;AAExB;;AAEG;QAEH,IAAmB,CAAA,mBAAA,GAAG,KAAK;;IAE3B,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI;QAC3B,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC3B,YAAA,CAAC,GAAG,YAAY,CAAA,UAAA,CAAY,GAAG,CAAC,UAAU;AAC1C,YAAA,CAAC,GAAG,YAAY,CAAA,UAAA,EAAa,YAAY,CAAiB,eAAA,CAAA,GAAG,UAAU;AACxE,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,WAAW,CAAA;;AAEZ,iBAAA,EAAA,YAAY,CAAmB,gBAAA,EAAA,YAAY,CAAmB,gBAAA,EAAA,YAAY,oBAAoB,YAAY,CAAA;;wBAErG,MAAM,CAAA;0BACJ,MAAM,CAAA;;;;0BAIN,MAAM,CAAA;;;;;;;KAO3B;;;AAGI,uBAAM,CAAA,MAAA,GAAG,MAAH;AAhDb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACb,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE;AAClC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAxBxB,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAsD5B;AAED,gCAAe,uBAAuB;;;;"}
1
+ {"version":3,"file":"page-header-breadcrumb.js","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;AAGG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,IAAI;AAEb;;;AAGG;QAEH,IAAU,CAAA,UAAA,GAAG,KAAK;AAElB;;AAEG;QAEH,IAAgB,CAAA,gBAAA,GAAG,KAAK;AAExB;;AAEG;QAEH,IAAmB,CAAA,mBAAA,GAAG,KAAK;;IAK3B,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI;QACpC,MAAM,EAAE,qBAAqB,EAAE,GAAG,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,OAAO,GAAI,EAAE;QAC/C,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC3B,YAAA,CAAC,GAAG,YAAY,CAAA,UAAA,CAAY,GAAG,CAAC,UAAU;AAC1C,YAAA,CAAC,GAAG,YAAY,CAAA,UAAA,EAAa,YAAY,CAAiB,eAAA,CAAA,GAAG,UAAU;AACxE,SAAA,CAAC;QAEF,MAAM,oBAAoB,GAAG,QAAQ,CAAC;AACpC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgE,8DAAA,CAAA,GACxE,IAAI;AACN,YAAA,CAAC,CAAG,EAAA,MAAM,CAAsE,oEAAA,CAAA,GAC9E,qBAAqB;AACxB,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,WAAW,CAAA;;AAEZ,iBAAA,EAAA,YAAY,CAAmB,gBAAA,EAAA,YAAY,CAAmB,gBAAA,EAAA,YAAY,oBAAoB,YAAY,CAAA;;wBAErG,MAAM,CAAA;0BACJ,MAAM,CAAA;;;;0BAIN,MAAM,CAAA;4BACJ,oBAAoB,CAAA;;;;;;;;KAQ3C;;;AAGI,uBAAM,CAAA,MAAA,GAAG,MAAH;AA7Db,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACb,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE;AAClC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAG5B,UAAA,CAAA;IADC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE;AAChD,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AA3BJ,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAmE5B;AAED,gCAAe,uBAAuB;;;;"}
@@ -34,6 +34,7 @@ declare class CDSPageHeaderContent extends LitElement {
34
34
  * (ie. when used in tandem with page-header-hero-image)
35
35
  */
36
36
  withinGrid: boolean;
37
+ context: any;
37
38
  updated(): void;
38
39
  render(): import("lit-html").TemplateResult<1>;
39
40
  static styles: any;
@@ -9,10 +9,12 @@ import { __decorate } from 'tslib';
9
9
  import { LitElement, html } from 'lit';
10
10
  import { classMap } from 'lit/directives/class-map.js';
11
11
  import { property, state } from 'lit/decorators.js';
12
+ import { consume } from '@lit/context';
12
13
  import { prefix, carbonPrefix } from '../../globals/settings.js';
13
14
  import '@carbon/web-components/es-custom/components/tooltip/index.js';
14
15
  import styles from './page-header.scss.js';
15
16
  import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
17
+ import { pageHeaderContext } from './context.js';
16
18
 
17
19
  /**
18
20
  * @license
@@ -70,11 +72,16 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
70
72
  textContainer.scrollHeight > textContainer.clientHeight;
71
73
  }
72
74
  render() {
73
- const { title, withinGrid, _hasEllipsisApplied: hasEllipsisApplied, _handleSlotChange: handleSlotChange, } = this;
75
+ const { title, withinGrid, _hasEllipsisApplied: hasEllipsisApplied, _handleSlotChange: handleSlotChange, context, } = this;
76
+ const { contentActionsClipped } = context !== null && context !== void 0 ? context : {};
74
77
  const gridClasses = classMap({
75
78
  [`${carbonPrefix}--css-grid`]: !withinGrid,
76
79
  [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,
77
80
  });
81
+ const contentActionClasses = classMap({
82
+ [`${prefix}--page-header__content__page-actions`]: true,
83
+ [`${prefix}--page-header__content__page-actions--clipped`]: contentActionsClipped,
84
+ });
78
85
  return html ` <div class="${gridClasses}">
79
86
  <div
80
87
  class="${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column"
@@ -103,7 +110,7 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
103
110
  @slotchange=${handleSlotChange}
104
111
  ></slot>
105
112
  </div>
106
- <div class="${prefix}--page-header__content__page-actions">
113
+ <div class="${contentActionClasses}">
107
114
  <slot name="page-actions"></slot>
108
115
  </div>
109
116
  </div>
@@ -122,6 +129,9 @@ __decorate([
122
129
  __decorate([
123
130
  property({ attribute: 'within-grid', type: Boolean })
124
131
  ], CDSPageHeaderContent.prototype, "withinGrid", void 0);
132
+ __decorate([
133
+ consume({ context: pageHeaderContext, subscribe: true })
134
+ ], CDSPageHeaderContent.prototype, "context", void 0);
125
135
  CDSPageHeaderContent = __decorate([
126
136
  carbonElement(`${prefix}-page-header-content`)
127
137
  ], CDSPageHeaderContent);
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-content.js","sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
1
+ {"version":3,"file":"page-header-content.js","sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
@@ -33,6 +33,12 @@ let CDSPageHeaderTitleBreadcrumb = class CDSPageHeaderTitleBreadcrumb extends CD
33
33
  context: pageHeaderContext,
34
34
  subscribe: true,
35
35
  callback: (state) => {
36
+ if (state.titleClipped) {
37
+ this.classList.add(`${prefix}--page-header-title-breadcrumb-show__fallback`);
38
+ }
39
+ else {
40
+ this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__fallback`);
41
+ }
36
42
  if (state.withContent) {
37
43
  this.classList.add(`${prefix}--page-header-title-breadcrumb-show__with-content`);
38
44
  this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__by-default`);
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-title-breadcrumb.js","sources":["../../../src/components/page-header/page-header-title-breadcrumb.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;AAGG;AAEH,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB,CAAA;AAI1D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,IAAI,eAAe,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gBAAA,IAAK,KAA+B,CAAC,WAAW,EAAE;oBAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAG,EAAA,MAAM,CAAmD,iDAAA,CAAA,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAG,EAAA,MAAM,CAAiD,+CAAA,CAAA,CAC3D;;qBACI;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAG,EAAA,MAAM,CAAmD,iDAAA,CAAA,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAG,EAAA,MAAM,CAAiD,+CAAA,CAAA,CAC3D;;aAEJ;AACF,SAAA,CAAC;;IAEJ,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;oCACqB,MAAM,CAAA;;;KAGrC;;;AAGI,4BAAM,CAAA,MAAA,GAAG,MAAH;AAlCb,UAAA,CAAA;IADC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE;AAChD,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAFJ,4BAA4B,GAAA,UAAA,CAAA;AADjC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B;AACjD,CAAA,EAAA,4BAA4B,CAqCjC;AAED,qCAAe,4BAA4B;;;;"}
1
+ {"version":3,"file":"page-header-title-breadcrumb.js","sources":["../../../src/components/page-header/page-header-title-breadcrumb.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;AAGG;AAEH,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB,CAAA;AAI1D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,IAAI,eAAe,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gBAAA,IAAK,KAA+B,CAAC,YAAY,EAAE;oBACjD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAG,EAAA,MAAM,CAA+C,6CAAA,CAAA,CACzD;;qBACI;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAG,EAAA,MAAM,CAA+C,6CAAA,CAAA,CACzD;;AAEH,gBAAA,IAAK,KAA+B,CAAC,WAAW,EAAE;oBAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAG,EAAA,MAAM,CAAmD,iDAAA,CAAA,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAG,EAAA,MAAM,CAAiD,+CAAA,CAAA,CAC3D;;qBACI;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAG,EAAA,MAAM,CAAmD,iDAAA,CAAA,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAG,EAAA,MAAM,CAAiD,+CAAA,CAAA,CAC3D;;aAEJ;AACF,SAAA,CAAC;;IAEJ,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;oCACqB,MAAM,CAAA;;;KAGrC;;;AAGI,4BAAM,CAAA,MAAA,GAAG,MAAH;AA3Cb,UAAA,CAAA;IADC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE;AAChD,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAFJ,4BAA4B,GAAA,UAAA,CAAA;AADjC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B;AACjD,CAAA,EAAA,4BAA4B,CA8CjC;AAED,qCAAe,4BAA4B;;;;"}
@@ -11,6 +11,8 @@ export interface pageHeaderContextType {
11
11
  breadcrumbOffset?: number;
12
12
  headerOffset?: number;
13
13
  fullyCollapsed?: boolean;
14
+ titleClipped?: boolean;
15
+ contentActionsClipped?: boolean;
14
16
  root?: CDSPageHeader | null;
15
17
  withContent?: boolean;
16
18
  }
@@ -69,8 +69,40 @@ let CDSPageHeader = class CDSPageHeader extends LitElement {
69
69
  rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
70
70
  threshold: 0.1,
71
71
  });
72
+ const titleObserver = new IntersectionObserver((entries) => {
73
+ entries.forEach((entry) => {
74
+ if (!entry.isIntersecting) {
75
+ this.context = Object.assign(Object.assign({}, this.context), { titleClipped: true });
76
+ }
77
+ else {
78
+ this.context = Object.assign(Object.assign({}, this.context), { titleClipped: false });
79
+ }
80
+ });
81
+ }, {
82
+ root: null,
83
+ rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
84
+ threshold: 0.95,
85
+ });
86
+ const actionsObserver = new IntersectionObserver((entries) => {
87
+ entries.forEach((entry) => {
88
+ if (!entry.isIntersecting) {
89
+ this.context = Object.assign(Object.assign({}, this.context), { contentActionsClipped: true });
90
+ }
91
+ else {
92
+ this.context = Object.assign(Object.assign({}, this.context), { contentActionsClipped: false });
93
+ }
94
+ });
95
+ }, {
96
+ root: null,
97
+ // 48 -> breadcrumb bar
98
+ // 18 -> content padding
99
+ rootMargin: `${(totalHeaderOffset + 48 + 18) * -1}px 0px 0px 0px`,
100
+ threshold: 0.95,
101
+ });
72
102
  if (contentElement) {
73
103
  contentObserver.observe(contentElement);
104
+ titleObserver.observe(contentElement);
105
+ actionsObserver.observe(contentElement);
74
106
  }
75
107
  }
76
108
  disconnectedCallback() {
@@ -79,7 +111,7 @@ let CDSPageHeader = class CDSPageHeader extends LitElement {
79
111
  super.disconnectedCallback();
80
112
  }
81
113
  render() {
82
- return html ` <slot></slot>`;
114
+ return html `<slot></slot>`;
83
115
  }
84
116
  };
85
117
  CDSPageHeader.styles = styles;
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.js","sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
1
+ {"version":3,"file":"page-header.js","sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}