@indice/ng-components 0.5.0-beta.10 → 0.5.0

package/src/assets/styles/language-selection.component.css

@@ -1,11 +1,11 @@
-.langs-button {
-    @apply text-blue-300 hover:text-blue-400;
-}
-
-.langs-menu-expanded {
-    @apply transition ease-out duration-200 origin-top-right z-30 absolute right-0 mt-2 w-56 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
-}
-
-.langs-menu-collapsed {
-    @apply hidden transition ease-in duration-75 origin-top-right z-30 right-0 mt-2 w-56 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
+.langs-button {
+    @apply text-blue-300 hover:text-blue-400;
+}
+
+.langs-menu-expanded {
+    @apply transition ease-out duration-200 origin-top-right z-30 absolute right-0 mt-2 w-56 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
+}
+
+.langs-menu-collapsed {
+    @apply hidden transition ease-in duration-75 origin-top-right z-30 right-0 mt-2 w-56 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
 }

package/src/assets/styles/list-view.css

@@ -1,62 +1,62 @@
-.list-view-container {
-  @apply flex flex-col border border-gray-200 rounded-lg;
-}
-
-.list-view-container-inner {
-  @apply overflow-y-hidden overflow-x-auto rounded-lg;
-}
-
-.list-view-table {
-  @apply min-w-full divide-y divide-gray-200;
-}
-
-.list-view-thead {
-  @apply bg-gray-50;
-}
-
-.list-view-th-details {
-  @apply px-2 py-3 w-6 text-left text-xs font-medium text-gray-500 uppercase;
-}
-
-.list-view-th {
-  @apply px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
-}
-
-.list-view-th-full {
-  @apply w-full px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-normal break-words;
-}
-
-.list-view-th-half {
-  @apply w-full sm:w-1/2 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-normal break-words;
-}
-
-.list-view-tbody {
-  @apply bg-white divide-y divide-gray-200;
-}
-
-.list-view-tr {
-  @apply hover:bg-gray-50;
-}
-
-.list-view-td-details {
-  @apply px-2 py-2 whitespace-nowrap items-center;
-}
-
-.list-view-td {
-  @apply px-4 py-4 whitespace-nowrap;
-}
-
-.list-view-td-full {
-  @apply w-full px-4 py-4 break-all;
-}
-
-.list-view-td-half {
-  @apply w-full sm:w-1/2 px-4 py-4 whitespace-normal break-words;
-}
-
-.details-button {
-  @apply inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-md bg-gray-100 hover:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-100;
-}
-
-.expand-collapse-button {
-  @apply inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-md bg-gray-100 hover:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-100;  }
+.list-view-container {
+  @apply flex flex-col border border-gray-200 rounded-lg;
+}
+
+.list-view-container-inner {
+  @apply overflow-y-hidden overflow-x-auto rounded-lg;
+}
+
+.list-view-table {
+  @apply min-w-full divide-y divide-gray-200;
+}
+
+.list-view-thead {
+  @apply bg-gray-50;
+}
+
+.list-view-th-details {
+  @apply px-2 py-3 w-6 text-left text-xs font-medium text-gray-500 uppercase;
+}
+
+.list-view-th {
+  @apply px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
+}
+
+.list-view-th-full {
+  @apply w-full px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-normal break-words;
+}
+
+.list-view-th-half {
+  @apply w-full sm:w-1/2 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-normal break-words;
+}
+
+.list-view-tbody {
+  @apply bg-white divide-y divide-gray-200;
+}
+
+.list-view-tr {
+  @apply hover:bg-gray-50;
+}
+
+.list-view-td-details {
+  @apply px-2 py-2 whitespace-nowrap items-center;
+}
+
+.list-view-td {
+  @apply px-4 py-4 whitespace-nowrap;
+}
+
+.list-view-td-full {
+  @apply w-full px-4 py-4 break-all;
+}
+
+.list-view-td-half {
+  @apply w-full sm:w-1/2 px-4 py-4 whitespace-normal break-words;
+}
+
+.details-button {
+  @apply inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-md bg-gray-100 hover:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-100;
+}
+
+.expand-collapse-button {
+  @apply inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-md bg-gray-100 hover:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-100;  }

package/src/assets/styles/modal.css

@@ -1,182 +1,182 @@
-.modal-open {
-  overflow: hidden;
-}
-
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  outline: 0;
-}
-
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 0.5rem;
-  pointer-events: none;
-}
-
-.modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
-  transform: translate(0, -50px);
-}
-
-.fade {
-  transition: opacity 0.15s linear;
-}
-
-.fade:not(.show) {
-  opacity: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .modal.fade .modal-dialog {
-    transition: none;
-  }
-}
-
-.modal.show .modal-dialog {
-  transform: none;
-}
-
-.modal.modal-static .modal-dialog {
-  transform: scale(1.02);
-}
-
-.modal-dialog-scrollable {
-  display: flex;
-  max-height: calc(100% - 1rem);
-}
-
-.modal-dialog-scrollable .modal-content {
-  max-height: calc(100vh - 1rem);
-  overflow: hidden;
-}
-
-.modal-dialog-scrollable .modal-header,
-.modal-dialog-scrollable .modal-footer {
-  flex-shrink: 0;
-}
-
-.modal-dialog-scrollable .modal-body {
-  overflow-y: auto;
-}
-
-.modal-dialog-centered {
-  display: flex;
-  align-items: center;
-  min-height: calc(100% - 1rem);
-}
-
-.modal-dialog-centered::before {
-  display: block;
-  height: calc(100vh - 1rem);
-  height: -webkit-min-content;
-  height: min-content;
-  content: "";
-}
-
-.modal-dialog-centered.modal-dialog-scrollable {
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-}
-
-.modal-dialog-centered.modal-dialog-scrollable .modal-content {
-  max-height: none;
-}
-
-.modal-dialog-centered.modal-dialog-scrollable::before {
-  content: none;
-}
-
-.modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  pointer-events: auto;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.3rem;
-  outline: 0;
-}
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1040;
-  width: 100vw;
-  height: 100vh;
-  background-color: #000;
-}
-
-.modal-backdrop.fade {
-  opacity: 0;
-}
-
-.modal-backdrop.show {
-  opacity: 0.5;
-}
-
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-
-@media (min-width: 576px) {
-  .modal-dialog {
-    max-width: 500px;
-    margin: 1.75rem auto;
-  }
-
-  .modal-dialog-scrollable {
-    max-height: calc(100% - 3.5rem);
-  }
-
-  .modal-dialog-scrollable .modal-content {
-    max-height: calc(100vh - 3.5rem);
-  }
-
-  .modal-dialog-centered {
-    min-height: calc(100% - 3.5rem);
-  }
-
-  .modal-dialog-centered::before {
-    height: calc(100vh - 3.5rem);
-    height: -webkit-min-content;
-    height: min-content;
-  }
-
-  .modal-sm {
-    max-width: 300px;
-  }
-}
-
-@media (min-width: 992px) {
-  .modal-lg,
-  .modal-xl {
-    max-width: 800px;
-  }
-}
-
-@media (min-width: 1200px) {
-  .modal-xl {
-    max-width: 1140px;
-  }
-}
+.modal-open {
+  overflow: hidden;
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  outline: 0;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
+.modal.show .modal-dialog {
+  transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  display: flex;
+  max-height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 1rem);
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  flex-shrink: 0;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - 1rem);
+}
+
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 1rem);
+  height: -webkit-min-content;
+  height: min-content;
+  content: "";
+}
+
+.modal-dialog-centered.modal-dialog-scrollable {
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height: none;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content: none;
+}
+
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+
+  .modal-dialog-scrollable {
+    max-height: calc(100% - 3.5rem);
+  }
+
+  .modal-dialog-scrollable .modal-content {
+    max-height: calc(100vh - 3.5rem);
+  }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - 3.5rem);
+  }
+
+  .modal-dialog-centered::before {
+    height: calc(100vh - 3.5rem);
+    height: -webkit-min-content;
+    height: min-content;
+  }
+
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+  .modal-lg,
+  .modal-xl {
+    max-width: 800px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}

