cssHelpers.ts ×12

Frontier kind: Code frontier

unlabeled · c_1fe0dd3b6754

20 tests · 3763 LOC · 19 files · introduces 0 tests · 75 LOC · 1 file

Introduces — evidence that enters the hierarchy at this concept

Code
12 ranges75 lines · 1 files
Tests
0 tests

Contains — complete concept membership

All code (extent)
501 ranges3763 lines · 19 files · Browse complete extent
All tests (intent)
20 testsBrowse complete intent

Neighbourhood graph

The orange circle is the focus. Violet and green circles are every ancestor and descendant, broader and narrower, at any distance; blue squares and pink diamonds are the introduced files and exact introduced tests of every visible concept, not only the focus's. Arrows point from broader to narrower concepts and bridge only concepts omitted from this view. Undirected links show source or test introduction. Concept and file size follows LOC; exact test nodes use test-count units.

Introduced files, introduced tests, and structurally relevant concept specialization

In the embedded map, ordinary wheel input scrolls the page; use the visible controls to zoom and drag to pan. Open the full-screen map for canvas navigation: wheel pans, Ctrl/Command plus wheel zooms, and arrow keys pan when this region is focused. On touch screens, open the full-screen map to pan or pinch. If JavaScript or WebGL is unavailable, use the native relationship evidence on this page.

