@redvars/peacock 3.8.1 → 3.8.3

package/dist/index.js

@@ -1,62 +1,116 @@
-export { I as Icon } from './icon-CueRR7wx.js';
-export { A as Accordion, a as Avatar, B as Badge, b as Breadcrumb, c as BreadcrumbItem, C as Checkbox, d as Chip, e as ChipSet, f as CircularProgress, g as Container, D as DatePicker, h as Divider, E as Elevation, i as EmptyState, F as Field, j as FocusRing, I as Image, k as Input, l as Item, L as LinearProgress, m as Link, n as List, o as ListItem, M as Menu, p as MenuItem, N as NavigationRail, q as NavigationRailItem, r as NumberField, P as Pagination, R as Radio, s as Ripple, S as SegmentedButton, t as SegmentedButtonGroup, u as Select, v as SelectOptionElement, w as SidebarMenu, x as SidebarMenuItem, y as SidebarSubMenu, z as Skeleton, G as Slider, H as Snackbar, J as Spinner, K as SubMenu, O as Svg, Q as Switch, T as Tab, U as TabGroup, V as TabPanel, W as Table, X as Tabs, Y as Tag, Z as Textarea, _ as TimePicker, $ as Tooltip, a0 as UrlField } from './navigation-rail-CM_svs5_.js';
+export { Icon } from './icon.js';
+export { Avatar } from './avatar.js';
+export { Badge } from './badge.js';
+export { Divider } from './divider.js';
 export { Clock } from './clock.js';
+export { Elevation } from './elevation.js';
 export { Button } from './button.js';
 export { default as ButtonGroup } from './button-group.js';
-export { I as IconButton } from './icon-button-CAzYr_qr.js';
+export { IconButton } from './icon-button.js';
 export { Fab } from './fab.js';
+export { SegmentedButton } from './segmented-button.js';
+export { SegmentedButtonGroup } from './segmented-button-group.js';
 export { SplitButton } from './split-button.js';
 export { DropdownButton } from './dropdown-button.js';
+export { FocusRing } from './focus-ring.js';
+export { Ripple } from './ripple.js';
+import './accordion-item.js';
+export { Accordion } from './accordion.js';
+export { Link } from './link.js';
+export { C as ChipSet, a as CircularProgress, D as DatePicker, I as Input, L as LinearProgress, N as NumberField, S as Select, b as SidebarMenu, c as SidebarMenuItem, d as SidebarSubMenu, e as Switch, T as Tag, f as Textarea, g as TimePicker, U as UrlField } from './select-CspawZ18.js';
+export { Chip } from './chip.js';
+export { Skeleton } from './skeleton.js';
+export { Field } from './field.js';
+export { Checkbox } from './checkbox.js';
+export { Spinner } from './spinner.js';
+export { Container } from './container.js';
 export { NumberCounter } from './number-counter.js';
-export { P as Popover } from './popover-DUPmMVWS.js';
+export { EmptyState } from './empty-state.js';
+export { Tooltip } from './tooltip.js';
+export { Popover } from './popover.js';
 export { PopoverContent } from './popover-content.js';
+export { Breadcrumb } from './breadcrumb.js';
+export { BreadcrumbItem } from './breadcrumb-item.js';
+export { Menu } from './menu.js';
+export { MenuItem } from './menu-item.js';
+export { SubMenu } from './sub-menu.js';
+export { L as List, a as ListItem } from './list-H0itjRte.js';
+export { Item } from './item.js';
 export { CodeHighlighter } from './code-highlighter.js';
 export { default as CodeEditor } from './code-editor.js';
 export { HtmlEditor } from './html-editor.js';
+export { Image } from './image.js';
+export { Svg } from './svg.js';
+export { Tab } from './tab.js';
+export { TabGroup } from './tab-group.js';
+export { TabPanel } from './tab-panel.js';
+export { Tabs } from './tabs.js';
+export { Slider } from './slider.js';
+export { ColorPicker } from './color-picker.js';
 export { ChartDoughnut } from './chart-doughnut.js';
 export { ChartPie } from './chart-pie.js';
 export { ChartBar } from './chart-bar.js';
 export { ChartStackedBar } from './chart-stacked-bar.js';
+export { Table } from './table.js';
+export { Pagination } from './pagination.js';
 export { Card } from './card.js';
 import './card-content.js';
-export { Banner } from './banner.js';
+export { Alert } from './alert.js';
 export { Notification } from './notification.js';
 export { NotificationManager } from './notification-manager.js';
