@nldd/design-system 0.8.37

package/dist/components/actions/toolbar/toolbar.styles.js

@@ -0,0 +1,284 @@
+import { css } from 'lit';
+export const toolbarStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+		box-sizing: border-box;
+		--_item-width: auto;
+		--_item-min-width: 0px;
+		--_title-group-min-width: 200px;
+		/* These are computed by JS (toolbar.ts measures and sets them).
+		   Initial 0px keeps the CSS valid before measurement. */
+		--_width: 0px;
+		--_start-width: 0px;
+		--_center-width: 0px;
+		--_end-width: 0px;
+		--_overflow-button-width: 0px;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.toolbar {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		width: 100%;
+	}
+
+	:host([size="sm"]) .toolbar {
+		gap: var(--components-toolbar-sm-gap);
+	}
+
+	:host([size="md"]) .toolbar,
+	:host(:not([size])) .toolbar {
+		gap: var(--components-toolbar-md-gap);
+	}
+
+
+	/* # Items */
+
+	.toolbar__items {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		flex: 1;
+		min-width: 0;
+	}
+
+	:host([size="sm"]) .toolbar__items {
+		gap: var(--components-toolbar-sm-gap);
+	}
+
+	:host([size="md"]) .toolbar__items,
+	:host(:not([size])) .toolbar__items {
+		gap: var(--components-toolbar-md-gap);
+	}
+
+
+	/* # Spacers */
+
+	.toolbar__flexible-spacer {
+		flex-grow: 1;
+		flex-shrink: 1;
+		margin-left: calc(-1 * var(--components-toolbar-md-gap));
+	}
+
+	:host([size="sm"]) .toolbar__flexible-spacer {
+		margin-left: calc(-1 * var(--components-toolbar-sm-gap));
+	}
+
+	.toolbar__center-fill {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		flex-grow: 1;
+		flex-shrink: 1;
+		min-width: 0;
+		justify-content: center;
+	}
+
+	.toolbar__left-spacer {
+		flex-shrink: 1;
+		flex-grow: 0;
+		min-width: 0;
+		margin-right: calc(-1 * var(--components-toolbar-md-gap));
+		flex-basis: calc(
+			var(--_width) / 2
+			- var(--_start-width)
+			- var(--_center-width) / 2
+			- var(--components-toolbar-md-gap)
+		);
+	}
+
+	:host([size="sm"]) .toolbar__left-spacer {
+		margin-right: calc(-1 * var(--components-toolbar-sm-gap));
+		flex-basis: calc(
+			var(--_width) / 2
+			- var(--_start-width)
+			- var(--_center-width) / 2
+			- var(--components-toolbar-sm-gap)
+		);
+	}
+
+	.toolbar__right-spacer {
+		flex-shrink: 1;
+		flex-grow: 0;
+		min-width: 0;
+		margin-left: calc(-1 * var(--components-toolbar-md-gap));
+		flex-basis: calc(
+			var(--_width) / 2
+			- var(--_end-width)
+			- var(--_center-width) / 2
+			- var(--components-toolbar-md-gap)
+			- var(--_overflow-button-width, 0px)
+		);
+	}
+
+	:host([size="sm"]) .toolbar__right-spacer {
+		margin-left: calc(-1 * var(--components-toolbar-sm-gap));
+		flex-basis: calc(
+			var(--_width) / 2
+			- var(--_end-width)
+			- var(--_center-width) / 2
+			- var(--components-toolbar-sm-gap)
+			- var(--_overflow-button-width, 0px)
+		);
+	}
+
+
+	/* # Item */
+
+	.toolbar__item {
+		display: inline-flex;
+		flex-direction: column;
+		align-items: center;
+		flex-shrink: 0;
+		flex-grow: 0;
+	}
+
+	.toolbar__item.is-fluid {
+		flex-basis: var(--_item-width);
+		min-width: var(--_item-min-width);
+		flex-shrink: 1;
+	}
+
+	.toolbar__item.is-solo-fluid {
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
+	}
+
+	.toolbar__item.is-hidden {
+		display: none;
+	}
+
+	.toolbar__item-content {
+		display: inline-flex;
+		align-items: center;
+		width: 100%;
+		justify-content: center;
+	}
+
+	.toolbar__item.is-fluid .toolbar__item-content ::slotted(*),
+	.toolbar__item.is-solo-fluid .toolbar__item-content ::slotted(*) {
+		width: 100%;
+	}
+
+	.toolbar__item-label {
+		display: none;
+		margin-top: var(--primitives-space-2);
+		font: var(--primitives-font-body-xs-regular-flat);
+		color: var(--semantics-content-color);
+		white-space: nowrap;
+	}
+
+	:host([show-item-labels]) .toolbar__item-label {
+		display: block;
+	}
+
+
+	/* # Overflow button */
+
+	.toolbar__overflow-button {
+		display: inline-flex;
+		flex-direction: column;
+		align-items: center;
+		flex-shrink: 0;
+		flex-grow: 0;
+	}
+
+	.toolbar__overflow-button.is-hidden {
+		display: none;
+	}
+
+	.toolbar__overflow-button .toolbar__item-label {
+		display: none;
+	}
+
+	:host([show-item-labels]) .toolbar__overflow-button .toolbar__item-label {
+		display: block;
+	}
+
+
+	/* # Title group */
+
+	.toolbar__title-group {
+		display: inline-flex;
+		flex-direction: column;
+		justify-content: center;
+		min-width: var(--_title-group-min-width);
+		overflow: hidden;
+		flex-shrink: 1;
+	}
+
+	.toolbar__title-group.is-solo-fluid {
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
+		min-width: 0;
+	}
+
+	:host([size="sm"]) .toolbar__title-group {
+		height: var(--semantics-controls-sm-min-size);
+	}
+
+	:host([size="md"]) .toolbar__title-group,
+	:host(:not([size])) .toolbar__title-group {
+		height: var(--semantics-controls-md-min-size);
+	}
+
+	.toolbar__title-group--center-text-align {
+		align-items: center;
+		text-align: center;
+	}
+
+	.toolbar__title-group--left-text-align {
+		align-items: flex-start;
+		text-align: left;
+	}
+
+	.toolbar__title {
+		margin: 0;
+		color: var(--semantics-content-color);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
+	}
+
+	:host([size="md"]) .toolbar__title,
+	:host(:not([size])) .toolbar__title {
+		font: var(--primitives-font-body-lg-bold-flat);
+	}
+
+	:host([size="sm"]) .toolbar__title {
+		font: var(--primitives-font-body-sm-bold-flat);
+	}
+
+	.toolbar__subtitle {
+		margin: 0;
+		color: var(--semantics-content-secondary-color);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
+	}
+
+	:host([size="md"]) .toolbar__subtitle,
+	:host(:not([size])) .toolbar__subtitle {
+		font: var(--primitives-font-body-xs-regular-flat);
+	}
+
+	:host([size="sm"]) .toolbar__subtitle {
+		font: var(--primitives-font-body-xxs-regular-flat);
+	}
+`;
+//# sourceMappingURL=toolbar.styles.js.map

package/dist/components/actions/toolbar/toolbar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyR/B,CAAC"}

package/dist/components/actions/toolbar/toolbar.template.d.ts

@@ -0,0 +1,26 @@
+import type { NLDDToolbarTranslations } from './toolbar.i18n.js';
+import '../icon-button/icon-button.js';
+export type ToolbarChild = {
+    type: 'title-group';
+    title: string;
+    subtitle: string;
+    align: string;
+    minWidth: string;
+    id: number;
+} | {
+    type: 'item';
+    element: Element;
+    label: string;
+    id: number;
+    priority: number;
+    overflowItems: Element[];
+    minWidth: string;
+    width: string;
+    isFluid: boolean;
+} | {
+    type: 'other';
+    element: Element;
+    id: number;
+};
+export declare function template(startChildren: ToolbarChild[], centerChildren: ToolbarChild[], endChildren: ToolbarChild[], overflowIds: Set<number>, size: string, hasCenterChildren: boolean, leftSpacerZero: boolean, rightSpacerZero: boolean, isSoloFluidItem: boolean, hasOverflow: boolean, menuOpen: boolean, label: string, menuId: string, onOverflowClick: () => void, centerOnly: boolean, t: (key: keyof NLDDToolbarTranslations) => string): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=toolbar.template.d.ts.map

package/dist/components/actions/toolbar/toolbar.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,YAAY,GACrB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACrG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,OAAO,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC5J;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAyEnD,wBAAgB,QAAQ,CACvB,aAAa,EAAE,YAAY,EAAE,EAC7B,cAAc,EAAE,YAAY,EAAE,EAC9B,WAAW,EAAE,YAAY,EAAE,EAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,iBAAiB,EAAE,OAAO,EAC1B,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,MAAM,IAAI,EAC3B,UAAU,EAAE,OAAO,EACnB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,uBAAuB,KAAK,MAAM,wCAuCjD"}

package/dist/components/actions/toolbar/toolbar.template.js

@@ -0,0 +1,105 @@
+import { html, nothing } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import '../icon-button/icon-button.js';
+// # Helpers
+function resolveWidth(width) {
+    if (!width)
+        return '';
+    if (width.endsWith('%')) {
+        const ratio = parseFloat(width) / 100;
+        return `calc(var(--_width) * ${ratio})`;
+    }
+    return width;
+}
+function renderChildren(children, allChildren, overflowIds, suppressSoloFluid = false) {
+    return children.map((child) => {
+        if (child.type === 'title-group') {
+            const alignClass = child.align === 'center'
+                ? 'toolbar__title-group--center-text-align'
+                : 'toolbar__title-group--left-text-align';
+            const visibleItems = allChildren.filter(c => !overflowIds.has(c.id) && (c.type === 'item' || c.type === 'title-group'));
+            const solo = visibleItems.length === 1 && visibleItems[0].id === child.id;
+            return html `
+				<div
+					class="toolbar__title-group ${alignClass} ${solo ? 'is-solo-fluid' : ''}"
+					data-child-id=${child.id}
+					style=${styleMap({ '--_title-group-min-width': child.minWidth })}
+				>
+					${child.title ? html `<p class="toolbar__title">${child.title}</p>` : nothing}
+					${child.subtitle ? html `<p class="toolbar__subtitle">${child.subtitle}</p>` : nothing}
+				</div>
+			`;
+        }
+        if (child.type === 'item') {
+            const isOverflowed = overflowIds.has(child.id);
+            const visibleItems = allChildren.filter(c => !overflowIds.has(c.id) && (c.type === 'item' || c.type === 'title-group'));
+            const soloFluid = !suppressSoloFluid && !isOverflowed && child.isFluid && visibleItems.length === 1 && visibleItems[0].id === child.id;
+            const cssVars = {};
+            if (!soloFluid && child.isFluid) {
+                if (child.minWidth)
+                    cssVars['--_item-min-width'] = child.minWidth;
+                if (child.width)
+                    cssVars['--_item-width'] = resolveWidth(child.width);
+            }
+            const classes = [
+                'toolbar__item',
+                soloFluid ? 'is-solo-fluid' : child.isFluid ? 'is-fluid' : '',
+                isOverflowed ? 'is-hidden' : '',
+            ].filter(Boolean).join(' ');
+            return html `
+				<div
+					class=${classes}
+					data-child-id=${child.id}
+					aria-hidden=${isOverflowed ? 'true' : nothing}
+					style=${styleMap(cssVars)}
+				>
+					<div class="toolbar__item-content">
+						<slot name="child-${child.id}"></slot>
+					</div>
+					${child.label ? html `<span class="toolbar__item-label">${child.label}</span>` : nothing}
+				</div>
+			`;
+        }
+        return html `<slot name="child-${child.id}"></slot>`;
+    });
+}
+// # Template
+export function template(startChildren, centerChildren, endChildren, overflowIds, size, hasCenterChildren, leftSpacerZero, rightSpacerZero, isSoloFluidItem, hasOverflow, menuOpen, label, menuId, onOverflowClick, centerOnly, t) {
+    const allChildren = [...startChildren, ...centerChildren, ...endChildren];
+    return html `
+		<div class="toolbar"
+			role="toolbar"
+			aria-label=${label || nothing}
+		>
+			<div class="toolbar__items">
+				${renderChildren(startChildren, allChildren, overflowIds)}
+				${hasCenterChildren ? html `
+					${centerOnly ? html `
+						<div class="toolbar__center-fill">
+							${renderChildren(centerChildren, allChildren, overflowIds, true)}
+						</div>
+					` : html `
+						${leftSpacerZero ? nothing : html `<div class="toolbar__left-spacer"></div>`}
+						${renderChildren(centerChildren, allChildren, overflowIds)}
+						${rightSpacerZero ? nothing : html `<div class="toolbar__right-spacer"></div>`}
+					`}
+				` : isSoloFluidItem ? nothing : html `
+					<div class="toolbar__flexible-spacer"></div>
+				`}
+				${renderChildren(endChildren, allChildren, overflowIds)}
+			</div>
+			<div class="toolbar__overflow-button ${hasOverflow ? '' : 'is-hidden'}">
+				<nldd-icon-button size=${size}
+					icon="ellipsis"
+					text=${t('components.toolbar.overflow-action')}
+					aria-haspopup="menu"
+					aria-expanded=${menuOpen ? 'true' : 'false'}
+					aria-controls=${menuId}
+					@click=${onOverflowClick}
+				></nldd-icon-button>
+				<span class="toolbar__item-label">${t('components.toolbar.overflow-action')}</span>
+			</div>
+		</div>
+	`;
+}
+//# sourceMappingURL=toolbar.template.js.map

package/dist/components/actions/toolbar/toolbar.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.template.ts"],"names":[],"mappings":"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"}