cic-kit 0.0.33 → 0.0.34

package/dist/index.mjs

@@ -20521,7 +20521,8 @@ class Z9 extends T9 {
     }
   }
   hasPermission(e) {
-    return Array.isArray(this.permissions) && this.permissions.includes(e);
+    const t = Array.isArray(e) ? e : [e];
+    return t.length === 0 ? !0 : !Array.isArray(this.permissions) || this.permissions.length === 0 ? !1 : t.every((r) => this.permissions.includes(r));
   }
   hasAnyPermissions() {
     return Array.isArray(this.permissions) && this.permissions.length > 0;
@@ -26293,11 +26294,11 @@ function use(n) {
   return qr = t, zQ(t), t;
 }
 function yQ(n, e) {
-  const t = typeof n.meta.loginStatus == "boolean" ? n.meta.loginStatus : void 0;
+  const t = typeof n.meta.loginStatus == "boolean" ? n.meta.loginStatus : void 0, r = n.meta.permission, s = typeof r == "string" || Array.isArray(r) && r.every((i) => typeof i == "string") ? r : void 0;
   if (e) {
     if (t === !1)
       return { name: "user" };
-    if (n.meta.permission && typeof n.meta.permission == "string" && !we.user?.hasPermission?.(n.meta.permission))
+    if (s !== void 0 && !we.user?.hasPermission?.(s))
       return { name: "unauthorized", query: { from: n.fullPath } };
   } else if (t === !0)
     return { name: "login", query: { redirect: n.fullPath } };

package/docs/style-cic-kit.scss

@@ -0,0 +1,574 @@
+@use './variables' as *;
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+ul,
+ol,
+menu {
+  list-style: none;
+}
+
+a {
+  color: currentColor;
+  text-decoration: none;
+}
+
+img {
+  max-width: 100%;
+}
+
+.d-contents {
+  display: contents;
+}
+
+.fs-7 {
+  font-size: 0.9rem;
+}
+
+.fs-8 {
+  font-size: 0.75rem;
+}
+
+.fs-9 {
+  font-size: 0.6rem;
+}
+
+.fs-10 {
+  font-size: 0.5rem;
+}
+
+.tooltip.bg-danger {
+  .tooltip-inner {
+    background-color: #dc3545;
+    color: white;
+  }
+
+  &.bs-tooltip-auto {
+    &[data-popper-placement^="top"] {
+      .tooltip-arrow::before {
+        border-top-color: #dc3545 !important;
+      }
+    }
+
+    &[data-popper-placement^="right"] {
+      .tooltip-arrow::before {
+        border-right-color: #dc3545 !important;
+      }
+    }
+
+    &[data-popper-placement^="bottom"] {
+      .tooltip-arrow::before {
+        border-bottom-color: #dc3545 !important;
+      }
+    }
+
+    &[data-popper-placement^="left"] {
+      .tooltip-arrow::before {
+        border-left-color: #dc3545 !important;
+      }
+    }
+  }
+}
+
+:root {
+  --header-h: 0; // viene settata in automatico da ResizeObserver in HeaderApp
+}
+
+body {
+  font-family: $font-stack;
+}
+
+@use './variables' as *;
+
+body {
+    min-height: 100vh;
+}
+
+#app {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+header {
+    flex: 0 0 auto;
+}
+
+main {
+    display: flex;
+    min-height: 0;
+
+    height: calc(100dvh - var(--header-h, 3000px));
+    overflow: hidden;
+
+    // flex: 1 1 auto;
+    // overflow: auto;
+    // padding-bottom: 100px;
+}
+
+
+// google icon
+/* fallback */
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 100 700;
+  src: url('../fonts/GoogleIcon/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2');
+}
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+
+  vertical-align: sub;
+  padding: 0px;
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+
+.material-symbols-outlined.fill {
+  font-variation-settings:
+    'FILL' 1,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 24;
+}
+
+.p-input-icon {
+  padding-left: 1.8rem;
+}
+
+.p-input-group-icon {
+  padding-left: 1.8rem;
+}
+
+@font-face {
+  font-family: calSans;
+  src: url('../fonts/Cal_Sans/CalSans-Regular.ttf');
+}
+
+.f-calSans {
+  font-family: calSans, sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: monoton;
+  src: url('../fonts/Monoton/Monoton-Regular.ttf');
+}
+
+.f-monoton {
+  font-family: monoton, sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.noselect {
+    -webkit-touch-callout: none;
+    /* iOS Safari */
+    -webkit-user-select: none;
+    /* Safari */
+    /* Konqueror HTML */
+    -moz-user-select: none;
+    /* Old versions of Firefox */
+    -ms-user-select: none;
+    /* Internet Explorer/Edge */
+    user-select: none;
+    /* Non-prefixed version, currently
+    supported by Chrome, Edge, Opera and Firefox */
+}
+
+.input-google-icon {
+    position: relative;
+
+    .icon {
+        position: absolute;
+        top: 50%;
+        left: 5px;
+        transform: translate(0, -50%);
+        cursor: default;
+        font-size: 1.25rem
+    }
+
+    input {
+        padding-left: 28px;
+    }
+}
+
+.logo-shadows {
+    will-change: filter;
+    transition: filter 300ms;
+    &:hover {
+        filter: drop-shadow(0 0 2em rgba(255, 255, 255, 0.3));
+    }
+}
+
+
+// ==================================================
+// bg-glass  ========================================
+.bg-glass {
+    background: var(--colors-theme-bg-accent-hover-alpha, #00000006);
+    backdrop-filter: blur(40px);
+    &.shadow {
+        box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
+    }
+}
+
+// ==================================================
+// text-loading  ====================================
+.text-loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    padding: 12px 48px;
+    color: #fff;
+    background: linear-gradient(to right, #9f9f9f 0, #fff 10%, #868686 20%);
+    background-position: 0;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: shine 3s infinite linear;
+    animation-fill-mode: forwards;
+    -webkit-text-size-adjust: none;
+    font-weight: 600;
+    font-size: 16px;
+    text-decoration: none;
+    white-space: nowrap;
+    font-family: "Poppins", sans-serif;
+}
+
+@-moz-keyframes shine {
+    0% {
+        background-position: 0;
+    }
+
+    60% {
+        background-position: 180px;
+    }
+
+    100% {
+        background-position: 180px;
+    }
+}
+
+@-webkit-keyframes shine {
+    0% {
+        background-position: 0;
+    }
+
+    60% {
+        background-position: 180px;
+    }
+
+    100% {
+        background-position: 180px;
+    }
+}
+
+@-o-keyframes shine {
+    0% {
+        background-position: 0;
+    }
+
+    60% {
+        background-position: 180px;
+    }
+
+    100% {
+        background-position: 180px;
+    }
+}
+
+@keyframes shine {
+    0% {
+        background-position: 0;
+    }
+
+    60% {
+        background-position: 180px;
+    }
+
+    100% {
+        background-position: 180px;
+    }
+}
+// ----- CURSOR -----
+.cursor-auto {
+    cursor: auto !important;
+}
+
+.cursor-default {
+    cursor: default !important;
+}
+
+.cursor-pointer {
+    cursor: pointer !important;
+}
+
+.cursor-wait {
+    cursor: wait !important;
+}
+
+.cursor-text {
+    cursor: text !important;
+}
+
+.cursor-move {
+    cursor: move !important;
+}
+
+.cursor-help {
+    cursor: help !important;
+}
+
+.cursor-not-allowed {
+    cursor: not-allowed !important;
+}
+
+.cursor-crosshair {
+    cursor: crosshair !important;
+}
+
+.cursor-progress {
+    cursor: progress !important;
+}
+
+.cursor-cell {
+    cursor: cell !important;
+}
+
+.cursor-alias {
+    cursor: alias !important;
+}
+
+.cursor-copy {
+    cursor: copy !important;
+}
+
+.cursor-no-drop {
+    cursor: no-drop !important;
+}
+
+.cursor-grab {
+    cursor: grab !important;
+}
+
+.cursor-grabbing {
+    cursor: grabbing !important;
+}
+
+.cursor-zoom-in {
+    cursor: zoom-in !important;
+}
+
+.cursor-zoom-out {
+    cursor: zoom-out !important;
+}
+
+.cursor-col-resize {
+    cursor: col-resize !important;
+}
+
+.cursor-row-resize {
+    cursor: row-resize !important;
+}
+
+.cursor-n-resize {
+    cursor: n-resize !important;
+}
+
+.cursor-s-resize {
+    cursor: s-resize !important;
+}
+
+.cursor-e-resize {
+    cursor: e-resize !important;
+}
+
+.cursor-w-resize {
+    cursor: w-resize !important;
+}
+
+.cursor-ne-resize {
+    cursor: ne-resize !important;
+}
+
+.cursor-nw-resize {
+    cursor: nw-resize !important;
+}
+
+.cursor-se-resize {
+    cursor: se-resize !important;
+}
+
+.cursor-sw-resize {
+    cursor: sw-resize !important;
+}
+
+.cursor-nesw-resize {
+    cursor: nesw-resize !important;
+}
+
+.cursor-nwse-resize {
+    cursor: nwse-resize !important;
+}
+
+// ###########################################################
+// ###########################################################
+// ###########################################################
+
+// ----- FONT -----
+.fs-7 {
+    font-size: 0.875rem !important;
+    /* ~14px */
+}
+
+.fs-8 {
+    font-size: 0.75rem !important;
+    /* ~12px */
+}
+
+.fs-9 {
+    font-size: 0.625rem !important;
+    /* ~10px */
+}
+
+.fs-10 {
+    font-size: 0.5rem !important;
+    /* ~8px */
+}
+
+// ###########################################################
+// ###########################################################
+// ###########################################################
+
+// ----- padding -----
+.pb-t {
+    padding-bottom: 120px !important;
+}
+
+// ----- MARGIN -----
+/* Margini negativi personalizzati */
+.mb--1 {
+    margin-bottom: -4px !important;
+}
+
+.mb--2 {
+    margin-bottom: -8px !important;
+}
+
+.mb--3 {
+    margin-bottom: -16px !important;
+}
+
+.mb--4 {
+    margin-bottom: -24px !important;
+}
+
+.mb--5 {
+    margin-bottom: -48px !important;
+}
+
+.mt--1 {
+    margin-top: -4px !important;
+}
+
+.mt--2 {
+    margin-top: -8px !important;
+}
+
+.mt--3 {
+    margin-top: -16px !important;
+}
+
+.mt--4 {
+    margin-top: -24px !important;
+}
+
+.mt--5 {
+    margin-top: -48px !important;
+}
+
+.ms--1 {
+    margin-left: -4px !important;
+}
+
+.ms--2 {
+    margin-left: -8px !important;
+}
+
+.ms--3 {
+    margin-left: -16px !important;
+}
+
+.ms--4 {
+    margin-left: -24px !important;
+}
+
+.ms--5 {
+    margin-left: -48px !important;
+}
+
+.me--1 {
+    margin-right: -4px !important;
+}
+
+.me--2 {
+    margin-right: -8px !important;
+}
+
+.me--3 {
+    margin-right: -16px !important;
+}
+
+.me--4 {
+    margin-right: -24px !important;
+}
+
+.me--5 {
+    margin-right: -48px !important;
+}
+
+.align-super {
+    vertical-align: super !important;
+}
+
+.z-index-2 {
+    z-index: 2;
+}
+.z-index-3 {
+    z-index: 3;
+}
+.z-index-4 {
+    z-index: 4;
+}
+.z-index-5 {
+    z-index: 5;
+}
+.z-index-10 {
+    z-index: 10;
+}
+.z-index-100 {
+    z-index: 100;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cic-kit",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",