@pure-ds/core 0.6.9 → 0.6.10
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.
- package/custom-elements.json +71 -28
- package/dist/types/pds.d.ts +30 -0
- package/dist/types/public/assets/js/pds-manager.d.ts +2 -1
- package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds.d.ts.map +1 -1
- package/dist/types/public/assets/pds/components/pds-form.d.ts.map +1 -1
- package/dist/types/public/assets/pds/components/pds-live-edit.d.ts +1 -195
- package/dist/types/public/assets/pds/components/pds-live-edit.d.ts.map +1 -1
- package/dist/types/public/assets/pds/components/pds-omnibox.d.ts +0 -2
- package/dist/types/public/assets/pds/components/pds-omnibox.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-config.d.ts +1306 -13
- package/dist/types/src/js/pds-core/pds-config.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-enhancers-meta.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-enhancers.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-generator.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-live.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-ontology.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-start-helpers.d.ts +1 -4
- package/dist/types/src/js/pds-core/pds-start-helpers.d.ts.map +1 -1
- package/dist/types/src/js/pds.d.ts.map +1 -1
- package/package.json +2 -2
- package/packages/pds-cli/bin/pds-static.js +16 -1
- package/public/assets/js/app.js +21 -21
- package/public/assets/js/pds-manager.js +291 -161
- package/public/assets/js/pds.js +16 -16
- package/public/assets/pds/components/pds-form.js +124 -27
- package/public/assets/pds/components/pds-live-edit.js +820 -122
- package/public/assets/pds/components/pds-omnibox.js +10 -18
- package/public/assets/pds/custom-elements.json +71 -28
- package/public/assets/pds/pds-css-complete.json +1 -6
- package/public/assets/pds/pds.css-data.json +5 -35
- package/src/js/pds-core/pds-config.js +822 -31
- package/src/js/pds-core/pds-enhancers-meta.js +11 -0
- package/src/js/pds-core/pds-enhancers.js +113 -5
- package/src/js/pds-core/pds-generator.js +183 -23
- package/src/js/pds-core/pds-live.js +177 -2
- package/src/js/pds-core/pds-ontology.js +6 -0
- package/src/js/pds-core/pds-start-helpers.js +14 -6
- package/src/js/pds.d.ts +30 -0
- package/src/js/pds.js +36 -60
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* @attr {boolean} disabled - Disable the input
|
|
11
11
|
* @attr {boolean} required - Mark the input as required
|
|
12
12
|
* @attr {string} autocomplete - Native autocomplete attribute (default: off)
|
|
13
|
-
* @attr {string} item-grid - Grid template columns for suggestion items
|
|
14
13
|
*
|
|
15
14
|
* @property {Object} settings - AutoComplete settings object (required by consumer)
|
|
16
15
|
*/
|
|
@@ -30,7 +29,6 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
30
29
|
"required",
|
|
31
30
|
"autocomplete",
|
|
32
31
|
"icon",
|
|
33
|
-
"item-grid",
|
|
34
32
|
];
|
|
35
33
|
}
|
|
36
34
|
|
|
@@ -165,15 +163,6 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
165
163
|
else this.setAttribute("icon", value);
|
|
166
164
|
}
|
|
167
165
|
|
|
168
|
-
get itemGrid() {
|
|
169
|
-
return this.getAttribute("item-grid") || "";
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
set itemGrid(value) {
|
|
173
|
-
if (value == null || value === "") this.removeAttribute("item-grid");
|
|
174
|
-
else this.setAttribute("item-grid", value);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
166
|
formAssociatedCallback() {}
|
|
178
167
|
|
|
179
168
|
formDisabledCallback(disabled) {
|
|
@@ -251,7 +240,7 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
251
240
|
--ac-margin: var(--spacing-0);
|
|
252
241
|
--icon-size: var(--spacing-6);
|
|
253
242
|
--ac-itm-height-default: 5rem;
|
|
254
|
-
|
|
243
|
+
--ac-max-height-default: 300px;
|
|
255
244
|
--ac-viewport-gap: var(--spacing-4);
|
|
256
245
|
--ac-suggest-offset: var(--spacing-1);
|
|
257
246
|
}
|
|
@@ -535,9 +524,6 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
535
524
|
if (this.required) this.#input.setAttribute("required", "");
|
|
536
525
|
else this.#input.removeAttribute("required");
|
|
537
526
|
|
|
538
|
-
if (this.itemGrid) this.style.setProperty("--ac-grid", this.itemGrid);
|
|
539
|
-
else this.style.removeProperty("--ac-grid");
|
|
540
|
-
|
|
541
527
|
this.#updateFormValue(this.#input.value);
|
|
542
528
|
}
|
|
543
529
|
|
|
@@ -579,7 +565,8 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
579
565
|
container.style.removeProperty("--ac-color-default");
|
|
580
566
|
container.style.removeProperty("--ac-accent-color");
|
|
581
567
|
|
|
582
|
-
const gridOverride =
|
|
568
|
+
const gridOverride =
|
|
569
|
+
typeof settings.itemGrid === "string" ? settings.itemGrid.trim() : "";
|
|
583
570
|
if (gridOverride) {
|
|
584
571
|
container.style.setProperty("--ac-grid", gridOverride);
|
|
585
572
|
} else if (settings.hideCategory === true) {
|
|
@@ -732,7 +719,12 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
732
719
|
|
|
733
720
|
const available = direction === "up" ? availableUp : availableDown;
|
|
734
721
|
|
|
735
|
-
const
|
|
722
|
+
const configuredMaxHeight =
|
|
723
|
+
this.#readSpacingToken(container, "--ac-max-height-default") || 200;
|
|
724
|
+
const maxHeight = Math.max(
|
|
725
|
+
0,
|
|
726
|
+
Math.floor(Math.min(available, configuredMaxHeight)),
|
|
727
|
+
);
|
|
736
728
|
container.style.setProperty("--ac-max-height", `${maxHeight}px`);
|
|
737
729
|
}
|
|
738
730
|
|
|
@@ -743,7 +735,7 @@ export class PdsOmnibox extends HTMLElement {
|
|
|
743
735
|
const availableDown = viewportHeight - rect.bottom - gap;
|
|
744
736
|
const availableUp = rect.top - gap;
|
|
745
737
|
const maxDefault =
|
|
746
|
-
this.#readSpacingToken(container, "--ac-max-height-default") ||
|
|
738
|
+
this.#readSpacingToken(container, "--ac-max-height-default") || 200;
|
|
747
739
|
const minDown = Math.min(maxDefault, 180);
|
|
748
740
|
|
|
749
741
|
return availableDown >= minDown || availableDown >= availableUp
|
|
@@ -1325,15 +1325,6 @@
|
|
|
1325
1325
|
"kind": "method",
|
|
1326
1326
|
"name": "_removeDocumentListeners"
|
|
1327
1327
|
},
|
|
1328
|
-
{
|
|
1329
|
-
"kind": "method",
|
|
1330
|
-
"name": "_handleDocumentPointer",
|
|
1331
|
-
"parameters": [
|
|
1332
|
-
{
|
|
1333
|
-
"name": "event"
|
|
1334
|
-
}
|
|
1335
|
-
]
|
|
1336
|
-
},
|
|
1337
1328
|
{
|
|
1338
1329
|
"kind": "method",
|
|
1339
1330
|
"name": "_handleDocumentKeydown",
|
|
@@ -1384,6 +1375,38 @@
|
|
|
1384
1375
|
}
|
|
1385
1376
|
]
|
|
1386
1377
|
},
|
|
1378
|
+
{
|
|
1379
|
+
"kind": "method",
|
|
1380
|
+
"name": "_addMouseMoveListener"
|
|
1381
|
+
},
|
|
1382
|
+
{
|
|
1383
|
+
"kind": "method",
|
|
1384
|
+
"name": "_removeMouseMoveListener"
|
|
1385
|
+
},
|
|
1386
|
+
{
|
|
1387
|
+
"kind": "method",
|
|
1388
|
+
"name": "_addMouseOverListener"
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"kind": "method",
|
|
1392
|
+
"name": "_removeMouseOverListener"
|
|
1393
|
+
},
|
|
1394
|
+
{
|
|
1395
|
+
"kind": "method",
|
|
1396
|
+
"name": "_watchDropdownState"
|
|
1397
|
+
},
|
|
1398
|
+
{
|
|
1399
|
+
"kind": "method",
|
|
1400
|
+
"name": "_unwatchDropdownState"
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
"kind": "method",
|
|
1404
|
+
"name": "_watchDropdownState"
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"kind": "method",
|
|
1408
|
+
"name": "_unwatchDropdownState"
|
|
1409
|
+
},
|
|
1387
1410
|
{
|
|
1388
1411
|
"kind": "method",
|
|
1389
1412
|
"name": "_isPointerWithinSafeZone"
|
|
@@ -1413,6 +1436,9 @@
|
|
|
1413
1436
|
{
|
|
1414
1437
|
"name": "container"
|
|
1415
1438
|
},
|
|
1439
|
+
{
|
|
1440
|
+
"name": "footer"
|
|
1441
|
+
},
|
|
1416
1442
|
{
|
|
1417
1443
|
"name": "paths"
|
|
1418
1444
|
},
|
|
@@ -1421,6 +1447,12 @@
|
|
|
1421
1447
|
},
|
|
1422
1448
|
{
|
|
1423
1449
|
"name": "hints"
|
|
1450
|
+
},
|
|
1451
|
+
{
|
|
1452
|
+
"name": "target"
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"name": "quickPaths"
|
|
1424
1456
|
}
|
|
1425
1457
|
]
|
|
1426
1458
|
},
|
|
@@ -1438,22 +1470,29 @@
|
|
|
1438
1470
|
},
|
|
1439
1471
|
{
|
|
1440
1472
|
"kind": "method",
|
|
1441
|
-
"name": "
|
|
1473
|
+
"name": "_handleExport",
|
|
1442
1474
|
"parameters": [
|
|
1443
1475
|
{
|
|
1444
|
-
"name": "
|
|
1476
|
+
"name": "format"
|
|
1445
1477
|
}
|
|
1446
1478
|
]
|
|
1447
1479
|
},
|
|
1448
1480
|
{
|
|
1449
1481
|
"kind": "method",
|
|
1450
|
-
"name": "
|
|
1482
|
+
"name": "_handleFormSubmit",
|
|
1451
1483
|
"parameters": [
|
|
1452
1484
|
{
|
|
1453
|
-
"name": "
|
|
1485
|
+
"name": "event"
|
|
1486
|
+
},
|
|
1487
|
+
{
|
|
1488
|
+
"name": "form"
|
|
1454
1489
|
}
|
|
1455
1490
|
]
|
|
1456
1491
|
},
|
|
1492
|
+
{
|
|
1493
|
+
"kind": "method",
|
|
1494
|
+
"name": "_handleUndo"
|
|
1495
|
+
},
|
|
1457
1496
|
{
|
|
1458
1497
|
"kind": "field",
|
|
1459
1498
|
"name": "_boundMouseOver"
|
|
@@ -1512,7 +1551,7 @@
|
|
|
1512
1551
|
},
|
|
1513
1552
|
{
|
|
1514
1553
|
"kind": "field",
|
|
1515
|
-
"name": "
|
|
1554
|
+
"name": "_selectors",
|
|
1516
1555
|
"type": {
|
|
1517
1556
|
"text": "null"
|
|
1518
1557
|
},
|
|
@@ -1520,7 +1559,7 @@
|
|
|
1520
1559
|
},
|
|
1521
1560
|
{
|
|
1522
1561
|
"kind": "field",
|
|
1523
|
-
"name": "
|
|
1562
|
+
"name": "_lastPointer",
|
|
1524
1563
|
"type": {
|
|
1525
1564
|
"text": "null"
|
|
1526
1565
|
},
|
|
@@ -1528,35 +1567,39 @@
|
|
|
1528
1567
|
},
|
|
1529
1568
|
{
|
|
1530
1569
|
"kind": "field",
|
|
1531
|
-
"name": "
|
|
1532
|
-
"type": {
|
|
1533
|
-
"text": "null"
|
|
1534
|
-
},
|
|
1535
|
-
"default": "null"
|
|
1570
|
+
"name": "_boundDocKeydown"
|
|
1536
1571
|
},
|
|
1537
1572
|
{
|
|
1538
1573
|
"kind": "field",
|
|
1539
|
-
"name": "
|
|
1574
|
+
"name": "_connected",
|
|
1540
1575
|
"type": {
|
|
1541
|
-
"text": "
|
|
1576
|
+
"text": "boolean"
|
|
1542
1577
|
},
|
|
1543
|
-
"default": "
|
|
1578
|
+
"default": "false"
|
|
1544
1579
|
},
|
|
1545
1580
|
{
|
|
1546
1581
|
"kind": "field",
|
|
1547
|
-
"name": "
|
|
1582
|
+
"name": "_undoStack",
|
|
1583
|
+
"type": {
|
|
1584
|
+
"text": "array"
|
|
1585
|
+
},
|
|
1586
|
+
"default": "[]"
|
|
1548
1587
|
},
|
|
1549
1588
|
{
|
|
1550
1589
|
"kind": "field",
|
|
1551
|
-
"name": "
|
|
1590
|
+
"name": "_dropdownMenuOpen",
|
|
1591
|
+
"type": {
|
|
1592
|
+
"text": "boolean"
|
|
1593
|
+
},
|
|
1594
|
+
"default": "false"
|
|
1552
1595
|
},
|
|
1553
1596
|
{
|
|
1554
1597
|
"kind": "field",
|
|
1555
|
-
"name": "
|
|
1598
|
+
"name": "_dropdownObserver",
|
|
1556
1599
|
"type": {
|
|
1557
|
-
"text": "
|
|
1600
|
+
"text": "null"
|
|
1558
1601
|
},
|
|
1559
|
-
"default": "
|
|
1602
|
+
"default": "null"
|
|
1560
1603
|
}
|
|
1561
1604
|
],
|
|
1562
1605
|
"superclass": {
|
|
@@ -1276,35 +1276,30 @@
|
|
|
1276
1276
|
"name": "--layout-maxWidth",
|
|
1277
1277
|
"description": "Layout maxWidth",
|
|
1278
1278
|
"syntax": "<length>",
|
|
1279
|
-
"value": "1200px",
|
|
1280
1279
|
"category": "Layout Tokens"
|
|
1281
1280
|
},
|
|
1282
1281
|
{
|
|
1283
1282
|
"name": "--layout-maxWidthSm",
|
|
1284
1283
|
"description": "Layout maxWidthSm",
|
|
1285
1284
|
"syntax": "<length>",
|
|
1286
|
-
"value": "608px",
|
|
1287
1285
|
"category": "Layout Tokens"
|
|
1288
1286
|
},
|
|
1289
1287
|
{
|
|
1290
1288
|
"name": "--layout-maxWidthMd",
|
|
1291
1289
|
"description": "Layout maxWidthMd",
|
|
1292
1290
|
"syntax": "<length>",
|
|
1293
|
-
"value": "736px",
|
|
1294
1291
|
"category": "Layout Tokens"
|
|
1295
1292
|
},
|
|
1296
1293
|
{
|
|
1297
1294
|
"name": "--layout-maxWidthLg",
|
|
1298
1295
|
"description": "Layout maxWidthLg",
|
|
1299
1296
|
"syntax": "<length>",
|
|
1300
|
-
"value": "992px",
|
|
1301
1297
|
"category": "Layout Tokens"
|
|
1302
1298
|
},
|
|
1303
1299
|
{
|
|
1304
1300
|
"name": "--layout-maxWidthXl",
|
|
1305
1301
|
"description": "Layout maxWidthXl",
|
|
1306
1302
|
"syntax": "<length>",
|
|
1307
|
-
"value": "1200px",
|
|
1308
1303
|
"category": "Layout Tokens"
|
|
1309
1304
|
},
|
|
1310
1305
|
{
|
|
@@ -2292,7 +2287,7 @@
|
|
|
2292
2287
|
],
|
|
2293
2288
|
"metadata": {
|
|
2294
2289
|
"generator": "PDS CSS Data Generator",
|
|
2295
|
-
"generatedAt": "2026-02-
|
|
2290
|
+
"generatedAt": "2026-02-18T13:01:52.698Z",
|
|
2296
2291
|
"totalProperties": 169,
|
|
2297
2292
|
"totalClasses": 169,
|
|
2298
2293
|
"totalAttributes": 4
|
|
@@ -1621,57 +1621,27 @@
|
|
|
1621
1621
|
{
|
|
1622
1622
|
"name": "--layout-maxWidth",
|
|
1623
1623
|
"description": "Layout maxWidth",
|
|
1624
|
-
"syntax": "<length>"
|
|
1625
|
-
"references": [
|
|
1626
|
-
{
|
|
1627
|
-
"name": "Value",
|
|
1628
|
-
"url": "data:text/plain,1200px"
|
|
1629
|
-
}
|
|
1630
|
-
]
|
|
1624
|
+
"syntax": "<length>"
|
|
1631
1625
|
},
|
|
1632
1626
|
{
|
|
1633
1627
|
"name": "--layout-maxWidthSm",
|
|
1634
1628
|
"description": "Layout maxWidthSm",
|
|
1635
|
-
"syntax": "<length>"
|
|
1636
|
-
"references": [
|
|
1637
|
-
{
|
|
1638
|
-
"name": "Value",
|
|
1639
|
-
"url": "data:text/plain,608px"
|
|
1640
|
-
}
|
|
1641
|
-
]
|
|
1629
|
+
"syntax": "<length>"
|
|
1642
1630
|
},
|
|
1643
1631
|
{
|
|
1644
1632
|
"name": "--layout-maxWidthMd",
|
|
1645
1633
|
"description": "Layout maxWidthMd",
|
|
1646
|
-
"syntax": "<length>"
|
|
1647
|
-
"references": [
|
|
1648
|
-
{
|
|
1649
|
-
"name": "Value",
|
|
1650
|
-
"url": "data:text/plain,736px"
|
|
1651
|
-
}
|
|
1652
|
-
]
|
|
1634
|
+
"syntax": "<length>"
|
|
1653
1635
|
},
|
|
1654
1636
|
{
|
|
1655
1637
|
"name": "--layout-maxWidthLg",
|
|
1656
1638
|
"description": "Layout maxWidthLg",
|
|
1657
|
-
"syntax": "<length>"
|
|
1658
|
-
"references": [
|
|
1659
|
-
{
|
|
1660
|
-
"name": "Value",
|
|
1661
|
-
"url": "data:text/plain,992px"
|
|
1662
|
-
}
|
|
1663
|
-
]
|
|
1639
|
+
"syntax": "<length>"
|
|
1664
1640
|
},
|
|
1665
1641
|
{
|
|
1666
1642
|
"name": "--layout-maxWidthXl",
|
|
1667
1643
|
"description": "Layout maxWidthXl",
|
|
1668
|
-
"syntax": "<length>"
|
|
1669
|
-
"references": [
|
|
1670
|
-
{
|
|
1671
|
-
"name": "Value",
|
|
1672
|
-
"url": "data:text/plain,1200px"
|
|
1673
|
-
}
|
|
1674
|
-
]
|
|
1644
|
+
"syntax": "<length>"
|
|
1675
1645
|
},
|
|
1676
1646
|
{
|
|
1677
1647
|
"name": "--layout-minHeight",
|