Introduced files, introduced tests, and structurally relevant concept specializationcssHelpers.test|title=collapseToShorthands realistic element with multiple shorthand groups|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands transition: single property with cubic-bezier|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands transition: multi-property comma-separated|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 7 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×2 · 2 introduced LOCcssHelpers.ts ×2cssHelpers.test|title=collapseToShorthands animation: name and duration only|occurrence=1, cssHelpers.test|title=collapseToShorthands animation: with fill-mode and custom easing|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 3 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×6 · 36 introduced LOCcssHelpers.ts ×6cssHelpers.test|title=collapseToShorthands border: uniform sides → single shorthand|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.test|title=collapseToShorthands border-radius: uniform|occurrence=1, cssHelpers.test|title=collapseToShorthands margin: all sides equal → 1-value|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 6 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 1 introduced LOCcssHelpers.ts ×1horizontal → 2-value|occurrence=1 · 0 introduced LOChorizontal → 2-value|occ…cssHelpers.test|title=collapseToShorthands animation-range at defaults → dropped|occurrence=1, cssHelpers.test|title=collapseToShorthands border-image at defaults → dropped entirely|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×3 · 4 introduced LOCcssHelpers.ts ×3cssHelpers.test|title=collapseToShorthands background: color-only when others at default|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands unknown properties pass through alphabetically|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands white-space: nowrap|occurrence=1, cssHelpers.test|title=collapseToShorthands white-space: pre-wrap|occurrence=1 · 0 introduced LOCcssHelpers.test|title=co…cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 4 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×2 · 11 introduced LOCcssHelpers.ts ×2cssHelpers.ts ×1 · 5 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 6 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 6 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×1 · 2 introduced LOCcssHelpers.ts ×1cssHelpers.ts ×8 · 308 introduced LOCcssHelpers.ts ×8uri.test|title=URI URI#file, win-speciale|occurrence=1, charCode.test|title=CharCode has good values|occurrence=1, +2 · 0 introduced LOCuri.test|title=URI URI#f…utils.ts ×3 · 9 introduced LOCutils.ts ×3lifecycle.ts ×2 · 4 introduced LOClifecycle.ts ×2lifecycle.ts ×1 · 2 introduced LOClifecycle.ts ×1lifecycle.ts ×4 · 8 introduced LOClifecycle.ts ×4lifecycle.ts ×6 · 16 introduced LOClifecycle.ts ×6lifecycle.ts ×1 · 2 introduced LOClifecycle.ts ×1lifecycle.ts ×1 · 2 introduced LOClifecycle.ts ×1lifecycle.ts ×1 · 3 introduced LOClifecycle.ts ×1map.ts ×97 · 3334 introduced LOCmap.ts ×97src/vs/base/common/arrays.ts · 949 LOCcommon/arrays.tssrc/vs/base/common/arraysFind.ts · 226 LOCcommon/arraysFind.tssrc/vs/base/common/assert.ts · 91 LOCcommon/assert.tssrc/vs/base/common/charCode.ts · 450 LOCcommon/charCode.tssrc/vs/base/common/collections.ts · 176 LOCcommon/collections.tssrc/vs/base/common/errors.ts · 357 LOCcommon/errors.tssrc/vs/base/common/functional.ts · 32 LOCcommon/functional.tssrc/vs/base/common/iterator.ts · 194 LOCcommon/iterator.tssrc/vs/base/common/lifecycle.ts · 974 LOCcommon/lifecycle.tssrc/vs/base/common/map.ts · 1016 LOCcommon/map.tssrc/vs/base/common/marshallingIds.ts · 33 LOCcommon/marshallingIds.tssrc/vs/base/common/path.ts · 1589 LOCcommon/path.tssrc/vs/base/common/platform.ts · 281 LOCcommon/platform.tssrc/vs/base/common/process.ts · 76 LOCcommon/process.tssrc/vs/base/common/types.ts · 410 LOCcommon/types.tssrc/vs/base/common/uri.ts · 754 LOCcommon/uri.tssrc/vs/base/test/common/utils.ts · 107 LOCcommon/utils.tssrc/vs/nls.ts · 244 LOCvs/nls.tssrc/vs/platform/browserView/common/cssHelpers.ts · 616 LOCcommon/cssHelpers.tscharCode.test|title=CharCode has good values|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/charCode.test|title=CharCode has good values|occurrence=1charCode.test|title=Char…path.test|title=Paths (Node Implementation) path|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/path.test|title=Paths (Node Implementation) path|occurrence=1path.test|title=Paths (N…uri.test|title=URI File paths containing apostrophes break URI parsing and cannot be opened #276075|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/uri.test|title=URI File paths containing apostrophes break URI parsing and cannot be opened #276075|occurrence=1uri.test|title=URI File …uri.test|title=URI URI#file, win-speciale|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/uri.test|title=URI URI#file, win-speciale|occurrence=1uri.test|title=URI URI#f…cssHelpers.test|title=collapseToShorthands animation-range at defaults → dropped|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands animation-range at defaults → dropped|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands animation: name and duration only|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands animation: name and duration only|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands animation: with fill-mode and custom easing|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands animation: with fill-mode and custom easing|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands background: color-only when others at default|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands background: color-only when others at default|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands border-image at defaults → dropped entirely|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands border-image at defaults → dropped entirely|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands border-radius: uniform|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands border-radius: uniform|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands border: non-uniform → per-group shorthands|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands border: non-uniform → per-group shorthands|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands border: uniform sides → single shorthand|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands border: uniform sides → single shorthand|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands margin: 3-value when left === right|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands margin: 3-value when left === right|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands margin: 4-value when all differ|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands margin: 4-value when all differ|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands margin: all sides equal → 1-value|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands margin: all sides equal → 1-value|occurrence=1cssHelpers.test|title=co…horizontal → 2-value|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands padding: vertical/horizontal → 2-value|occurrence=1horizontal → 2-value|occ…cssHelpers.test|title=collapseToShorthands realistic element with multiple shorthand groups|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands realistic element with multiple shorthand groups|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands text-decoration: none|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands text-decoration: none|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands text-decoration: underline with non-default style|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands text-decoration: underline with non-default style|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands transition: multi-property comma-separated|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands transition: multi-property comma-separated|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands transition: single property with cubic-bezier|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands transition: single property with cubic-bezier|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands unknown properties pass through alphabetically|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands unknown properties pass through alphabetically|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands white-space: nowrap|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands white-space: nowrap|occurrence=1cssHelpers.test|title=co…cssHelpers.test|title=collapseToShorthands white-space: pre-wrap|occurrence=1 · introduced test · mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=collapseToShorthands white-space: pre-wrap|occurrence=1cssHelpers.test|title=co…Focused concept · cssHelpers.ts ×12 · 75 introduced LOCcssHelpers.ts ×12

Graph controls are ready.

Interactive rendering requires JavaScript and WebGL. Use the native relationship evidence on this page while the interactive map is unavailable.

Native relationship evidence

Every exact file and test below is linked only from the concept that introduces it.

Introduced tests

Every collected test enters the hierarchy at exactly one concept.

No tests are introduced at this concept. Its intent tests are introduced by other concepts.

Introduced code

Every collected source range enters the hierarchy at exactly one concept.

1 file ranked by introduced lines: 75 introduced LOC across 12 ranges. Expand a file to inspect source; the > gutter marks introduced lines.

src/vs/platform/browserView/common/cssHelpers.ts 75 introduced LOC · 12 ranges

Open complete file

