@apipass/schemas 0.1.6-alpha.2

package/README.md

@@ -0,0 +1,33 @@
+# @apipass/inputs
+
+This package is a angular component for buttons
+
+## Installation
+
+
+```bash
+npm install @apipass/inputs
+```
+
+## Usage
+
+```typescript
+[...]
+import {InputsModule} from "@apipass/inputs";
+
+@NgModule({
+  imports: [
+    [...]
+    InputsModule
+  ],
+[...]
+```
+
+
+...
+```html
+
+```
+
+## License
+[MIT](https://choosealicense.com/licenses/mit/)

package/apipass-schemas.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@apipass/schemas" />
+export * from './public-api';

package/assets/css/buttons.scss

@@ -0,0 +1,112 @@
+@import "colors";
+@import "fonts";
+@import "spacing";
+
+/* Buttons */
+.apipass-tab-button {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  padding: $spacing-tab-button-top $spacing-tab-button-right $spacing-tab-button-bottom $spacing-tab-button-left !important;
+  font-weight: bold;
+  font-size: $base-font-size - 2px;
+  border-radius: 6px 6px 0 0 !important;
+  .mat-button-wrapper, .mat-icon, .button-text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .apipass-btn-icon-text {
+    padding-right: 10px;
+  }
+}
+
+.apipass-btn-default {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  padding: 0 $spacing-button-right 0 $spacing-button-left !important;
+  font-weight: bold;
+  border-radius: 6px !important;
+  .mat-button-wrapper, .mat-icon, .button-text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .apipass-btn-icon-text {
+    padding-right: 10px;
+  }
+}
+
+.apipass-btn-primary {
+  background: var(--color-primary);
+  color: #FFF;
+  &:hover, .hover {
+    background: var(--color-primary-hover);
+  }
+  &:active, .active {
+    background: var(--color-primary-active);
+  }
+  &:disabled, .disabled {
+    background: var(--color-tertiary);
+    color: var(--color-fonts-tertiary);
+    border: 1px px solid var(--color-tertiary-hover);
+    cursor: no-drop !important;
+  }
+}
+
+.apipass-btn-secondary {
+  background: var(--color-secondary);
+  color: var(--color-primary);
+  &:hover, .hover {
+    background: var(--color-secondary-hover);
+  }
+  &:active, .active {
+    background: var(--color-secondary-active);
+  }
+  &:disabled, .disabled {
+    background: var(--color-tertiary);
+    color: var(--color-fonts-tertiary);
+    border: 1px px solid var(--color-tertiary-hover);
+    cursor: no-drop !important;
+  }
+}
+
+.apipass-btn-tertiary {
+  background: var(--color-tertiary);
+  color: var(--color-primary);
+  padding: 15px !important;
+  border: 1px solid var(--color-tertiary-hover);
+  &:hover, .hover {
+    background: var(--color-tertiary-hover);
+  }
+  &:active, .active {
+    background: var(--color-tertiary-active);
+  }
+  &:disabled, .disabled {
+    background: var(--color-tertiary);
+    color: var(--color-fonts-tertiary);
+    border: 1px px solid var(--color-tertiary-hover);
+    cursor: no-drop !important;
+  }
+}
+
+.apipass-btn-outline {
+  color: var(--color-fonts-tertiary);
+  &.remove-button {
+    color: var(--color-red);
+  }
+  &:hover, .hover {
+    background: var(--color-tertiary-hover);
+  }
+  &:active, .active {
+    background: var(--color-tertiary-active);
+  }
+  &:disabled, .disabled {
+    background: var(--color-tertiary);
+    color: var(--color-fonts-tertiary);
+    border: 1px px solid var(--color-tertiary-hover);
+    cursor: no-drop !important;
+  }
+}
+

package/assets/css/colors.scss

@@ -0,0 +1,34 @@
+:root {
+  --color-primary: #222D57;
+  --color-primary-hover: #18203D;
+  --color-primary-active: #29376A;
+
+  --color-secondary: #D3D921;
+  --color-secondary-hover: #B3B81C;
+  --color-secondary-active: #DCE13F;
+
+  --color-tertiary: #EFEFEF;
+  --color-tertiary-hover: #CBCBCB;
+  --color-tertiary-active: #F1F1F1;
+
+  --color-fonts-tertiary: #777777;
+
+
+
+
+  // Defaults
+  --color-body-light: #FFF;
+  --color-red: rgb(255, 0, 0);
+  --limit-plan-color: #ff6c00;
+  --color_disabled: #E0E0E0;
+  --color_components_light: #FFF;
+  --color-inputs-border: #DDD;
+  --color-inputs-background: #FFF;
+  --color_icon_remove: var(--color-red);
+  --color_icon_success: #070;
+  --color_graph_primary: #1643EF;
+  --color_graph_primary_hover: #0A2692;
+  --color_graph_error: #EB5757;
+  --color_graph_error_hover: #C91717;
+
+}

package/assets/css/fonts.scss

@@ -0,0 +1,24 @@
+$base-font-size: 14px;
+$base-input-font-size: $base-font-size;
+
+@import "pt_sans";
+
+.text-primary {
+  color: var(--color-primary) !important;
+}
+
+.text-secondary {
+  color: var(--color-secondary) !important;
+}
+
+.text-tertiary {
+  color: var(--color-fonts-tertiary) !important;
+}
+
+.text-weight-bold {
+  font-weight: bold !important;
+}
+
+.text-weight-normal {
+  font-weight: normal !important;
+}

package/assets/css/inputs.scss

@@ -0,0 +1,197 @@
+@import "colors";
+@import "fonts";
+@import "spacing";
+
+/* Default Inputs */
+.mat-input-underline, .mat-form-field-underline {
+  display: none;
+}
+
+.mat-form-field-appearance-fill .mat-form-field-flex {
+  display: flex!important;
+  align-items: center!important;
+  border: 1px solid var(--color-inputs-border) !important;
+  background: var(--color-inputs-background) !important;
+  border-radius: 6px !important;
+}
+
+.mat-form-field-infix {
+  padding: 0 !important;
+  display: flex!important;
+  align-items: center!important;
+  border-top: none!important;
+}
+
+.mat-select-arrow-wrapper {
+  display: flex!important;
+}
+
+.mat-icon-button {
+  width: auto!important;
+}
+
+.no-border {
+  .mat-form-field-flex {
+    border: none !important;
+    input {
+      padding: 1px;
+    }
+  }
+}
+
+.mat-form-field-label-wrapper {
+  top: -10px;
+}
+
+.mat-form-field-should-float .mat-form-field-label-wrapper {
+  font-size: $base-font-size;
+}
+
+.placeholder-primary {
+  .mat-form-field-label-wrapper {
+    color: var(--color-primary) !important;
+    label {
+      color: var(--color-primary) !important;
+    }
+  }
+  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
+    color: var(--color-primary) !important;
+  }
+  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder  {
+    color: var(--color-primary) !important;
+  }
+  input {
+    ::-webkit-input-placeholder { /* Edge */
+      color: var(--color-primary) !important;
+    }
+    :-ms-input-placeholder { /* Internet Explorer 10-11 */
+      color: var(--color-primary) !important;
+    }
+    ::placeholder {
+      color: var(--color-primary) !important;
+    }
+  }
+}
+
+.placeholder-bold {
+  .mat-form-field-label-wrapper {
+    font-weight: bold !important;
+    label {
+      font-weight: bold !important;
+    }
+  }
+  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
+    font-weight: bold !important;
+  }
+  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
+    font-weight: bold !important;
+  }
+  input {
+    ::-webkit-input-placeholder { /* Edge */
+      font-weight: bold !important;
+    }
+    :-ms-input-placeholder { /* Internet Explorer 10-11 */
+      font-weight: bold !important;
+    }
+    ::placeholder {
+      font-weight: bold !important;
+    }
+  }
+}
+
+/* Inputs */
+.apipass-input-text {
+  width: 100%;
+  .mat-form-field-flex {
+    padding: $spacing-input-top $spacing-input-right $spacing-input-bottom $spacing-input-left !important;
+  }
+}
+
+.apipass-input-text,
+.apipass-search-input-text,
+.custom-select-component,
+.apipass-select,
+.apipass-date-filter {
+
+  .mat-form-field-wrapper {
+    padding: 0 !important;
+  }
+  .mat-icon-button {
+    width: auto!important;
+    height: auto!important;
+  }
+
+  &.label-input {
+    .mat-form-field-label-wrapper {
+      padding-top: 0;
+      top: auto !important;
+    }
+    input {
+      padding-top: 10px !important;
+      padding-bottom: 5px !important;
+    }
+  }
+  &.mat-form-field-should-float {
+    .mat-form-field-label-wrapper {
+      padding-top: 0 !important;
+      margin-top: -10px !important;
+    }
+  }
+
+}
+
+
+.apipass-search-input-text {
+  width: 100%;
+
+  &.small-text {
+    font-size: $base-font-size - 2px;
+  }
+  .mat-form-field-flex {
+    padding: 2px 5px 2px 2px !important;
+    border-top: none !important;
+    border-left: none !important;
+    border-right: none !important;
+    border-radius: 0 !important;
+  }
+  .search-icon {
+    margin-top: -5px !important;
+  }
+
+}
+
+.custom-select-component {
+  width: 100%;
+  .mat-form-field-flex {
+    padding: 1px $spacing-input-right 1px $spacing-input-left !important;
+  }
+}
+
+.apipass-select {
+  width: 100%;
+  .mat-form-field-flex {
+    padding: $spacing-select-top $spacing-select-right $spacing-select-bottom $spacing-select-left !important;
+  }
+  &.label-input {
+    .mat-form-field-infix {
+      padding-top: 7px !important;
+      padding-bottom: 7px !important;
+    }
+  }
+}
+
+.apipass-date-filter {
+  width: 100%;
+  .mat-form-field-flex {
+    padding: $spacing-date-filter-top $spacing-date-filter-right $spacing-date-filter-bottom $spacing-date-filter-left !important;
+  }
+  .mat-form-field-suffix {
+    span {
+      cursor: pointer;
+      color: #777;
+    }
+  }
+  .mat-form-field-wrapper {
+    padding-bottom: 0 !important;
+  }
+}

