@fabio.buscaroli/scm-utils 22.0.1

package/styles/ui.scss

@@ -0,0 +1,350 @@
+.dialog-info {
+  font-size: x-small;
+  font-weight: 700;
+  text-align: right;
+  padding: 10px
+}
+
+.dialog-info-green,
+.dialog-info-ok {
+  color: var(--ars-color-ok, #388E3C);
+}
+
+.dialog-info-red,
+.dialog-info-error {
+  color: var(--mat-form-field-error-text-color, #a80710);
+}
+
+.dialog-header {
+  padding-bottom: 20px;
+}
+
+.dialog-toolbar {
+    padding: 0 5px 0 24px;
+    height: 48px;
+    min-height: 48px;
+}
+
+.dialog-close {
+  margin-right: 5px;
+  margin-top: 0px;
+}
+
+.dialog-menu {
+  margin-left: 10px;
+  margin-top: 10px;
+}
+
+.dialog-title {
+  padding: 0 24px;
+}
+
+
+.section-title {
+  font-size: large;
+  font-weight: 600;
+  padding-top: 10px;
+  padding-bottom: 8px;
+}
+
+.center {
+  text-align: center;
+}
+
+.wide {
+  min-width: 100% !important;
+  max-width: 100% !important;
+  width: 100% !important;
+}
+
+.fill {
+  min-width: 100% !important;
+  max-width: 100% !important;
+  width: 100% !important;
+  min-height: 100% !important;
+  max-height: 100% !important;
+  height: 100% !important;
+}
+
+.scroll-auto {
+  overflow: auto;
+  height: 100%;
+}
+
+.scroll-hidden {
+  overflow: hidden;
+  height: 100%;
+}
+
+b {
+  font-weight: 700;
+}
+
+.large {
+  font-size: large !important;
+}
+
+.smaller {
+  font-size: smaller !important;
+  ;
+}
+
+.small {
+  font-size: small !important;
+  line-height: 16px !important;
+  ;
+}
+
+.small-icon-button {
+  width: 1.5rem !important;
+  height: 1.5rem !important;
+  padding: 0px !important;
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+
+  .mat-mdc-button-touch-target {
+    width: 1.5rem !important;
+    height: 1.5rem !important;
+  }
+}
+
+.x-small {
+  font-size: x-small !important;
+  line-height: 14px !important;
+}
+
+.bold {
+  font-weight: 700;
+}
+
+.uppercase {
+  text-transform: uppercase !important;
+}
+
+.lowercase {
+  text-transform: lowercase !important;
+}
+
+.truncated {
+  min-width: 0;
+  max-width: 100%;
+
+  @supports (-webkit-line-clamp: 2) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: initial;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  /* or some value */
+  span,
+  div {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    @supports (-webkit-line-clamp: 2) {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: initial;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+  }
+}
+
+.clipped {
+  min-width: 0;
+  max-width: 100%;
+
+  /* or some value */
+  span,
+  div {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: clip;
+  }
+}
+
+.accent {
+  color: var(--ars-color-accent, #7894ae) !important;
+}
+
+.primary {
+  color: var(--ars-color-primary, #00a293) !important;
+}
+
+.secondary {
+  color: var(--ars-color-secondary, #4a635f) !important;
+}
+
+.error {
+  color: var(--ars-color-error, #ff5449) !important;
+}
+
+.success {
+  color: var(--ars-color-ok, #388E3C) !important;
+}
+
+.warning {
+  color: var(--ars-color-warning, #FFC107) !important;
+}
+
+.text {
+  color: var(--ars-color-text, #191c1b) !important;
+}
+
+.overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+  background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75));
+}
+
+.drawer-content {
+  padding-top: 10px;
+}
+
+.drawer,
+.drawer-small {
+  .title-container {
+    padding-top: 20px;
+    padding-right: 5px;
+    padding-bottom: 20px;
+    padding-left: 0;
+  }
+
+  .title-container-with-loader {
+    padding-top: 14px;
+    padding-right: 5px;
+    padding-bottom: 20px;
+    padding-left: 0;
+  }
+
+  .title {
+    font-size: 19.2px !important;
+    font-weight: 600;
+    padding-left: 15px;
+    min-width: 150px;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+
+  .accordion-panel {
+    background-color: transparent !important;
+
+  }
+
+  .accordion-header {
+    padding-left: 10px;
+    padding-right: 10px;
+    border-radius: var(--mat-expansion-container-shape);
+
+  }
+
+
+  .mat-expansion-panel-body {
+    padding-left: 10px !important;
+    padding-right: 10px !important;
+    padding-bottom: 20px !important;
+  }
+}
+
+
+@media screen and (min-width: 0px) and (max-width: 430px) {
+
+  .drawer,
+  .drawer-small {
+    border-radius: 0 !important;
+    min-width: 100% !important;
+    max-width: 100% !important;
+  }
+}
+
+@media screen and (min-width: 431px) {
+  .drawer {
+    min-width: 420px !important;
+    max-width: 420px !important;
+
+
+    .title {
+      min-width: 200px;
+    }
+
+
+    .mat-expansion-panel-body {
+      padding-left: 15px !important;
+      padding-right: 15px !important;
+      padding-bottom: 20px !important;
+    }
+
+  }
+
+  .drawer-small {
+    min-width: 360px !important;
+    max-width: 360px !important;
+  }
+
+}
+
+.drawer-with-loader {
+  padding-top: 0 !important;
+}
+
+.drawer-transparent {
+  background-color: transparent;
+}
+
+.fade-in {
+  animation: fadein 500ms linear;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.bright {
+  filter: brightness(0.7) !important;
+}
+
+
+@media (prefers-color-scheme: dark) {
+
+  .dialog-info-green,
+  .dialog-info-ok {
+    color: var(--ars-color-ok, #4CAF50);
+  }
+
+  .dialog-info-red,
+  .dialog-info-error {
+    color: var(--mat-form-field-error-text-color, #ff5449);
+  }
+
+  b,
+  .bold {
+    font-weight: 600;
+  }
+
+  .bright {
+    filter: brightness(1.5) !important;
+  }
+}
+
+
+@media (prefers-color-scheme: dark) {}

package/tinymce/README.md

@@ -0,0 +1,12 @@
+in application:
+1) install tinymce (npm install tinymce)
+1) install @tinymce/tinymce-angular (npm install @tinymce/tinymce-angular)
+2) setup assets in angular.json
+    {
+        "glob": "**/*",
+        "input": "node_modules/tinymce",
+        "output": "assets/tinymce"
+    }
+3) download language from 
+https://github.com/tinymce/tinymce/blob/develop/modules/tinymce/src/langs/it.js and put it in
+"assets/tinymce/langs/it.js"