+export { Snackbar } from './snackbar.js';
+export { Radio } from './radio.js';
 export { Modal } from './modal.js';
 export { BottomSheet } from './bottom-sheet.js';
 export { SideSheet } from './side-sheet.js';
+export { SelectOptionElement } from './option.js';
 export { Search } from './search.js';
 export { Toolbar } from './toolbar.js';
+export { AppBar } from './app-bar.js';
+export { NavigationRail } from './navigation-rail.js';
+export { NavigationRailItem } from './navigation-rail-item.js';
 export { Calendar } from './calendar.js';
 export { CalendarColumnView } from './calendar-column-view.js';
 export { CalendarMonthView } from './calendar-month-view.js';
 export { Canvas } from './canvas.js';
 export { FlowDesigner } from './flow-designer.js';
-export { F as FlowDesignerNode } from './flow-designer-node-BWrPuxAR.js';
+export { F as FlowDesignerNode } from './flow-designer-node-DsVwQTac.js';
 export { ConditionBuilder } from './condition-builder.js';
 export { CbPredicate } from './cb-predicate.js';
 export { CbCompoundExpression } from './cb-compound-expression.js';
 export { CbExpression } from './cb-expression.js';
 export { CbDivider } from './cb-divider.js';
-import './IndividualComponent-DUINtMGK.js';
-import './property-1psGvXOq.js';
-import './state-DwbEjqVk.js';
+import './IndividualComponent-Bdwyrvd6.js';
+import './property-B49QQ8pS.js';
+import './state-DkTK9EGF.js';
+import './datasource-B2eRh6Or.js';
 import './directive-ZPhl09Yt.js';
-import './unsafe-html-BsGUjx94.js';
-import './class-map-YU7g0o3B.js';
-import './observe-slot-change-D8Xg-kSS.js';
-import './query-QBcUV-L_.js';
-import './NativeHyperlinkMixin-DrYXyfMQ.js';
-import './ButtonConstants-D06bY4uy.js';
+import './unsafe-html-Ct0N2_UU.js';
+import './class-map-DG7CA1et.js';
+import './observe-slot-change-DPxaZrZF.js';
+import './query-CHb9Ft_d.js';
+import './base-Cl6v8-BZ.js';
+import './if-defined-BXZpRQ4P.js';
+import './when-DEJm_QN9.js';
+import './is-link-Dk2OV3PM.js';
 import './dispatch-event-utils-CuEqjlPT.js';
-import './style-map-DVmWOuYy.js';
-import './BaseInput-14YmcfK7.js';
+import './ButtonConstants-CahP2_NA.js';
+import './element-internals-2CMts_0M.js';
+import './form-associated-BXADnjOB.js';
+import './hyperlink-DLvb6MXE.js';
+import './throttle-C7ZAPqtu.js';
+import './attachable-controller-CAKVrfcG.js';
+import './query-assigned-elements-BJaGSqM0.js';
+import './NativeHyperlinkMixin-D9J4aBTy.js';
+import './style-map-BQD5Et1D.js';
+import './spread-B5cgadZl.js';
+import './BaseInput-CU1zZYKc.js';
+import './floating-controller-CnUZnOhK.js';
 import './is-dark-mode-DOcaw4Yq.js';
-import './button-colors-D7sJyPy8.js';
 import './transform-DSwFSqzD.js';
 import './pie-Dz0IDiPt.js';
 import './array-D5vjT2Xm.js';
-import './chart-bar-cn6rrna-.js';
+import './chart-bar-CYoGNXnK.js';
 import './calendar-event-BrQ_SEKD.js';
