@indice/ng-components 0.2.139 → 0.2.141

package/karma.conf.js

@@ -1,44 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ng-components'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ng-components",
-  "lib": {
-    "entryFile": "src/public-api.ts",
-    "styleIncludePaths": [
-      "./src/assets/styles/*.*"
-    ]
-  }
-}

package/scripts/css-bundle.ts

@@ -1,33 +0,0 @@
-const pathLib = require('path');
-const scssBundler = require('scss-bundle');
-const fs = require('fs-extra');
-
-/** Bundles all SCSS files into a single file */
-async function bundleScss(): Promise<void> {
-  console.log('running bundleScss');
-  const isolatedStyles = ['modal.css'];
-  const bundler = new scssBundler.Bundler();
-  const sourcePath = './projects/ng-components/src/_styles.css';
-  const { found, bundledContent, imports } = await bundler.bundle(sourcePath, ['./src/**/*.css', './src/**/*.scss']);
-  if (imports) {
-    console.log('running bundleScss - imports found');
-    const cwd = process.cwd();
-
-    const filesNotFound = imports.filter((x: any) => !x.found).map((x: any) => pathLib.relative(cwd, x.filePath));
-
-    if (filesNotFound.length) {
-      console.error(`SCSS imports failed \n\n${filesNotFound.join('\n - ')}\n`);
-      throw new Error('One or more SCSS imports failed');
-    }
-  }
-
-  if (found) {
-    await fs.writeFile('./dist/ng-components/_styles.css', bundledContent);
-    isolatedStyles.forEach((f) => {
-      fs.copy(`./projects/ng-components/src/assets/styles/${f}`, `./dist/ng-components/${f}`);
-    });
-    console.log('running bundleScss - finidshed file');
-  }
-}
-
-bundleScss();

package/src/_styles.css

@@ -1,36 +0,0 @@
-@import './assets/styles/base.css';
-@import './assets/styles/components.css';
-@import './assets/styles/nav-links.css';
-
-@import './assets/styles/shell-layout.css';
-@import './assets/styles/view-layout.css';
-@import './assets/styles/model-view-layout.css';
-@import './assets/styles/form-layout.css';
-@import './assets/styles/side-view-layout.css';
-
-@import './assets/styles/side-pane.css';
-@import './assets/styles/cards.css';
-@import './assets/styles/pager.css';
-@import './assets/styles/drop-down-menu.css';
-@import './assets/styles/collapsible-panel.css';
-@import './assets/styles/list-view.css';
-@import './assets/styles/date-picker.component.css';
-@import './assets/styles/toast.css';
-@import './assets/styles/avatar-initials.css';
-@import './assets/styles/toggle.css';
-@import './assets/styles/modal.css';
-
-@import './assets/styles/notifications-indicator.component.css';
-@import './assets/styles/indice-ng-icons-inline.css';
-
-.modal-active {
-  overflow: hidden;
-}
-
-button:active {
-  transform: translateY(2px);
-}
-
-a:active {
-  transform: translateY(2px);
-}