413 * Returns the collapsed value or undefined if not all sides are present.
414 */
415 > function collapseBoxValues(entries: Map<string, string>, sides: [string, string, string, string]): string | undefined { cssHelpers.ts
416 > const [topKey, rightKey, bottomKey, leftKey] = sides;
417 > const top = entries.get(topKey);
418 > const right = entries.get(rightKey);
419 > const bottom = entries.get(bottomKey);
420 > const left = entries.get(leftKey);
421 >
422 > if (top === undefined || right === undefined || bottom === undefined || left === undefined) {
423 > return undefined;
424 > }
425
426 entries.delete(topKey);
429 entries.delete(leftKey);
430
431 > if (top === right && right === bottom && bottom === left) { cssHelpers.ts
432 return top;
433 }
434 > if (top === bottom && right === left) { cssHelpers.ts
435 return `${top} ${right}`;
436 }
467 * Collapses comma-separated list longhands into a single shorthand declaration.
468 */
469 > function collapseListShorthand( cssHelpers.ts
470 > entries: Map<string, string>,
471 > output: string[],
472 > shorthand: string,
473 > longhands: Array<{ name: string; initial: string }>,
474 > ): void {
475 > const values = longhands.map(({ name }) => entries.get(name));
476 > if (!values.every(v => v !== undefined)) {
477 > return;
478 > }
479
480 const lists = values.map(v => splitCSSList(v as string));
511 */
512 export function collapseToShorthands(entries: Map<string, string>): string[] {
513 > const shorthandLines: string[] = []; cssHelpers.ts
514 >
515 > // 1. Box shorthands (margin, padding, border-radius)
516 > for (const { shorthand, sides } of boxShorthands) {
517 > const collapsed = collapseBoxValues(entries, sides);
518 > if (collapsed !== undefined) {
519 shorthandLines.push(`${shorthand}: ${collapsed};`);
520 }
521 > } cssHelpers.ts
522 >
523 > // 2. Border: try full `border: W S C` when all four sides are uniform,
524 > // otherwise collapse each group (border-width, border-style, border-color).
525 > const borderVals = borderSideGroups.map(g => g.sides.map(s => entries.get(s)));
526 > const hasAllBorderProps = borderVals.every(group => group.every(v => v !== undefined));
527 > if (hasAllBorderProps) {
528 const allUniform = borderVals.every(group => group.every(v => v === group[0]));
529 if (allUniform) {
543 }
544 }
546 > // 3. Drop-when-all-default groups (border-image, etc.)
547 > for (const { longhands } of dropWhenAllDefault) {
548 > const allDefault = Object.entries(longhands).every(([k, v]) => entries.get(k) === v);
549 > if (allDefault && Object.keys(longhands).some(k => entries.has(k))) {
550 for (const key of Object.keys(longhands)) {
551 entries.delete(key);
552 }
553 }
554 > } cssHelpers.ts
555 >
556 > // 4. Background collapse (→ `background: <color>` when other props at default)
557 > {
558 > const { colorLonghand, otherLonghands } = backgroundCollapse;
559 > const bgColor = entries.get(colorLonghand);
560 > const allOthersDefault = Object.entries(otherLonghands).every(([k, v]) => entries.get(k) === v);
561 > if (allOthersDefault && bgColor !== undefined) {
562 entries.delete(colorLonghand);
563 for (const key of Object.keys(otherLonghands)) {
566 shorthandLines.push(`background: ${bgColor};`);
567 }
568 > } cssHelpers.ts
569 >
570 > // 5. Simple shorthands (text-decoration, etc.) — combine longhands, omit defaults
571 > for (const { shorthand, longhands } of simpleShorthands) {
572 > const first = entries.get(longhands[0].name);
573 > if (first === undefined) {
574 continue;
575 }
587 }
588 }
589 > shorthandLines.push(`${shorthand}: ${parts.length > 0 ? parts.join(' ') : longhands[0].initial};`); cssHelpers.ts
590 > }
591 >
592 > // 6. white-space (CSS Text 4) — map longhand pair to named keyword
593 > {
594 > const wsCollapse = entries.get('white-space-collapse');
595 > const textWrap = entries.get('text-wrap-mode');
596 > if (wsCollapse !== undefined && textWrap !== undefined) {
597 entries.delete('white-space-collapse');
598 entries.delete('text-wrap-mode');
600 shorthandLines.push(`white-space: ${match ? match.keyword : `${wsCollapse} ${textWrap}`};`);
601 }
602 > } cssHelpers.ts
603 >
604 > // 7. Comma-separated list shorthands (transition, animation)
605 > for (const { shorthand, longhands } of listShorthands) {
606 > collapseListShorthand(entries, shorthandLines, shorthand, longhands);
607 > }
608 >
609 > // 8. Remaining properties as individual lines, sorted
610 > const remainingLines: string[] = [];
611 > for (const [name, value] of Array.from(entries.entries()).sort(([a], [b]) => a.localeCompare(b))) {
612 remainingLines.push(`${name}: ${value};`);
613 }
615 > return [...shorthandLines, ...remainingLines];
616 > }