package/src/assets/styles/model-view-layout.css

@@ -1,47 +1,47 @@
-.model-view-container {
-  @apply mt-5 min-w-full min-h-screen;
-}
-
-.model-view-container-inner {
-  @apply lg:grid lg:grid-cols-12 lg:gap-x-5;
-}
-
-.model-view-aside {
-  @apply py-6 px-2 sm:px-6 lg:py-0 lg:px-0 md:col-span-3;
-}
-
-.model-view-aside-header-section {
-  @apply min-w-full;
-}
-
-.model-view-aside-header-container {
-  @apply bg-white shadow-sm border border-gray-200 rounded-xl;
-}
-
-.model-view-aside-header-container-inner {
-  @apply flex flex-col bg-gray-50 justify-self-stretch rounded-t-xl h-24;
-}
-
-.model-view-menu-container {
-  @apply bg-white px-4 py-4 flow-root hidden sm:block rounded-b-xl;
-}
-
-.model-view-menu-container-mobile {
-  @apply mt-2 px-4 py-2 flow-root sm:hidden;
-}
-
-.model-view-menu-nav {
-  @apply h-full flex flex-col;
-}
-
-.model-view-menu-item {
-  @apply space-y-1;
-}
-
-.model-view-menu-item-far {
-  @apply mt-auto pt-10 space-y-1;
-}
-
-.model-view-details-container {
-  @apply sm:px-6 lg:px-2 lg:col-span-9 md:col-span-10;
-}
+.model-view-container {
+  @apply mt-5 min-w-full min-h-screen;
+}
+
+.model-view-container-inner {
+  @apply lg:grid lg:grid-cols-12 lg:gap-x-5;
+}
+
+.model-view-aside {
+  @apply py-6 px-2 sm:px-6 lg:py-0 lg:px-0 md:col-span-3;
+}
+
+.model-view-aside-header-section {
+  @apply min-w-full;
+}
+
+.model-view-aside-header-container {
+  @apply bg-white shadow-sm border border-gray-200 rounded-xl;
+}
+
+.model-view-aside-header-container-inner {
+  @apply flex flex-col bg-gray-50 justify-self-stretch rounded-t-xl h-24;
+}
+
+.model-view-menu-container {
+  @apply bg-white px-4 py-4 flow-root hidden sm:block rounded-b-xl;
+}
+
+.model-view-menu-container-mobile {
+  @apply mt-2 px-4 py-2 flow-root sm:hidden;
+}
+
+.model-view-menu-nav {
+  @apply h-full flex flex-col;
+}
+
+.model-view-menu-item {
+  @apply space-y-1;
+}
+
+.model-view-menu-item-far {
+  @apply mt-auto pt-10 space-y-1;
+}
+
+.model-view-details-container {
+  @apply sm:px-6 lg:px-2 lg:col-span-9 md:col-span-10;
+}