package/src/_tests/utilities.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { UtilitiesService } from '../lib/services/utilities.service';
-
-describe('UtilitiesService', () => {
-  let service: UtilitiesService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(UtilitiesService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/assets/styles/avatar-initials.css

@@ -1,37 +0,0 @@
-@layer components {
-
-  .avatar-container {
-    @apply inline-flex items-center justify-center h-8 w-8 rounded-full bg-gray-800;
-  }
-
-  .avatar-container-large {
-    @apply inline-flex items-center justify-center h-12 w-12 rounded-full bg-gray-500;
-  }
-
-  .avatar-text {
-    @apply text-sm font-medium leading-none text-blue-300;
-  }
-
-  .avatar-text-large {
-    @apply text-xl font-medium leading-none text-white;
-  }
-}
-
-.circle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.circle img {
-  border-radius: 50%;
-  width: 60px;
-  height: 60px;
-}
-
-.circle .initials {
-  color: #FFFFFF;
-  font-size: 20px;
-  line-height: 19px;
-  letter-spacing: 0.2625px;
-}

package/src/assets/styles/base.css

@@ -1,46 +0,0 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-
-@layer base {
-  h1 {
-    @apply text-2xl;
-  }
-
-  h2 {
-    @apply text-xl;
-  }
-
-  h3 {
-    @apply text-lg;
-  }
-
-  a {
-    @apply text-gray-600;
-  }
-
-  select {
-    @apply max-w-lg block focus:ring-gray-300 ring-opacity-25 focus:border-gray-300 w-full shadow-sm sm:max-w-xs sm:text-sm border-gray-200 rounded-sm;
-  }
-
-  input[type=text] {
-    @apply focus:ring-gray-500 focus:border-gray-300 ring-opacity-25 flex-1 block w-full rounded-none sm:text-sm border-gray-200;
-  }
-
-  input[type=password] {
-    @apply focus:ring-gray-500 focus:border-gray-300 ring-opacity-25 flex-1 block w-full rounded-none sm:text-sm border-gray-200;
-  }
-
-  input[type=email] {
-    @apply focus:ring-gray-500 focus:border-gray-300 ring-opacity-25 flex-1 block w-full rounded-none sm:text-sm border-gray-200;
-  }
-
-  input[type=number] {
-    @apply focus:ring-gray-500 focus:border-gray-300 ring-opacity-25 flex-1 block w-full rounded-none sm:text-sm border-gray-200;
-  }
-
-  textarea {
-    @apply shadow-sm focus:ring-gray-500 focus:border-gray-500 mt-1 block w-full sm:text-sm border-gray-300 rounded-sm;
-  }
-
-}

package/src/assets/styles/cards.css

@@ -1,71 +0,0 @@
-@layer components {
-  .card-deck-busy{
-    @apply animate-pulse;
-  }
-  
-  .cards-deck-1 {
-    @apply grid grid-cols-1 gap-0 sm:grid-cols-1 lg:grid-cols-1;
-  }
-
-  .cards-deck-2 {
-    @apply grid grid-cols-1 gap-5 sm:grid-cols-1 lg:grid-cols-2;
-  }
-
-  .cards-deck-3 {
-    @apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3;
-  }
-
-  .cards-deck-4 {
-    @apply grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4;
-  }
-
-  .card {
-    @apply relative h-full border border-gray-200 bg-white shadow-sm rounded-sm overflow-hidden;
-  }
-
-  .card-body {
-    @apply pt-2 px-4 pb-12 sm:pt-6 sm:px-6;
-  }
-
-  .card-img-top {
-    @apply object-cover w-full h-48;
-  }
-
-  .card-header {
-    @apply inset-x-0 bg-gray-50 px-4 py-4 sm:px-6 border-b border-gray-200;
-  }
-
-  .card-footer {
-    @apply absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6 border-t border-gray-200;
-  }
-
-  .kpi-tile-title-container {
-    @apply  uppercase mb-2 overflow-ellipsis overflow-hidden;
-  }
-
-  .kpi-tile-action {
-    @apply hover:text-gray-500;
-  }
-
-  .kpi-tile-value {
-    @apply text-6xl font-thin my-6;
-  }
-
-  .gallery-deck-1 {
-    @apply grid grid-cols-1 p-4 gap-x-6 sm:grid-cols-2;
-  }
-
-  .gallery-deck-2 {
-    @apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2 sm:gap-x-6 p-4;
-  }
-  
-
-  .gallery-deck-3 {
-    @apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 p-4;
-  }
-  
-
-  .gallery-deck-4 {
-    @apply grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8 p-4;
-  }
-}

package/src/assets/styles/collapsible-panel.css

@@ -1,25 +0,0 @@
-@layer components {
-  .collapsible-panel-container {
-    @apply bg-white border border-gray-200 mb-2;
-  }
-
-  .collapsible-panel-container-shadow {
-    @apply shadow-sm;
-  }
-
-  .collapsible-panel-container-inner {
-    @apply relative border-b border-gray-200;
-  }
-
-  .collapsible-panel-button {
-    @apply w-full px-8 py-6 text-left;
-  }
-
-  .collapsible-panel-button-content-container {
-    @apply flex items-center justify-between;
-  }
-
-  .collapsible-panel-content-container {
-    @apply relative overflow-hidden transition-all duration-700;
-  }
-}

package/src/assets/styles/components.css

@@ -1,34 +0,0 @@
-@layer components {
-
-  .md-visible {
-    @apply hidden md:block;
-  }
-
-  .btn-outline {
-    @apply focus:outline-none bg-transparent text-gray-700 text-sm hover:text-gray-800 px-2.5 py-1.5 border border-gray-500 hover:border-gray-600 rounded-sm;
-  }
-
-  .btn-outline:disabled {
-    @apply focus:outline-none bg-transparent text-gray-400 text-sm px-2.5 py-1.5 border border-gray-300 rounded-sm cursor-not-allowed;
-  }
-
-
-  .btn-view-header {
-    @apply text-base focus:outline-none inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-150 rounded-md hover:shadow-sm hover:bg-gray-900;
-  }
-
-
-  .btn-form-view-header {
-    @apply text-base focus:outline-none inline-flex items-center justify-center w-10 h-10 text-gray-700 transition-colors duration-150 rounded-sm hover:shadow-sm hover:bg-gray-50;
-  }
-
-  .btn-form-view-header-search {
-    @apply rounded-l-none text-base focus:outline-none inline-flex items-center justify-center w-10 h-10 text-gray-700 transition-colors duration-150 rounded-sm hover:shadow-sm hover:bg-gray-50;
-  }
-
-  .selected-view-indicator {
-    @apply absolute top-0 right-0 block ml-2 h-1.5 w-1.5 rounded-full ring-1 ring-white bg-blue-300;
-  }
-
-}
-

package/src/assets/styles/drop-down-menu.css

@@ -1,50 +0,0 @@
-@layer components {
-  .dropdown-container {
-    @apply relative w-auto;
-  }
-
-  .dropdown-button {
-    @apply bg-white relative w-full border border-gray-300 rounded-sm shadow-sm pl-3 pr-10 py-2 text-left cursor-default
-  focus:outline-none focus:border-gray-500 sm:text-sm;
-  }
-
-  .dropdown-selected-text {
-    @apply block truncate;
-  }
-
-  .dropdown-button-icon {
-    @apply absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none;
-  }
-
-  .dropdown-arrow {
-    @apply h-5 w-5 text-gray-400;
-  }
-
-  .dropdown-ul {
-    @apply absolute z-50 mt-1 w-auto bg-white shadow-lg max-h-60 rounded-sm py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm overflow-x-hidden;
-  }
-
-  .dropdown-li {
-    @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 min-w-max;
-  }
-
-  .dropdown-li-selected {
-    @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 min-w-max;
-  }
-
-  .dropdown-li-text {
-    @apply font-normal block truncate;
-  }
-
-  .dropdown-li-selected-text {
-    @apply font-semibold block truncate;
-  }
-
-  .dropdown-li-selected-indicator-container {
-    @apply text-gray-600 absolute inset-y-0 right-0 flex items-center pr-4;
-  }
-
-  .dropdown-li-selected-indicator {
-    @apply h-5 w-5;
-  }
-}

package/src/assets/styles/form-layout.css

@@ -1,49 +0,0 @@
-@layer components {
-  .form-layout-container {
-    @apply bg-white shadow-sm border border-gray-200 rounded-sm;
-  }
-
-  .form-header {
-    @apply px-4 py-5 sm:px-6 bg-gray-50 sm:flex sm:items-center sm:justify-between;
-  }
-
-  .form-header-inner {
-    @apply flex-1 min-w-0;
-  }
-
-  .form-title {
-    @apply text-lg leading-6 font-medium text-gray-900;
-  }
-
-  .form-subtitle {
-    @apply mt-1 max-w-2xl text-sm text-gray-500;
-  }
-
-  .form-header-actions {
-    @apply mt-4 flex md:mt-0 md:ml-4;
-  }
-
-  .form-content-container {
-    @apply border-t border-gray-200 px-4 py-5 sm:p-0;
-  }
-
-  .form-content-container-inner {
-    @apply flex flex-col pt-4;
-  }
-
-  .form-header-search-input {
-    @apply block w-60 bg-gray-50 rounded-sm text-sm text-gray-900 placeholder-gray-500 outline-none;
-  }
-
-  .field-label {
-    @apply block text-sm py-2 font-medium text-gray-500;
-  }
-
-  .field-info {
-    @apply mt-2 text-xs text-gray-400 py-2;
-  }
-
-  .form-actions {
-    @apply px-4 py-3 bg-gray-100 text-gray-700 text-right sm:px-6 flex justify-end;
-  }
-}

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

@@ -1,64 +0,0 @@
-@layer components {
-  .list-view-container {
-    @apply flex flex-col border border-gray-200;
-  }
-
-  .list-view-container-inner {
-    @apply overflow-hidden;
-  }
-
-  .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/model-view-layout.css

@@ -1,45 +0,0 @@
-@layer components {
-  .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 lg:col-span-4 md:col-span-3;
-  }
-
-  .model-view-aside-header-section {
-    @apply min-w-full;
-  }
-
-  .model-view-aside-header-container {
-    @apply bg-white shadow rounded-sm;
-  }
-
-  .model-view-aside-header-container-inner {
-    @apply flex flex-col justify-self-stretch bg-gray-50 border-b;
-  }
-
-  .model-view-menu-container {
-    @apply mt-2 px-4 py-4 flow-root;
-  }
-
-  .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-8 md:col-span-9;
-  }
-}

package/src/assets/styles/nav-links.css

@@ -1,35 +0,0 @@
-@layer components {
-
-  .nav-link {
-    @apply text-white hover:bg-gray-700 hover:text-white hover:shadow-sm px-3 py-2 rounded-sm text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .nav-link-profile {
-    @apply block px-4 py-2 text-xs text-gray-700 hover:bg-gray-100 whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .nav-link-mobile {
-    @apply text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-sm text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .nav-link-active {
-    @apply text-blue-300 bg-gray-900 hover:bg-gray-900 px-3 py-2 rounded-sm text-xs shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .nav-link-profile-active {
-    @apply block px-4 py-2 text-xs text-blue-300 shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .nav-link-mobile-active {
-    @apply bg-gray-900 text-blue-300 block px-3 py-2 rounded-sm text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .view-nav-link {
-    @apply text-gray-600 hover:bg-gray-50 hover:text-gray-900 rounded-none py-2 px-4 flex items-center text-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-  .view-nav-link-active {
-    @apply bg-gray-50 border-gray-600 text-gray-900 border-l-4 py-2 px-3 flex items-center text-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-  }
-
-}

package/src/assets/styles/notifications-indicator.component.css

@@ -1,43 +0,0 @@
-@layer components {
-
-  .notifications-nav-link {
-    @apply block py-3 pl-3 pr-2 text-xs text-gray-700 hover:bg-gray-50;
-  }
-
-  .header-notifications {
-    @apply flex gap-3 items-center;
-  }
-
-  .header-notifications-dropdown-button {
-    @apply max-w-xs focus:outline-none rounded-full flex items-center text-sm ring-1 ring-blue-300 focus:ring-offset-1
-    focus:ring-offset-blue-800 focus:ring-blue-400 transition ease-in duration-100;
-  }
-
-  .header-notifications-dropdown {
-    @apply z-50 origin-top-right absolute right-0 pt-3 pl-2 mt-2 w-80 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none;
-  }
-
-  .header-notifications-dropdown-with-username {
-    @apply z-50 origin-top-right absolute right-0 pt-3 pl-1.5 mt-1 w-80 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none;
-  }
-
-  .header-notifications-dropdown-view-all-button{
-    @apply items-center align-text-bottom font-medium w-full px-2.5 py-2.5 text-xs text-gray-600 focus:outline-none;
-  }
-
-  .notification-messages::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
-    background: transparent;
-    cursor: pointer;
-    /* or add it to the track */
-  }
-
-  .notification-messages::-webkit-scrollbar-thumb {
-    @apply bg-gray-600;
-
-    &:hover {
-      @apply bg-gray-700;
-    }
-  }
-}

package/src/assets/styles/pager.css

@@ -1,29 +0,0 @@
-@layer components {
-  .pager-container {
-    @apply flex items-center justify-between mb-2;
-  }
-
-  .pager-container-inner {
-    @apply sm:flex-1 sm:flex sm:items-center sm:justify-between;
-  }
-
-  .pager-icon-button {
-    @apply inline-flex relative ml-2 inline-flex items-center px-2 py-2 rounded-l-sm border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50;
-  }
-
-  .pager-pages-container {
-    @apply relative z-30 inline-flex rounded-sm;
-  }
-
-  .pager-button {
-    @apply relative ml-2 inline-flex items-center px-2 py-2 rounded-l-sm border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50;
-  }
-
-  .pager-arrow-button-left {
-    @apply hidden sm:inline-flex relative ml-2 items-center px-2 py-2 rounded-l-sm border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50;
-  }
-
-  .pager-arrow-button-right {
-    @apply hidden sm:inline-flex relative mr-2 items-center px-2 py-2 rounded-l-sm border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50;
-  }
-}