@apipass/inputs 0.2.16 → 1.0.0

package/ace-editor/component.d.ts

@@ -1,52 +1,52 @@
-import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import 'brace';
-import 'brace/theme/monokai';
-import * as i0 from "@angular/core";
-export declare class AceEditorComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    private zone;
-    textChanged: EventEmitter<any>;
-    textChange: EventEmitter<any>;
-    style: any;
-    _options: any;
-    _readOnly: false;
-    _theme: string;
-    _mode: string;
-    _autoUpdateContent: boolean;
-    _editor: any;
-    _durationBeforeCallback: number;
-    _text: string;
-    oldText: any;
-    timeoutSaving: any;
-    constructor(elementRef: ElementRef, zone: NgZone);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    init(): void;
-    initEvents(): void;
-    updateText(): void;
-    set options(options: any);
-    setOptions(options: any): void;
-    set readOnly(readOnly: any);
-    setReadOnly(readOnly: any): void;
-    set theme(theme: any);
-    setTheme(theme: any): void;
-    set mode(mode: any);
-    setMode(mode: any): void;
-    get value(): string;
-    set value(value: string);
-    writeValue(value: any): void;
-    private _onChange;
-    registerOnChange(fn: any): void;
-    private _onTouched;
-    registerOnTouched(fn: any): void;
-    get text(): string;
-    set text(text: string);
-    setText(text: any): void;
-    set autoUpdateContent(status: any);
-    setAutoUpdateContent(status: any): void;
-    set durationBeforeCallback(num: number);
-    setDurationBeforeCallback(num: number): void;
-    getEditor(): any;
-    static ɵfac: i0.ɵɵFactoryDef<AceEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<AceEditorComponent, "ace-editor", never, { "style": "style"; "options": "options"; "readOnly": "readOnly"; "theme": "theme"; "mode": "mode"; "value": "value"; "text": "text"; "autoUpdateContent": "autoUpdateContent"; "durationBeforeCallback": "durationBeforeCallback"; }, { "textChanged": "textChanged"; "textChange": "textChange"; }, never, never>;
-}
+import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import 'brace';
+import 'brace/theme/monokai';
+import * as i0 from "@angular/core";
+export declare class AceEditorComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private zone;
+    textChanged: EventEmitter<any>;
+    textChange: EventEmitter<any>;
+    style: any;
+    _options: any;
+    _readOnly: false;
+    _theme: string;
+    _mode: string;
+    _autoUpdateContent: boolean;
+    _editor: any;
+    _durationBeforeCallback: number;
+    _text: string;
+    oldText: any;
+    timeoutSaving: any;
+    constructor(elementRef: ElementRef, zone: NgZone);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    init(): void;
+    initEvents(): void;
+    updateText(): void;
+    set options(options: any);
+    setOptions(options: any): void;
+    set readOnly(readOnly: any);
+    setReadOnly(readOnly: any): void;
+    set theme(theme: any);
+    setTheme(theme: any): void;
+    set mode(mode: any);
+    setMode(mode: any): void;
+    get value(): string;
+    set value(value: string);
+    writeValue(value: any): void;
+    private _onChange;
+    registerOnChange(fn: any): void;
+    private _onTouched;
+    registerOnTouched(fn: any): void;
+    get text(): string;
+    set text(text: string);
+    setText(text: any): void;
+    set autoUpdateContent(status: any);
+    setAutoUpdateContent(status: any): void;
+    set durationBeforeCallback(num: number);
+    setDurationBeforeCallback(num: number): void;
+    getEditor(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AceEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AceEditorComponent, "ace-editor", never, { "style": "style"; "options": "options"; "readOnly": "readOnly"; "theme": "theme"; "mode": "mode"; "value": "value"; "text": "text"; "autoUpdateContent": "autoUpdateContent"; "durationBeforeCallback": "durationBeforeCallback"; }, { "textChanged": "textChanged"; "textChange": "textChange"; }, never, never, false, never>;
+}

package/ace-editor/directive.d.ts

@@ -1,39 +1,39 @@
-import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
-import 'brace';
-import 'brace/theme/monokai';
-import * as i0 from "@angular/core";
-export declare class AceEditorDirective implements OnInit, OnDestroy {
-    private zone;
-    textChanged: EventEmitter<any>;
-    textChange: EventEmitter<any>;
-    _options: any;
-    _readOnly: boolean;
-    _theme: string;
-    _mode: string;
-    _autoUpdateContent: boolean;
-    _durationBeforeCallback: number;
-    _text: string;
-    editor: any;
-    oldText: any;
-    timeoutSaving: any;
-    constructor(elementRef: ElementRef, zone: NgZone);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    init(): void;
-    initEvents(): void;
-    updateText(): void;
-    set options(options: any);
-    set readOnly(readOnly: any);
-    set theme(theme: any);
-    set mode(mode: any);
-    setMode(mode: any): void;
-    get text(): string;
-    set text(text: string);
-    setText(text: any): void;
-    set autoUpdateContent(status: any);
-    set durationBeforeCallback(num: number);
-    setDurationBeforeCallback(num: number): void;
-    get aceEditor(): any;
-    static ɵfac: i0.ɵɵFactoryDef<AceEditorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<AceEditorDirective, "[ace-editor]", never, { "options": "options"; "readOnly": "readOnly"; "theme": "theme"; "mode": "mode"; "text": "text"; "autoUpdateContent": "autoUpdateContent"; "durationBeforeCallback": "durationBeforeCallback"; }, { "textChanged": "textChanged"; "textChange": "textChange"; }, never>;
-}
+import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import 'brace';
+import 'brace/theme/monokai';
+import * as i0 from "@angular/core";
+export declare class AceEditorDirective implements OnInit, OnDestroy {
+    private zone;
+    textChanged: EventEmitter<any>;
+    textChange: EventEmitter<any>;
+    _options: any;
+    _readOnly: boolean;
+    _theme: string;
+    _mode: string;
+    _autoUpdateContent: boolean;
+    _durationBeforeCallback: number;
+    _text: string;
+    editor: any;
+    oldText: any;
+    timeoutSaving: any;
+    constructor(elementRef: ElementRef, zone: NgZone);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    init(): void;
+    initEvents(): void;
+    updateText(): void;
+    set options(options: any);
+    set readOnly(readOnly: any);
+    set theme(theme: any);
+    set mode(mode: any);
+    setMode(mode: any): void;
+    get text(): string;
+    set text(text: string);
+    setText(text: any): void;
+    set autoUpdateContent(status: any);
+    set durationBeforeCallback(num: number);
+    setDurationBeforeCallback(num: number): void;
+    get aceEditor(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AceEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AceEditorDirective, "[ace-editor]", never, { "options": "options"; "readOnly": "readOnly"; "theme": "theme"; "mode": "mode"; "text": "text"; "autoUpdateContent": "autoUpdateContent"; "durationBeforeCallback": "durationBeforeCallback"; }, { "textChanged": "textChanged"; "textChange": "textChange"; }, never, never, false, never>;
+}

package/assets/css/buttons.scss

@@ -1,118 +1,118 @@
-@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-icon-text-suffix {
-    padding-left: 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-icon-text-suffix {
-    padding-left: 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;
-  }
-}
-
+@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-icon-text-suffix {
+    padding-left: 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-icon-text-suffix {
+    padding-left: 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

@@ -1,34 +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;
-
-}
+: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

@@ -1,24 +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;
-}
+$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;
+}