pam-grid 1.0.4 → 1.0.5

package/dist/index.css

@@ -27363,33 +27363,6 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
   --bs-footer-brand-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
   --bs-footer-link-hover-color: color-mix( in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast) );
 }
-.bg-gray-60 {
-  background-color: var(--bs-gray-60);
-}
-.text-gray-60 {
-  color: var(--bs-gray-60);
-}
-.bg-blue {
-  background-color: var(--bs-blue);
-}
-.bg-indigo {
-  background-color: var(--bs-indigo);
-}
-.text-indigo {
-  color: var(--bs-indigo);
-}
-.bg-red {
-  background-color: var(--bs-red);
-}
-.text-red {
-  color: var(--bs-red);
-}
-.text-blue {
-  color: var(--bs-blue);
-}
-.text-green {
-  color: var(--bs-green);
-}
 
 /* src/styles/pam.grid.css */
 :root {
@@ -27421,6 +27394,9 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
   background: #fff;
   white-space: nowrap;
 }
+.card-fullscreen .grid-wrapper {
+  max-height: 100vh !important;
+}
 .grid-wrapper::-webkit-scrollbar {
   height: 3px;
   width: 3px;
@@ -27489,20 +27465,6 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
   height: 100%;
   cursor: col-resize;
   display: inline-block;
-  opacity: 0;
-  transition: opacity 0.2s;
-  color: var(--bs-primary);
-}
-.pms-col-header:hover .resize-handle {
-  opacity: 1;
-}
-.resize-handle::after {
-  content: "";
-  display: block;
-  width: 1px;
-  height: 16px;
-  background: #adb5bd;
-  margin: 0 auto;
 }
 .pms-grid tbody tr:hover {
   background-color: #f8f9fa;
@@ -27622,6 +27584,458 @@ body:not(.modal-open) .layout-content-navbar .layout-navbar {
   background-color: rgba(213 207 207 / 10%);
   visibility: visible;
 }
+.pam-dropdown-menu {
+  position: absolute;
+  z-index: 9999;
+  min-width: 100;
+  max-width: 300px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 10px;
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
+  padding: 6px;
+  font-size: 14px;
+}
+.pam-dropdown-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.pam-dropdown-item {
+  cursor: pointer;
+  border-radius: 8px;
+  user-select: none;
+  position: relative;
+}
+.pam-dropdown-item-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 6px 7px;
+}
+.pam-dropdown-item:hover {
+  background: rgba(105, 108, 255, 0.08);
+}
+.pam-dropdown-item.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.pam-dropdown-item.danger:hover {
+  background: rgba(255, 62, 29, 0.08);
+}
+.pam-left {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.pam-icon {
+  font-size: 16px;
+  opacity: 0.8;
+}
+.pam-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.pam-right {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+}
+.pam-rightslot {
+  display: inline-flex;
+  align-items: center;
+}
+.pam-arrow {
+  font-size: 16px;
+  opacity: 0.7;
+}
+.pam-submenu {
+  position: fixed;
+  z-index: 10000;
+  min-width: 220px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 10px;
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
+  padding: 6px;
+}
+.switch {
+  --bs-switch-bg: var(--bs-gray-100);
+  --bs-switch-color: rgba(var(--bs-base-color), 0.4);
+  --bs-switch-border-color: var(--bs-gray-100);
+  --bs-switch-box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset;
+  --bs-switch-holder-bg: var(--bs-white);
+  --bs-switch-holder-shadow: var(--bs-box-shadow-xs);
+  position: relative;
+  display: inline-block;
+  border-radius: 30rem;
+  cursor: pointer;
+  margin-inline-end: 0.75rem;
+  vertical-align: middle;
+  font-size: 0.9375rem;
+  line-height: 1.4;
+  min-block-size: 1.35rem;
+}
+.switch .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-primary);
+  --bs-switch-color: var(--bs-white);
+  --bs-switch-border-color: var(--bs-primary);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
+}
+.switch[class*=switch-outline-],
+.switch.switch-outline {
+  --bs-switch-bg: transparent;
+  --bs-switch-box-shadow: none;
+  --bs-switch-holder-bg: var(--bs-gray-100);
+  --bs-switch-holder-shadow: none;
+}
+.switch[class*=switch-outline-] .switch-input:checked ~ .switch-toggle-slider,
+.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: transparent;
+  --bs-switch-box-shadow: none;
+}
+.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-primary);
+  --bs-switch-border-color: var(--bs-primary);
+  --bs-switch-holder-bg: var(--bs-primary);
+}
+.switch:has(.switch-input:disabled) {
+  cursor: not-allowed;
+}
+.switch .switch-input ~ .switch-label {
+  padding-inline-start: 3rem;
+}
+.switch .switch-toggle-slider {
+  block-size: 1.35rem;
+  inline-size: 2.5rem;
+  line-height: 1.35rem;
+}
+.switch .switch-toggle-slider .icon-base {
+  position: relative;
+  block-size: 0.9375rem;
+  font-size: 0.9375rem;
+  inline-size: 0.9375rem;
+  inset-block-start: -1.9px;
+}
+.switch .switch-label {
+  inset-block-start: 0.01875rem;
+}
+.switch .switch-toggle-slider::after {
+  block-size: 14px;
+  inline-size: 14px;
+}
+.switch .switch-on {
+  padding-inline: 0.125rem 1.1rem;
+}
+.switch .switch-off {
+  padding-inline-start: 1.1rem;
+}
+.switch .switch-input.is-invalid ~ .switch-label,
+.was-validated .switch .switch-input:invalid ~ .switch-label {
+  color: var(--bs-form-invalid-border-color);
+}
+.switch .switch-input.is-valid ~ .switch-label,
+.was-validated .switch .switch-input:valid ~ .switch-label {
+  color: var(--bs-form-valid-border-color);
+}
+.switch .switch-input.is-invalid ~ .switch-toggle-slider,
+.was-validated .switch .switch-input:invalid ~ .switch-toggle-slider {
+  --bs-switch-border-color: var(--bs-form-invalid-border-color);
+}
+.switch .switch-input.is-valid ~ .switch-toggle-slider,
+.was-validated .switch .switch-input:valid ~ .switch-toggle-slider {
+  --bs-switch-border-color: var(--bs-form-valid-border-color);
+}
+.switch .switch-input.is-invalid:checked ~ .switch-toggle-slider,
+.was-validated .switch .switch-input:invalid:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-form-invalid-color);
+  --bs-switch-box-shadow: none;
+}
+.switch .switch-input.is-valid:checked ~ .switch-toggle-slider,
+.was-validated .switch .switch-input:valid:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-form-valid-color);
+  --bs-switch-box-shadow: none;
+}
+.switch-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.was-validated .switch-input:invalid ~ .valid-feedback,
+.was-validated .switch-input:invalid ~ .valid-tooltip,
+.switch-input.is-invalid ~ .valid-feedback,
+.switch-input.is-invalid ~ .valid-tooltip,
+.was-validated .switch-input:valid ~ .valid-feedback,
+.was-validated .switch-input:valid ~ .valid-tooltip,
+.switch-input.is-valid ~ .valid-feedback,
+.switch-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+.switch-toggle-slider {
+  position: absolute;
+  overflow: hidden;
+  border: 1px solid var(--bs-switch-border-color);
+  border-radius: 30rem;
+  background: var(--bs-switch-bg);
+  box-shadow: var(--bs-switch-box-shadow);
+  color: var(--bs-switch-color);
+  font-size: 0.625rem;
+  inset-block-start: 50%;
+  transform: translateY(-50%);
+  transition-duration: 0.2s;
+  transition-property:
+    inset-inline-start,
+    inset-inline-end,
+    background,
+    box-shadow;
+  user-select: none;
+}
+.switch-toggle-slider::after {
+  position: absolute;
+  display: block;
+  border-radius: 50%;
+  background: var(--bs-switch-holder-bg);
+  box-shadow: var(--bs-switch-holder-shadow);
+  content: "";
+  inset-block-start: 50%;
+  inset-inline: 8% auto;
+  transform: translateY(-50%);
+  transition-duration: 0.2s;
+  transition-property:
+    inset-inline-start,
+    inset-inline-end,
+    background;
+}
+.switch-label {
+  position: relative;
+  display: inline-block;
+  color: var(--bs-heading-color);
+  font-weight: 400;
+}
+.switch-label:first-child {
+  padding-inline-end: 0.5rem;
+}
+.switch-off,
+.switch-on {
+  position: absolute;
+  block-size: 100%;
+  inline-size: 100%;
+  inset-block-start: 0;
+  text-align: center;
+  transition-duration: 0.2s;
+  transition-property: inset-inline-start, inset-inline-end;
+}
+.switch-on {
+  inset-inline-start: -100%;
+}
+.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on {
+  color: transparent;
+}
+.switch-off {
+  inset-inline-start: 0;
+}
+.switch-input:checked ~ .switch-toggle-slider::after {
+  inset-inline: 95% auto;
+  transform: translate(-100%, -50%);
+}
+:dir(rtl) .switch-input:checked ~ .switch-toggle-slider::after {
+  inset-inline: 94% auto;
+  transform: translate(100%, -50%);
+}
+.switch-input:checked ~ .switch-toggle-slider .switch-on {
+  inset-inline-start: 0;
+}
+.switch-input:checked ~ .switch-toggle-slider .switch-off {
+  color: transparent;
+  inset-inline-start: 100%;
+}
+.switches-stacked::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.switches-stacked .switch {
+  display: block;
+  margin-inline: 0;
+}
+.switches-stacked .switch:not(:last-child) {
+  margin-block-end: 0.75rem;
+}
+.switch-square,
+.switch-square .switch-toggle-slider {
+  border-radius: 0.375rem;
+}
+.switch-square .switch-toggle-slider::after {
+  border-radius: calc(0.375rem - 2px);
+}
+.switch-input:disabled ~ .switch-toggle-slider {
+  opacity: 0.45;
+}
+.switch-input:disabled ~ .switch-label {
+  color: var(--bs-secondary-color);
+}
+.switch-sm {
+  font-size: 0.75rem;
+  line-height: 1.6;
+  min-block-size: 1.125rem;
+}
+.switch-sm .switch-input ~ .switch-label {
+  padding-inline-start: 2.375rem;
+}
+.switch-sm .switch-toggle-slider {
+  block-size: 1.125rem;
+  inline-size: 1.875rem;
+  line-height: 1.125rem;
+}
+.switch-sm .switch-toggle-slider .icon-base {
+  position: relative;
+  block-size: 0.75rem;
+  font-size: 0.75rem;
+  inline-size: 0.75rem;
+  inset-block-start: -2px;
+}
+.switch-sm .switch-label {
+  inset-block-start: 0;
+}
+.switch-sm .switch-toggle-slider::after {
+  block-size: 13px;
+  inline-size: 13px;
+}
+.switch-sm .switch-on {
+  padding-inline: 0.085rem 0.955rem;
+}
+.switch-sm .switch-off {
+  padding-inline-start: 0.955rem;
+}
+.switch-lg {
+  font-size: 1.0625rem;
+  line-height: 1.47;
+  min-block-size: 1.75rem;
+}
+.switch-lg .switch-input ~ .switch-label {
+  padding-inline-start: 3.75rem;
+}
+.switch-lg .switch-toggle-slider {
+  block-size: 1.75rem;
+  inline-size: 3.25rem;
+  line-height: 1.75rem;
+}
+.switch-lg .switch-toggle-slider .icon-base {
+  position: relative;
+  block-size: 1.0625rem;
+  font-size: 1.0625rem;
+  inline-size: 1.0625rem;
+  inset-block-start: -2px;
+}
+.switch-lg .switch-label {
+  inset-block-start: 0.0940625rem;
+}
+.switch-lg .switch-toggle-slider::after {
+  block-size: 21px;
+  inline-size: 21px;
+}
+.switch-lg .switch-on {
+  padding-inline: 0.125rem 1.5rem;
+}
+.switch-lg .switch-off {
+  padding-inline-start: 1.5rem;
+}
+.switch .valid-feedback,
+.switch .invalid-feedback {
+  padding-inline-start: 0.5rem;
+}
+.switch-primary .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-primary);
+  --bs-switch-border-color: var(--bs-primary);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
+}
+.switch-outline-primary .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-primary);
+  --bs-switch-border-color: var(--bs-primary);
+  --bs-switch-holder-bg: var(--bs-primary);
+}
+.switch-secondary .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-secondary);
+  --bs-switch-border-color: var(--bs-secondary);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-secondary-rgb), 0.3);
+}
+.switch-outline-secondary .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-secondary);
+  --bs-switch-border-color: var(--bs-secondary);
+  --bs-switch-holder-bg: var(--bs-secondary);
+}
+.switch-success .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-success);
+  --bs-switch-border-color: var(--bs-success);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-success-rgb), 0.3);
+}
+.switch-outline-success .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-success);
+  --bs-switch-border-color: var(--bs-success);
+  --bs-switch-holder-bg: var(--bs-success);
+}
+.switch-info .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-info);
+  --bs-switch-border-color: var(--bs-info);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-info-rgb), 0.3);
+}
+.switch-outline-info .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-info);
+  --bs-switch-border-color: var(--bs-info);
+  --bs-switch-holder-bg: var(--bs-info);
+}
+.switch-warning .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-warning);
+  --bs-switch-border-color: var(--bs-warning);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-warning-rgb), 0.3);
+}
+.switch-outline-warning .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-warning);
+  --bs-switch-border-color: var(--bs-warning);
+  --bs-switch-holder-bg: var(--bs-warning);
+}
+.switch-danger .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-danger);
+  --bs-switch-border-color: var(--bs-danger);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-danger-rgb), 0.3);
+}
+.switch-outline-danger .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-danger);
+  --bs-switch-border-color: var(--bs-danger);
+  --bs-switch-holder-bg: var(--bs-danger);
+}
+.switch-light .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-light);
+  --bs-switch-border-color: var(--bs-light);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-light-rgb), 0.3);
+}
+.switch-outline-light .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-light);
+  --bs-switch-border-color: var(--bs-light);
+  --bs-switch-holder-bg: var(--bs-light);
+}
+.switch-dark .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-dark);
+  --bs-switch-border-color: var(--bs-dark);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-dark-rgb), 0.3);
+}
+.switch-outline-dark .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-dark);
+  --bs-switch-border-color: var(--bs-dark);
+  --bs-switch-holder-bg: var(--bs-dark);
+}
+.switch-gray .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-bg: var(--bs-gray);
+  --bs-switch-border-color: var(--bs-gray);
+  --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-gray-rgb), 0.3);
+}
+.switch-outline-gray .switch-input:checked ~ .switch-toggle-slider {
+  --bs-switch-color: var(--bs-gray);
+  --bs-switch-border-color: var(--bs-gray);
+  --bs-switch-holder-bg: var(--bs-gray);
+}
 /*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
  * Copyright 2011-2024 The Bootstrap Authors