-import './event-manager-D-QCmUgR.js';
+import './event-manager-DTyX2uYD.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/is-dark-mode-DOcaw4Yq.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-dark-mode-DOcaw4Yq.js","sources":["../../src/__utils/observe-theme-change.ts","../../src/__utils/is-dark-mode.ts"],"sourcesContent":["type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();","export function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n}"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;SC7Be,UAAU,GAAA;IACxB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AAC1D;;;;"}
+{"version":3,"file":"is-dark-mode-DOcaw4Yq.js","sources":["../../src/__internal/utils/observe-theme-change.ts","../../src/__internal/utils/is-dark-mode.ts"],"sourcesContent":["type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();","export function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n}"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;SC7Be,UAAU,GAAA;IACxB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AAC1D;;;;"}

package/dist/is-link-Dk2OV3PM.js

@@ -0,0 +1,6 @@
+function isLink(element) {
+    return element.href !== undefined;
+}
+
+export { isLink as i };
+//# sourceMappingURL=is-link-Dk2OV3PM.js.map

package/dist/is-link-Dk2OV3PM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-link-Dk2OV3PM.js","sources":["../../src/__internal/utils/is-link.ts"],"sourcesContent":["export function isLink(element: any): boolean {\n  return element.href !== undefined;\n}\n"],"names":[],"mappings":"AAAM,SAAU,MAAM,CAAC,OAAY,EAAA;AACjC,IAAA,OAAO,OAAO,CAAC,IAAI,KAAK,SAAS;AACnC;;;;"}

package/dist/item.js

@@ -0,0 +1,213 @@
+import { i, a as i$1, b, _ as __decorate, I as IndividualComponent } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { e as e$1 } from './base-Cl6v8-BZ.js';
+import { m as mixinDelegatesAria, a as mixinElementInternals } from './element-internals-2CMts_0M.js';
+import { h as hasMeaningfulContent } from './observe-slot-change-DPxaZrZF.js';
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let e;function r(r){return (n,o)=>e$1(n,o,{get(){return (this.renderRoot??(e??=document.createDocumentFragment())).querySelectorAll(r)}})}
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  --item-container-color: transparent;
+  --item-height: 3rem;
+  --item-multiline-height: 4rem;
+  --item-label-text-color: var(--color-on-surface);
+}
+
+:host {
+  position: relative;
+  display: flex;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.item {
+  position: relative;
+  display: flex;
+  flex: 1;
+  gap: var(--item-spacing, 1rem);
+  padding-block: 0.625rem;
+  padding-inline: var(--item-padding-inline, 1rem);
+  overflow: hidden;
+  color: var(--item-label-text-color);
+  --icon-color: var(--item-label-text-color);
+  opacity: var(--item-label-text-opacity, 1);
+  font-family: var(--item-label-font-family, var(--typography-body-large-font-family)) !important;
+  font-size: var(--item-label-font-size, var(--typography-body-large-font-size)) !important;
+  font-weight: var(--item-label-font-weight, var(--typography-body-large-font-weight)) !important;
+  line-height: var(--item-label-line-height, var(--typography-body-large-line-height)) !important;
+  letter-spacing: var(--item-label-letter-spacing, var(--typography-body-large-letter-spacing)) !important;
+}
+.item [name=overline] {
+  color: var(--item-outline-text-color);
+  font-family: var(--item-outline-label-font-family, var(--typography-body-medium-font-family)) !important;
+  font-size: var(--item-outline-label-font-size, var(--typography-body-medium-font-size)) !important;
+  font-weight: var(--item-outline-label-font-weight, var(--typography-body-medium-font-weight)) !important;
+  line-height: var(--item-outline-label-line-height, var(--typography-body-medium-line-height)) !important;
+  letter-spacing: var(--item-outline-label-letter-spacing, var(--typography-body-medium-letter-spacing)) !important;
+}
+.item [name=supporting-text] {
+  color: var(--item-supporting-text-color, var(--color-on-surface-variant));
+  font-family: var(--item-supporting-text-font-family, var(--typography-body-medium-font-family)) !important;
+  font-size: var(--item-supporting-text-font-size, var(--typography-body-medium-font-size)) !important;
+  font-weight: var(--item-supporting-text-font-weight, var(--typography-body-medium-font-weight)) !important;
+  line-height: var(--item-supporting-text-line-height, var(--typography-body-medium-line-height)) !important;
+  letter-spacing: var(--item-supporting-text-letter-spacing, var(--typography-body-medium-letter-spacing)) !important;
+}
+.item [name=trailing-supporting-text] {
+  color: var(--item-trailing-supporting-text-color, var(--color-on-surface-variant));
+  font-family: var(--item-trailing-supporting-text-font-family) !important;
+  font-size: var(--item-trailing-supporting-text-font-size) !important;
+  font-weight: var(--item-trailing-supporting-text-font-weight) !important;
+  line-height: var(--item-trailing-supporting-text-line-height) !important;
+  letter-spacing: var(--item-trailing-supporting-text-letter-spacing) !important;
+}
+.item .default-slot {
+  display: inline;
+}
+.item .default-slot,
+.item .text ::slotted(*) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.item .text {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  justify-content: center;
+}
+.item .non-text {
+  align-items: center;
+  display: flex;
+  height: fit-content;
+  --icon-size: 1.5rem;
+}
+.item .non-text,
+.item .text {
+  z-index: 0;
+  min-height: var(--item-height);
+}
+
+:host([multiline]) .non-text,
+:host([multiline]) .text {
+  min-height: var(--item-multiline-height);
+}
+
+[name=container]::slotted(*) {
+  inset: 0;
+  position: absolute;
+}`;
+
+/**
+ * @label Item
+ * @tag wc-item
+ * @rawTag item
+ *
+ * @summary A primitive element used to build higher-level item components such as menu-item, navigation-item, and list-item. Provides start, text, and end slots for flexible content composition.
+ *
+ * @example
+ * ```html
+ * <wc-item>
+ *   <wc-icon slot="start" name="notifications"></wc-icon>
+ *
+ *   <span slot="headline">Notifications</span>
+ *   <span slot="supporting-text">Manage alerts and reminders</span>
+ *
+ *   <span slot="trailing-supporting-text">3</span>
+ *   <wc-icon slot="end" name="chevron_right"></wc-icon>
+ * </wc-item>
+ * ```
+ * @tags display
+ */
+let Item = class Item extends mixinDelegatesAria(mixinElementInternals(i$1)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Only needed for SSR.
+         *
+         * Add this attribute when an item has two lines to avoid a Flash Of Unstyled
+         * Content. This attribute is not needed for single line items or items with
+         * three or more lines.
+         */
+        this.multiline = false;
+    }
+    __hasNamedSlot(...names) {
+        return names.some(name => Array.from(this.children).some(child => child.getAttribute('slot') === name));
+    }
+    render() {
+        const hasStart = this.__hasNamedSlot('start');
+        const hasEnd = this.__hasNamedSlot('end');
+        const hasTrailingSupportingText = this.__hasNamedSlot('trailing-supporting-text');
+        return b `
+      <slot name="container"></slot>
+
+      <div class="item">
+        <slot class="non-text" name="start" ?hidden=${!hasStart}></slot>
+        <div class="text">
+          <slot name="overline" @slotchange=${this.handleTextSlotChange}></slot>
+          <slot
+            class="default-slot"
+            @slotchange=${this.handleTextSlotChange}
+          ></slot>
+          <slot name="headline" @slotchange=${this.handleTextSlotChange}></slot>
+          <slot
+            name="supporting-text"
+            @slotchange=${this.handleTextSlotChange}
+          ></slot>
+        </div>
+        <slot
+          class="non-text"
+          name="trailing-supporting-text"
+          ?hidden=${!hasTrailingSupportingText}
+        ></slot>
+        <slot class="non-text" name="end" ?hidden=${!hasEnd}></slot>
+      </div>
+    `;
+    }
+    handleTextSlotChange() {
+        // Check if there's more than one text slot with content. If so, the item is
+        // multiline, which has a different min-height than single line items.
+        let isMultiline = false;
+        let slotsWithContent = 0;
+        for (const slot of this.textSlots) {
+            if (hasMeaningfulContent(slot)) {
+                slotsWithContent += 1;
+            }
+            if (slotsWithContent > 1) {
+                isMultiline = true;
+                break;
+            }
+        }
+        this.multiline = isMultiline;
+    }
+};
+Item.styles = [css_248z];
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Item.prototype, "multiline", void 0);
+__decorate([
+    r('.text slot')
+], Item.prototype, "textSlots", void 0);
+Item = __decorate([
+    IndividualComponent
+], Item);
+
+export { Item };
+//# sourceMappingURL=item.js.map

package/dist/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../node_modules/@lit/reactive-element/decorators/query-all.js","../../src/item/item.ts"],"sourcesContent":["import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nlet e;function r(r){return(n,o)=>t(n,o,{get(){return(this.renderRoot??(e??=document.createDocumentFragment())).querySelectorAll(r)}})}export{r as queryAll};\n//# sourceMappingURL=query-all.js.map\n","import { html, LitElement } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport styles from './item.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport { mixinDelegatesAria } from '@/__internal/aria/delegate.js';\nimport { mixinElementInternals } from '@/__internal/mixins/element-internals.js';\n\nimport { hasMeaningfulContent } from '@/__internal/utils/observe-slot-change.js';\n\n/**\n * @label Item\n * @tag wc-item\n * @rawTag item\n *\n * @summary A primitive element used to build higher-level item components such as menu-item, navigation-item, and list-item. Provides start, text, and end slots for flexible content composition.\n *\n * @example\n * ```html\n * <wc-item>\n *   <wc-icon slot=\"start\" name=\"notifications\"></wc-icon>\n *\n *   <span slot=\"headline\">Notifications</span>\n *   <span slot=\"supporting-text\">Manage alerts and reminders</span>\n *\n *   <span slot=\"trailing-supporting-text\">3</span>\n *   <wc-icon slot=\"end\" name=\"chevron_right\"></wc-icon>\n * </wc-item>\n * ```\n * @tags display\n */\n@IndividualComponent\nexport class Item extends mixinDelegatesAria(\n  mixinElementInternals(LitElement),\n) {\n  static styles = [styles];\n\n  /**\n   * Only needed for SSR.\n   *\n   * Add this attribute when an item has two lines to avoid a Flash Of Unstyled\n   * Content. This attribute is not needed for single line items or items with\n   * three or more lines.\n   */\n  @property({ type: Boolean, reflect: true }) multiline = false;\n\n  @queryAll('.text slot') private readonly textSlots!: HTMLSlotElement[];\n\n  private __hasNamedSlot(...names: string[]) {\n    return names.some(name =>\n      Array.from(this.children).some(\n        child => child.getAttribute('slot') === name,\n      ),\n    );\n  }\n\n  override render() {\n    const hasStart = this.__hasNamedSlot('start');\n    const hasEnd = this.__hasNamedSlot('end');\n    const hasTrailingSupportingText = this.__hasNamedSlot(\n      'trailing-supporting-text',\n    );\n\n    return html`\n      <slot name=\"container\"></slot>\n\n      <div class=\"item\">\n        <slot class=\"non-text\" name=\"start\" ?hidden=${!hasStart}></slot>\n        <div class=\"text\">\n          <slot name=\"overline\" @slotchange=${this.handleTextSlotChange}></slot>\n          <slot\n            class=\"default-slot\"\n            @slotchange=${this.handleTextSlotChange}\n          ></slot>\n          <slot name=\"headline\" @slotchange=${this.handleTextSlotChange}></slot>\n          <slot\n            name=\"supporting-text\"\n            @slotchange=${this.handleTextSlotChange}\n          ></slot>\n        </div>\n        <slot\n          class=\"non-text\"\n          name=\"trailing-supporting-text\"\n          ?hidden=${!hasTrailingSupportingText}\n        ></slot>\n        <slot class=\"non-text\" name=\"end\" ?hidden=${!hasEnd}></slot>\n      </div>\n    `;\n  }\n\n  private handleTextSlotChange() {\n    // Check if there's more than one text slot with content. If so, the item is\n    // multiline, which has a different min-height than single line items.\n    let isMultiline = false;\n    let slotsWithContent = 0;\n    for (const slot of this.textSlots) {\n      if (hasMeaningfulContent(slot)) {\n        slotsWithContent += 1;\n      }\n\n      if (slotsWithContent > 1) {\n        isMultiline = true;\n        break;\n      }\n    }\n\n    this.multiline = isMultiline;\n  }\n}\n"],"names":["t","LitElement","html","styles","property","queryAll"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAM,CAAC,CAAC,CAAC,CAAC,GAAGA,GAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,OAAM,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACGrI;;;;;;;;;;;;;;;;;;;;AAoBG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,kBAAkB,CAC1C,qBAAqB,CAACC,GAAU,CAAC,CAClC,CAAA;AAFM,IAAA,WAAA,GAAA;;AAKL;;;;;;AAMG;QACyC,IAAA,CAAA,SAAS,GAAG,KAAK;IAgE/D;IA5DU,cAAc,CAAC,GAAG,KAAe,EAAA;AACvC,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IACpB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC5B,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAC7C,CACF;IACH;IAES,MAAM,GAAA;QACb,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QACzC,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CACnD,0BAA0B,CAC3B;AAED,QAAA,OAAOC,CAAI,CAAA;;;;AAIuC,oDAAA,EAAA,CAAC,QAAQ,CAAA;;AAEjB,4CAAA,EAAA,IAAI,CAAC,oBAAoB,CAAA;;;AAG7C,wBAAA,EAAA,IAAI,CAAC,oBAAoB;;AAEL,4CAAA,EAAA,IAAI,CAAC,oBAAoB,CAAA;;;AAG7C,wBAAA,EAAA,IAAI,CAAC,oBAAoB;;;;;;AAM/B,kBAAA,EAAA,CAAC,yBAAyB;;AAEM,kDAAA,EAAA,CAAC,MAAM,CAAA;;KAEtD;IACH;IAEQ,oBAAoB,GAAA;;;QAG1B,IAAI,WAAW,GAAG,KAAK;QACvB,IAAI,gBAAgB,GAAG,CAAC;AACxB,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;AACjC,YAAA,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBAC9B,gBAAgB,IAAI,CAAC;YACvB;AAEA,YAAA,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBACxB,WAAW,GAAG,IAAI;gBAClB;YACF;QACF;AAEA,QAAA,IAAI,CAAC,SAAS,GAAG,WAAW;IAC9B;;AAxEO,IAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AASoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAoB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAErB,UAAA,CAAA;IAAxCC,CAAQ,CAAC,YAAY;AAAiD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAd5D,IAAI,GAAA,UAAA,CAAA;IADhB;AACY,CAAA,EAAA,IAAI,CA4EhB;;;;","x_google_ignoreList":[0]}

package/dist/link.js

@@ -0,0 +1,75 @@
+import { i, b, _ as __decorate, I as IndividualComponent, a as i$1 } from './IndividualComponent-Bdwyrvd6.js';
+import { e } from './class-map-DG7CA1et.js';
+import { N as NativeHyperlinkMixin } from './NativeHyperlinkMixin-D9J4aBTy.js';
+import './directive-ZPhl09Yt.js';
+import './property-B49QQ8pS.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: inline;
+  color: var(--color-primary);
+}
+
+.link {
+  border-radius: inherit;
+  corner-shape: inherit;
+  color: inherit;
+  --icon-color: currentColor;
+  text-decoration: none;
+}
+.link:hover, .link:focus-visible {
+  text-decoration: underline;
+}
+
+:host(.inherit) .link {
+  color: inherit;
+  text-decoration: none !important;
+}`;
+
+/**
+ * @label Link
+ * @tag wc-link
+ * @rawTag link
+ * @summary The link component is used to navigate to a new page or section within the current page.
+ * @cssprop --link-color - Controls the color of the link.
+ * @tags navigation
+ *
+ * @example
+ * ```html
+ * <wc-link href="#">Link</wc-link>
+ * ```
+ */
+let Link = class Link extends NativeHyperlinkMixin(i$1) {
+    render() {
+        return b `<a
+      class=${e({
+            link: true,
+        })}
+      href=${this.href}
+      ?download=${this.download}
+      target=${this.target}
+      ?rel=${this.rel}
+      ?tabindex=${this.parentElement?.tabIndex}
+    >
+      <slot></slot>
+    </a>`;
+    }
+};
+Link.styles = [css_248z];
+Link = __decorate([
+    IndividualComponent
+], Link);
+
+export { Link };
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../src/link/link.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NativeHyperlinkMixin from '@/__internal/mixins/NativeHyperlinkMixin.js';\nimport styles from './link.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Link\n * @tag wc-link\n * @rawTag link\n * @summary The link component is used to navigate to a new page or section within the current page.\n * @cssprop --link-color - Controls the color of the link.\n * @tags navigation\n *\n * @example\n * ```html\n * <wc-link href=\"#\">Link</wc-link>\n * ```\n */\n@IndividualComponent\nexport class Link extends NativeHyperlinkMixin(LitElement) {\n  static styles = [styles];\n\n  render() {\n    return html`<a\n      class=${classMap({\n        link: true,\n      })}\n      href=${this.href}\n      ?download=${this.download}\n      target=${this.target}\n      ?rel=${this.rel}\n      ?tabindex=${this.parentElement?.tabIndex}\n    >\n      <slot></slot>\n    </a>`;\n  }\n}\n"],"names":["LitElement","html","classMap","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,oBAAoB,CAACA,GAAU,CAAC,CAAA;IAGxD,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA,CAAA;AACD,YAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,IAAI,EAAE,IAAI;SACX,CAAC;AACK,WAAA,EAAA,IAAI,CAAC,IAAI;AACJ,gBAAA,EAAA,IAAI,CAAC,QAAQ;AAChB,aAAA,EAAA,IAAI,CAAC,MAAM;AACb,WAAA,EAAA,IAAI,CAAC,GAAG;kBACH,IAAI,CAAC,aAAa,EAAE,QAAQ;;;SAGrC;IACP;;AAfO,IAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AADb,IAAI,GAAA,UAAA,CAAA;IADhB;AACY,CAAA,EAAA,IAAI,CAiBhB;;;;"}