package/assets/css/pt_sans.scss

@@ -0,0 +1,144 @@
+/* cyrillic-ext */
+@font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
+    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }

package/assets/css/spacing.scss

@@ -0,0 +1,28 @@
+// Input
+$spacing-input-top: 10px;
+$spacing-input-right: 10px;
+$spacing-input-bottom: 10px;
+$spacing-input-left: 10px;
+
+// Date Filter
+$spacing-date-filter-top: 7px;
+$spacing-date-filter-right: 10px;
+$spacing-date-filter-bottom: 7px;
+$spacing-date-filter-left: 10px;
+
+// Select
+$spacing-select-top: 10px;
+$spacing-select-right: 5px;
+$spacing-select-bottom: 10px;
+$spacing-select-left: 10px;
+
+// Buttons
+$spacing-button-top: 7px;
+$spacing-button-right: 15px;
+$spacing-button-bottom: 7px;
+$spacing-button-left: 15px;
+
+$spacing-tab-button-top: 8px;
+$spacing-tab-button-right: 40px;
+$spacing-tab-button-bottom: 8px;
+$spacing-tab-button-left: 40px;

package/assets/css/texts.scss

@@ -0,0 +1,18 @@
+@import "colors";
+
+.text-color-primary {
+  color: var(--color-primary);
+}
+
+.text-color-secondary {
+  color: var(--color-secondary);
+}
+
+.text-color-tertiary {
+  color: var(--color-fonts-tertiary);
+}
+
+.font-black {
+  color: #000 !important;
+}
+

package/base-schema.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class BaseSchemaComponent {
+    model: any;
+    schema: any;
+    modelChange: EventEmitter<any>;
+    getSchemaProperties(): any;
+    canRender(property: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDef<BaseSchemaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<BaseSchemaComponent, "ng-component", never, { "model": "model"; "schema": "schema"; }, { "modelChange": "modelChange"; }, never, never>;
+}