pam-grid 1.0.4 → 1.0.6
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/dist/index.css +93 -51
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +43 -4
- package/dist/index.d.ts +43 -4
- package/dist/index.js +831 -347
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +836 -347
- package/dist/index.mjs.map +1 -1
- package/dist/styles/pam.core.css +0 -27
- package/dist/styles/pam.core.css.map +1 -1
- package/dist/styles/pam.grid.css +93 -24
- package/dist/styles/pam.grid.css.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -27363,33 +27363,6 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
|
|
|
27363
27363
|
--bs-footer-brand-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
|
|
27364
27364
|
--bs-footer-link-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
|
|
27365
27365
|
}
|
|
27366
|
-
.bg-gray-60 {
|
|
27367
|
-
background-color: var(--bs-gray-60);
|
|
27368
|
-
}
|
|
27369
|
-
.text-gray-60 {
|
|
27370
|
-
color: var(--bs-gray-60);
|
|
27371
|
-
}
|
|
27372
|
-
.bg-blue {
|
|
27373
|
-
background-color: var(--bs-blue);
|
|
27374
|
-
}
|
|
27375
|
-
.bg-indigo {
|
|
27376
|
-
background-color: var(--bs-indigo);
|
|
27377
|
-
}
|
|
27378
|
-
.text-indigo {
|
|
27379
|
-
color: var(--bs-indigo);
|
|
27380
|
-
}
|
|
27381
|
-
.bg-red {
|
|
27382
|
-
background-color: var(--bs-red);
|
|
27383
|
-
}
|
|
27384
|
-
.text-red {
|
|
27385
|
-
color: var(--bs-red);
|
|
27386
|
-
}
|
|
27387
|
-
.text-blue {
|
|
27388
|
-
color: var(--bs-blue);
|
|
27389
|
-
}
|
|
27390
|
-
.text-green {
|
|
27391
|
-
color: var(--bs-green);
|
|
27392
|
-
}
|
|
27393
27366
|
|
|
27394
27367
|
/* src/styles/pam.grid.css */
|
|
27395
27368
|
:root {
|
|
@@ -27421,6 +27394,9 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
|
|
|
27421
27394
|
background: #fff;
|
|
27422
27395
|
white-space: nowrap;
|
|
27423
27396
|
}
|
|
27397
|
+
.card-fullscreen .grid-wrapper {
|
|
27398
|
+
max-height: 100vh !important;
|
|
27399
|
+
}
|
|
27424
27400
|
.grid-wrapper::-webkit-scrollbar {
|
|
27425
27401
|
height: 3px;
|
|
27426
27402
|
width: 3px;
|
|
@@ -27484,31 +27460,8 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
|
|
|
27484
27460
|
background: #fff;
|
|
27485
27461
|
box-shadow: -1px 0 1px rgba(0, 0, 0, 0.08);
|
|
27486
27462
|
}
|
|
27487
|
-
.resize-handle {
|
|
27488
|
-
width: 8px;
|
|
27489
|
-
height: 100%;
|
|
27490
|
-
cursor: col-resize;
|
|
27491
|
-
display: inline-block;
|
|
27492
|
-
opacity: 0;
|
|
27493
|
-
transition: opacity 0.2s;
|
|
27494
|
-
color: var(--bs-primary);
|
|
27495
|
-
}
|
|
27496
|
-
.pms-col-header:hover .resize-handle {
|
|
27497
|
-
opacity: 1;
|
|
27498
|
-
}
|
|
27499
|
-
.resize-handle::after {
|
|
27500
|
-
content: "";
|
|
27501
|
-
display: block;
|
|
27502
|
-
width: 1px;
|
|
27503
|
-
height: 16px;
|
|
27504
|
-
background: #adb5bd;
|
|
27505
|
-
margin: 0 auto;
|
|
27506
|
-
}
|
|
27507
27463
|
.pms-grid tbody tr:hover {
|
|
27508
|
-
background-color: #
|
|
27509
|
-
}
|
|
27510
|
-
.pms-grid tbody tr.table-active {
|
|
27511
|
-
background-color: #e9f5ff !important;
|
|
27464
|
+
background-color: #e9f5ff;
|
|
27512
27465
|
}
|
|
27513
27466
|
.pms-grid tbody td {
|
|
27514
27467
|
background: #fff;
|
|
@@ -27622,6 +27575,95 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
|
|
|
27622
27575
|
background-color: rgba(213 207 207 / 10%);
|
|
27623
27576
|
visibility: visible;
|
|
27624
27577
|
}
|
|
27578
|
+
.pam-dropdown-menu {
|
|
27579
|
+
position: absolute;
|
|
27580
|
+
z-index: 9999;
|
|
27581
|
+
min-width: 100;
|
|
27582
|
+
max-width: 300px;
|
|
27583
|
+
background: #fff;
|
|
27584
|
+
border: 1px solid rgba(0, 0, 0, 0.08);
|
|
27585
|
+
border-radius: 10px;
|
|
27586
|
+
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
|
|
27587
|
+
padding: 6px;
|
|
27588
|
+
font-size: 14px;
|
|
27589
|
+
}
|
|
27590
|
+
.pam-dropdown-list {
|
|
27591
|
+
list-style: none;
|
|
27592
|
+
padding: 0;
|
|
27593
|
+
margin: 0;
|
|
27594
|
+
}
|
|
27595
|
+
.pam-dropdown-item {
|
|
27596
|
+
cursor: pointer;
|
|
27597
|
+
border-radius: 8px;
|
|
27598
|
+
user-select: none;
|
|
27599
|
+
position: relative;
|
|
27600
|
+
}
|
|
27601
|
+
.pam-dropdown-item-inner {
|
|
27602
|
+
display: flex;
|
|
27603
|
+
align-items: center;
|
|
27604
|
+
justify-content: space-between;
|
|
27605
|
+
gap: 10px;
|
|
27606
|
+
padding: 6px 7px;
|
|
27607
|
+
}
|
|
27608
|
+
.pam-dropdown-item:hover {
|
|
27609
|
+
background: rgba(105, 108, 255, 0.08);
|
|
27610
|
+
}
|
|
27611
|
+
.pam-dropdown-item.disabled {
|
|
27612
|
+
opacity: 0.5;
|
|
27613
|
+
pointer-events: none;
|
|
27614
|
+
}
|
|
27615
|
+
.pam-dropdown-item.danger:hover {
|
|
27616
|
+
background: rgba(255, 62, 29, 0.08);
|
|
27617
|
+
}
|
|
27618
|
+
.pam-left {
|
|
27619
|
+
display: flex;
|
|
27620
|
+
align-items: center;
|
|
27621
|
+
gap: 10px;
|
|
27622
|
+
}
|
|
27623
|
+
.pam-icon {
|
|
27624
|
+
font-size: 16px;
|
|
27625
|
+
opacity: 0.8;
|
|
27626
|
+
}
|
|
27627
|
+
.pam-label {
|
|
27628
|
+
display: inline-flex;
|
|
27629
|
+
align-items: center;
|
|
27630
|
+
gap: 8px;
|
|
27631
|
+
}
|
|
27632
|
+
.pam-right {
|
|
27633
|
+
display: inline-flex;
|
|
27634
|
+
align-items: center;
|
|
27635
|
+
gap: 10px;
|
|
27636
|
+
}
|
|
27637
|
+
.pam-rightslot {
|
|
27638
|
+
display: inline-flex;
|
|
27639
|
+
align-items: center;
|
|
27640
|
+
}
|
|
27641
|
+
.pam-arrow {
|
|
27642
|
+
font-size: 16px;
|
|
27643
|
+
opacity: 0.7;
|
|
27644
|
+
}
|
|
27645
|
+
.pam-submenu {
|
|
27646
|
+
position: fixed;
|
|
27647
|
+
z-index: 10000;
|
|
27648
|
+
min-width: 220px;
|
|
27649
|
+
background: #fff;
|
|
27650
|
+
border: 1px solid rgba(0, 0, 0, 0.08);
|
|
27651
|
+
border-radius: 10px;
|
|
27652
|
+
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
|
|
27653
|
+
padding: 6px;
|
|
27654
|
+
}
|
|
27655
|
+
.cursor-resize {
|
|
27656
|
+
cursor: e-resize;
|
|
27657
|
+
}
|
|
27658
|
+
.cursor-grab {
|
|
27659
|
+
cursor: grab;
|
|
27660
|
+
}
|
|
27661
|
+
.cursor-grabbing {
|
|
27662
|
+
cursor: grabbing;
|
|
27663
|
+
}
|
|
27664
|
+
.cursor-default {
|
|
27665
|
+
cursor: default;
|
|
27666
|
+
}
|
|
27625
27667
|
/*!
|
|
27626
27668
|
* Bootstrap v5.3.3 (https://getbootstrap.com/)
|
|
27627
27669
|
* Copyright 2011-2024 The Bootstrap Authors
|