@grumptech/ngx-basic-ui 1.0.0

package/breadcrumb/breadcrumb/breadcrumb.component.scss

@@ -0,0 +1,18 @@
+:host {
+  display: block;
+}
+
+.breadcrumb {
+  a {
+    cursor: pointer;
+    color: rgb(0, 0, 238);
+    margin-right: 10px;
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  span {
+    margin-right: 10px;
+  }
+}

package/code-editor/code-editor/code-editor.component.scss

@@ -0,0 +1,58 @@
+@use "../../thin-scrollbars";
+
+:host {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.scroll {
+  display: block;
+  flex: 1;
+  border-radius: 4px;
+  border: 1px solid gray;
+  padding: 6px;
+  min-width: 0;
+  @include thin-scrollbars.scrollbars;
+
+  &.disabled {
+    background-color: rgba(0, 0, 0, 0.03);
+    border-color: lightgray;
+    cursor: text;
+  }
+}
+
+textarea {
+  resize: none;
+  white-space: pre;
+  field-sizing: content;
+  width: auto;
+  padding: 0;
+  margin: 0;
+  outline: 0;
+  border: 0;
+  min-width: 100%;
+  background-color: transparent;
+}
+
+.warning-message {
+  flex-shrink: 0;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  margin-top: 0.5em;
+  border-radius: 0.5em;
+  background-color: #f44336;
+  height: 2em;
+  width: 100%;
+}
+.warning-message_text {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0.33em 0.43em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: white;
+}

package/fesm2022/grumptech-ngx-basic-ui-breadcrumb.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+class Breadcrumb {
+    urlPrefix = input('', ...(ngDevMode ? [{ debugName: "urlPrefix" }] : /* istanbul ignore next */ []));
+    relativeTo = input(...(ngDevMode ? [undefined, { debugName: "relativeTo" }] : /* istanbul ignore next */ []));
+    parts = input([], ...(ngDevMode ? [{ debugName: "parts" }] : /* istanbul ignore next */ []));
+    trackFn(part, index) {
+        return `${part.label}-${part.url ? `,${part.url}` : ''}-${index}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: Breadcrumb, isStandalone: true, selector: "b-breadcrumb", inputs: { urlPrefix: { classPropertyName: "urlPrefix", publicName: "urlPrefix", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, parts: { classPropertyName: "parts", publicName: "parts", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (parts().length) {\n  <div class=\"breadcrumb\">\n    @for (\n      part of parts();\n      track trackFn(part, index);\n      let index = $index, last = $last\n    ) {\n      @if (part.url) {\n        <a [relativeTo]=\"relativeTo()\" [routerLink]=\"urlPrefix() + part.url\">{{\n          part.label\n        }}</a>\n      } @else {\n        <span>{{ part.label }}</span>\n      }\n      @if (!last) {\n        <span class=\"separator\">&gt;</span>\n      }\n    }\n  </div>\n}\n", styles: [":host{display:block}.breadcrumb a{cursor:pointer;color:#00e;margin-right:10px;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: 'b-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink], template: "@if (parts().length) {\n  <div class=\"breadcrumb\">\n    @for (\n      part of parts();\n      track trackFn(part, index);\n      let index = $index, last = $last\n    ) {\n      @if (part.url) {\n        <a [relativeTo]=\"relativeTo()\" [routerLink]=\"urlPrefix() + part.url\">{{\n          part.label\n        }}</a>\n      } @else {\n        <span>{{ part.label }}</span>\n      }\n      @if (!last) {\n        <span class=\"separator\">&gt;</span>\n      }\n    }\n  </div>\n}\n", styles: [":host{display:block}.breadcrumb a{cursor:pointer;color:#00e;margin-right:10px;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin-right:10px}\n"] }]
+        }], propDecorators: { urlPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlPrefix", required: false }] }], relativeTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "relativeTo", required: false }] }], parts: [{ type: i0.Input, args: [{ isSignal: true, alias: "parts", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breadcrumb };
+//# sourceMappingURL=grumptech-ngx-basic-ui-breadcrumb.mjs.map

package/fesm2022/grumptech-ngx-basic-ui-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grumptech-ngx-basic-ui-breadcrumb.mjs","sources":["../../../projects/ngx-basic-ui/breadcrumb/breadcrumb/breadcrumb.component.ts","../../../projects/ngx-basic-ui/breadcrumb/breadcrumb/breadcrumb.component.html","../../../projects/ngx-basic-ui/breadcrumb/grumptech-ngx-basic-ui-breadcrumb.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { BreadcrumbPart } from '../models';\n\n@Component({\n  selector: 'b-breadcrumb',\n  templateUrl: 'breadcrumb.component.html',\n  styleUrl: 'breadcrumb.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLink],\n})\nexport class Breadcrumb {\n  readonly urlPrefix = input('');\n  readonly relativeTo = input<ActivatedRoute | null>();\n  readonly parts = input<BreadcrumbPart[]>([]);\n\n  protected trackFn(\n    part: { label: string; url?: string },\n    index: number,\n  ): string {\n    return `${part.label}-${part.url ? `,${part.url}` : ''}-${index}`;\n  }\n}\n","@if (parts().length) {\n  <div class=\"breadcrumb\">\n    @for (\n      part of parts();\n      track trackFn(part, index);\n      let index = $index, last = $last\n    ) {\n      @if (part.url) {\n        <a [relativeTo]=\"relativeTo()\" [routerLink]=\"urlPrefix() + part.url\">{{\n          part.label\n        }}</a>\n      } @else {\n        <span>{{ part.label }}</span>\n      }\n      @if (!last) {\n        <span class=\"separator\">&gt;</span>\n      }\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAWa,UAAU,CAAA;AACZ,IAAA,SAAS,GAAG,KAAK,CAAC,EAAE,gFAAC;IACrB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAyB;AAC3C,IAAA,KAAK,GAAG,KAAK,CAAmB,EAAE,4EAAC;IAElC,OAAO,CACf,IAAqC,EACrC,KAAa,EAAA;QAEb,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,CAAA,CAAE,GAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE;IACnE;wGAVW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXvB,qeAoBA,EAAA,MAAA,EAAA,CAAA,wLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXY,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,mBAGP,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,qeAAA,EAAA,MAAA,EAAA,CAAA,wLAAA,CAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/grumptech-ngx-basic-ui-code-editor.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, inject, DestroyRef, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+import { debounceTime } from 'rxjs';
+import JSON5 from 'json5';
+
+// CdkTextareaAutosize can be removed once `field-sizing: content;` is fully supported.
+class CodeEditor {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    formatter = input(...(ngDevMode ? [undefined, { debugName: "formatter" }] : /* istanbul ignore next */ []));
+    validator = input(...(ngDevMode ? [undefined, { debugName: "validator" }] : /* istanbul ignore next */ []));
+    validChange = output();
+    warningMessage = signal('', ...(ngDevMode ? [{ debugName: "warningMessage" }] : /* istanbul ignore next */ []));
+    formControl = new FormControl('', { nonNullable: true });
+    id;
+    static counter = 0;
+    destroyRef = inject(DestroyRef);
+    constructor() {
+        this.id = `b-code-editor_${++CodeEditor.counter}`;
+    }
+    ngOnInit() {
+        this.formControl.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef), debounceTime(200))
+            .subscribe((value) => {
+            const validator = this.validator();
+            if (!validator) {
+                return;
+            }
+            const result = validator(value);
+            if (!result.valid) {
+                this.warningMessage.set(result.message);
+                console.warn(result.message);
+            }
+            else {
+                this.validChange.emit(value);
+                this.warningMessage.set('');
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes.data) {
+            const formatter = this.formatter();
+            this.formControl.setValue(formatter
+                ? formatter(changes.data.currentValue)
+                : changes.data.currentValue);
+        }
+        if (changes.disabled) {
+            changes.disabled.currentValue
+                ? this.formControl.disable()
+                : this.formControl.enable();
+        }
+    }
+    getData() {
+        return this.formControl.value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CodeEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CodeEditor, isStandalone: true, selector: "b-code-editor", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, validator: { classPropertyName: "validator", publicName: "validator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validChange: "validChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"scroll\" [class.disabled]=\"disabled()\">\n  <textarea\n    cdkTextareaAutosize\n    [id]=\"id\"\n    [style.color]=\"disabled() ? 'rgba(0, 0, 0, 0.5)' : ''\"\n    [formControl]=\"formControl\"\n    spellcheck=\"false\"\n  ></textarea>\n</div>\n@if (warningMessage()) {\n  <div class=\"warning-message\">\n    <div class=\"warning-message_text\">{{ warningMessage() }}</div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;min-width:0}.scroll{display:block;flex:1;border-radius:4px;border:1px solid gray;padding:6px;min-width:0;overflow:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-corner{display:none}.scroll::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa}.scroll::-webkit-scrollbar-track{border-radius:4px;background:#eee}.scroll.disabled{background-color:#00000008;border-color:#d3d3d3;cursor:text}textarea{resize:none;white-space:pre;field-sizing:content;width:auto;padding:0;margin:0;outline:0;border:0;min-width:100%;background-color:transparent}.warning-message{flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;margin-top:.5em;border-radius:.5em;background-color:#f44336;height:2em;width:100%}.warning-message_text{position:absolute;box-sizing:border-box;width:100%;padding:.33em .43em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CodeEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'b-code-editor', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, CdkTextareaAutosize], template: "<div class=\"scroll\" [class.disabled]=\"disabled()\">\n  <textarea\n    cdkTextareaAutosize\n    [id]=\"id\"\n    [style.color]=\"disabled() ? 'rgba(0, 0, 0, 0.5)' : ''\"\n    [formControl]=\"formControl\"\n    spellcheck=\"false\"\n  ></textarea>\n</div>\n@if (warningMessage()) {\n  <div class=\"warning-message\">\n    <div class=\"warning-message_text\">{{ warningMessage() }}</div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;min-width:0}.scroll{display:block;flex:1;border-radius:4px;border:1px solid gray;padding:6px;min-width:0;overflow:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-corner{display:none}.scroll::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa}.scroll::-webkit-scrollbar-track{border-radius:4px;background:#eee}.scroll.disabled{background-color:#00000008;border-color:#d3d3d3;cursor:text}textarea{resize:none;white-space:pre;field-sizing:content;width:auto;padding:0;margin:0;outline:0;border:0;min-width:100%;background-color:transparent}.warning-message{flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;margin-top:.5em;border-radius:.5em;background-color:#f44336;height:2em;width:100%}.warning-message_text{position:absolute;box-sizing:border-box;width:100%;padding:.33em .43em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], validator: [{ type: i0.Input, args: [{ isSignal: true, alias: "validator", required: false }] }], validChange: [{ type: i0.Output, args: ["validChange"] }] } });
+
+class JsonFormatter {
+    format(data) {
+        let object;
+        try {
+            object = JSON5.parse(data);
+        }
+        catch {
+            return data;
+        }
+        return JSON5.stringify(object);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonFormatter, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonFormatter, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CodeEditor, JsonFormatter };
+//# sourceMappingURL=grumptech-ngx-basic-ui-code-editor.mjs.map

package/fesm2022/grumptech-ngx-basic-ui-code-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grumptech-ngx-basic-ui-code-editor.mjs","sources":["../../../projects/ngx-basic-ui/code-editor/code-editor/code-editor.component.ts","../../../projects/ngx-basic-ui/code-editor/code-editor/code-editor.component.html","../../../projects/ngx-basic-ui/code-editor/formatters/json-formatter.ts","../../../projects/ngx-basic-ui/code-editor/grumptech-ngx-basic-ui-code-editor.ts"],"sourcesContent":["import {\n  Component,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  input,\n  output,\n  signal,\n  inject,\n  DestroyRef,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { debounceTime } from 'rxjs';\n\n// CdkTextareaAutosize can be removed once `field-sizing: content;` is fully supported.\n@Component({\n  selector: 'b-code-editor',\n  templateUrl: './code-editor.component.html',\n  styleUrl: './code-editor.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [ReactiveFormsModule, CdkTextareaAutosize],\n})\nexport class CodeEditor implements OnInit, OnChanges {\n  readonly data = input.required<string>();\n  readonly disabled = input(false);\n  readonly formatter = input<(data: string) => string>();\n  readonly validator = input<\n    (data: string) => {\n      valid: boolean;\n      message: string;\n    }\n  >();\n  readonly validChange = output<string>();\n  protected readonly warningMessage = signal('');\n  protected readonly formControl = new FormControl('', { nonNullable: true });\n  protected readonly id: string;\n  private static counter = 0;\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    this.id = `b-code-editor_${++CodeEditor.counter}`;\n  }\n\n  ngOnInit(): void {\n    this.formControl.valueChanges\n      .pipe(takeUntilDestroyed(this.destroyRef), debounceTime(200))\n      .subscribe((value) => {\n        const validator = this.validator();\n        if (!validator) {\n          return;\n        }\n        const result = validator(value);\n        if (!result.valid) {\n          this.warningMessage.set(result.message);\n          console.warn(result.message);\n        } else {\n          this.validChange.emit(value);\n          this.warningMessage.set('');\n        }\n      });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.data) {\n      const formatter = this.formatter();\n      this.formControl.setValue(\n        formatter\n          ? formatter(changes.data.currentValue)\n          : changes.data.currentValue,\n      );\n    }\n    if (changes.disabled) {\n      changes.disabled.currentValue\n        ? this.formControl.disable()\n        : this.formControl.enable();\n    }\n  }\n\n  getData(): string {\n    return this.formControl.value;\n  }\n}\n","<div class=\"scroll\" [class.disabled]=\"disabled()\">\n  <textarea\n    cdkTextareaAutosize\n    [id]=\"id\"\n    [style.color]=\"disabled() ? 'rgba(0, 0, 0, 0.5)' : ''\"\n    [formControl]=\"formControl\"\n    spellcheck=\"false\"\n  ></textarea>\n</div>\n@if (warningMessage()) {\n  <div class=\"warning-message\">\n    <div class=\"warning-message_text\">{{ warningMessage() }}</div>\n  </div>\n}\n","import { Injectable } from '@angular/core';\nimport JSON5 from 'json5';\n\n@Injectable({ providedIn: 'root' })\nexport class JsonFormatter {\n  format(data: string): string {\n    let object: any;\n    try {\n      object = JSON5.parse(data);\n    } catch {\n      return data;\n    }\n    return JSON5.stringify(object);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/grumptech-ngx-basic-ui-navigation.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+
+class Navigation {
+    urlPrefix = input('', ...(ngDevMode ? [{ debugName: "urlPrefix" }] : /* istanbul ignore next */ []));
+    relativeTo = input(...(ngDevMode ? [undefined, { debugName: "relativeTo" }] : /* istanbul ignore next */ []));
+    menu = input([], ...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
+    menuItems = [];
+    ngOnChanges(changes) {
+        if (changes.menu) {
+            this.menuItems = this.toFlatMenuItemsRecursive(this.menu());
+        }
+    }
+    toFlatMenuItemsRecursive(items, level = 0) {
+        return items.flatMap((i) => {
+            const item = i.url
+                ? { name: i.name, url: i.url, level }
+                : { name: i.name, level };
+            const children = this.toFlatMenuItemsRecursive(i.children, level + 1);
+            return [item].concat(children);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Navigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: Navigation, isStandalone: true, selector: "b-navigation", inputs: { urlPrefix: { classPropertyName: "urlPrefix", publicName: "urlPrefix", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<nav>\n  <div class=\"container\">\n    @for (item of menuItems; track item) {\n      @if (item.url) {\n        <a\n          mat-list-item\n          [style.paddingLeft.px]=\"item.level * 10 + 10\"\n          [relativeTo]=\"relativeTo()\"\n          [routerLink]=\"urlPrefix() + item.url\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{\n            matrixParams: 'ignored',\n            queryParams: 'ignored',\n            paths: 'exact',\n            fragment: 'ignored',\n          }\"\n          >{{ item.name }}</a\n        >\n      } @else {\n        <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n          {{ item.name }}\n        </div>\n      }\n    }\n  </div>\n</nav>\n", styles: [":host{box-sizing:border-box}nav{height:100%;box-sizing:border-box;padding:5px}.container{padding-bottom:15px;font-size:16px}.container a{display:block;line-height:40px;color:#1e1e1e;text-decoration:none;height:40px;border-radius:8px}.container a:hover{background-color:#00000005}.container a:focus{background-color:#0000000d}.container a.active{background-color:#673ab740}.container div{height:40px;line-height:40px;color:#1e1e1eb3}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Navigation, decorators: [{
+            type: Component,
+            args: [{ selector: 'b-navigation', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatListModule, RouterLink, RouterLinkActive], template: "<nav>\n  <div class=\"container\">\n    @for (item of menuItems; track item) {\n      @if (item.url) {\n        <a\n          mat-list-item\n          [style.paddingLeft.px]=\"item.level * 10 + 10\"\n          [relativeTo]=\"relativeTo()\"\n          [routerLink]=\"urlPrefix() + item.url\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{\n            matrixParams: 'ignored',\n            queryParams: 'ignored',\n            paths: 'exact',\n            fragment: 'ignored',\n          }\"\n          >{{ item.name }}</a\n        >\n      } @else {\n        <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n          {{ item.name }}\n        </div>\n      }\n    }\n  </div>\n</nav>\n", styles: [":host{box-sizing:border-box}nav{height:100%;box-sizing:border-box;padding:5px}.container{padding-bottom:15px;font-size:16px}.container a{display:block;line-height:40px;color:#1e1e1e;text-decoration:none;height:40px;border-radius:8px}.container a:hover{background-color:#00000005}.container a:focus{background-color:#0000000d}.container a.active{background-color:#673ab740}.container div{height:40px;line-height:40px;color:#1e1e1eb3}\n"] }]
+        }], propDecorators: { urlPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlPrefix", required: false }] }], relativeTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "relativeTo", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Navigation };
+//# sourceMappingURL=grumptech-ngx-basic-ui-navigation.mjs.map

package/fesm2022/grumptech-ngx-basic-ui-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grumptech-ngx-basic-ui-navigation.mjs","sources":["../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.ts","../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.html","../../../projects/ngx-basic-ui/navigation/grumptech-ngx-basic-ui-navigation.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnChanges,\n  SimpleChanges,\n  input,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink, RouterLinkActive } from '@angular/router';\nimport { MatListModule } from '@angular/material/list';\nimport { MenuItem } from '../models';\n\ninterface FlatMenuItem {\n  name: string;\n  url?: string;\n  level: number;\n}\n\n@Component({\n  selector: 'b-navigation',\n  templateUrl: 'navigation.component.html',\n  styleUrl: 'navigation.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MatListModule, RouterLink, RouterLinkActive],\n})\nexport class Navigation implements OnChanges {\n  readonly urlPrefix = input('');\n  readonly relativeTo = input<ActivatedRoute | null>();\n  readonly menu = input<MenuItem[]>([]);\n  menuItems: FlatMenuItem[] = [];\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.menu) {\n      this.menuItems = this.toFlatMenuItemsRecursive(this.menu());\n    }\n  }\n\n  private toFlatMenuItemsRecursive(\n    items: MenuItem[],\n    level = 0,\n  ): FlatMenuItem[] {\n    return items.flatMap((i) => {\n      const item = i.url\n        ? { name: i.name, url: i.url, level }\n        : { name: i.name, level };\n      const children = this.toFlatMenuItemsRecursive(i.children, level + 1);\n      return [item].concat(children);\n    });\n  }\n}\n","<nav>\n  <div class=\"container\">\n    @for (item of menuItems; track item) {\n      @if (item.url) {\n        <a\n          mat-list-item\n          [style.paddingLeft.px]=\"item.level * 10 + 10\"\n          [relativeTo]=\"relativeTo()\"\n          [routerLink]=\"urlPrefix() + item.url\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{\n            matrixParams: 'ignored',\n            queryParams: 'ignored',\n            paths: 'exact',\n            fragment: 'ignored',\n          }\"\n          >{{ item.name }}</a\n        >\n      } @else {\n        <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n          {{ item.name }}\n        </div>\n      }\n    }\n  </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAwBa,UAAU,CAAA;AACZ,IAAA,SAAS,GAAG,KAAK,CAAC,EAAE,gFAAC;IACrB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAyB;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAa,EAAE,2EAAC;IACrC,SAAS,GAAmB,EAAE;AAE9B,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,IAAI,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7D;IACF;AAEQ,IAAA,wBAAwB,CAC9B,KAAiB,EACjB,KAAK,GAAG,CAAC,EAAA;AAET,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AACzB,YAAA,MAAM,IAAI,GAAG,CAAC,CAAC;AACb,kBAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK;kBACjC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC;YACrE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;AAChC,QAAA,CAAC,CAAC;IACJ;wGAvBW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,yeCxBvB,+tBA0BA,EAAA,MAAA,EAAA,CAAA,obAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,oOAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAE1C,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;+BACE,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,aAAa,EAAE,UAAU,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,+tBAAA,EAAA,MAAA,EAAA,CAAA,obAAA,CAAA,EAAA;;;AEtBxD;;AAEG;;;;"}

package/fesm2022/grumptech-ngx-basic-ui.mjs

@@ -0,0 +1,6 @@
+var index = {};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=grumptech-ngx-basic-ui.mjs.map

package/fesm2022/grumptech-ngx-basic-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grumptech-ngx-basic-ui.mjs","sources":["../../../projects/ngx-basic-ui/index.ts","../../../projects/ngx-basic-ui/grumptech-ngx-basic-ui.ts"],"sourcesContent":["export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,EAAE;;ACAjB;;AAEG"}

package/navigation/navigation/navigation.component.scss

@@ -0,0 +1,37 @@
+:host {
+  box-sizing: border-box;
+}
+
+nav {
+  height: 100%;
+  box-sizing: border-box;
+  padding: 5px;
+}
+
+.container {
+  padding-bottom: 15px;
+  font-size: 16px;
+  a {
+    display: block;
+    line-height: 40px;
+    color: rgb(30, 30, 30);
+    text-decoration: none;
+    height: 40px;
+    border-radius: 8px;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.02);
+    }
+    &:focus {
+      background-color: rgba(0, 0, 0, 0.05);
+    }
+    &.active {
+      background-color: rgba(103, 58, 183, 0.25);
+    }
+  }
+  div {
+    height: 40px;
+    line-height: 40px;
+    color: rgb(30, 30, 30, 0.7);
+  }
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@grumptech/ngx-basic-ui",
+  "version": "1.0.0",
+  "description": "basic Angular ui components",
+  "author": "GrumpTech",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/GrumpTech/ngx-basic-ui.git"
+  },
+  "keywords": [
+    "Angular",
+    "components"
+  ],
+  "bugs": {
+    "url": "https://github.com/GrumpTech/ngx-basic-ui/issues"
+  },
+  "homepage": "https://github.com/GrumpTech/ngx-basic-ui#readme",
+  "module": "fesm2022/grumptech-ngx-basic-ui.mjs",
+  "typings": "types/grumptech-ngx-basic-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/grumptech-ngx-basic-ui.d.ts",
+      "default": "./fesm2022/grumptech-ngx-basic-ui.mjs"
+    },
+    "./breadcrumb": {
+      "types": "./types/grumptech-ngx-basic-ui-breadcrumb.d.ts",
+      "default": "./fesm2022/grumptech-ngx-basic-ui-breadcrumb.mjs"
+    },
+    "./code-editor": {
+      "types": "./types/grumptech-ngx-basic-ui-code-editor.d.ts",
+      "default": "./fesm2022/grumptech-ngx-basic-ui-code-editor.mjs"
+    },
+    "./navigation": {
+      "types": "./types/grumptech-ngx-basic-ui-navigation.d.ts",
+      "default": "./fesm2022/grumptech-ngx-basic-ui-navigation.mjs"
+    }
+  },
+  "sideEffects": false,
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/thin-scrollbars/_index.scss

@@ -0,0 +1,19 @@
+@mixin scrollbars {
+  overflow: auto;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-corner {
+    display: none;
+  }
+  &::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background: #aaa;
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 4px;
+    background: #eee;
+  }
+}

package/types/grumptech-ngx-basic-ui-breadcrumb.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+interface BreadcrumbPart {
+    label: string;
+    url?: string;
+}
+
+declare class Breadcrumb {
+    readonly urlPrefix: _angular_core.InputSignal<string>;
+    readonly relativeTo: _angular_core.InputSignal<ActivatedRoute | null | undefined>;
+    readonly parts: _angular_core.InputSignal<BreadcrumbPart[]>;
+    protected trackFn(part: {
+        label: string;
+        url?: string;
+    }, index: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumb, "b-breadcrumb", never, { "urlPrefix": { "alias": "urlPrefix"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "parts": { "alias": "parts"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Breadcrumb };
+export type { BreadcrumbPart };

package/types/grumptech-ngx-basic-ui-code-editor.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+declare class CodeEditor implements OnInit, OnChanges {
+    readonly data: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly formatter: _angular_core.InputSignal<((data: string) => string) | undefined>;
+    readonly validator: _angular_core.InputSignal<((data: string) => {
+        valid: boolean;
+        message: string;
+    }) | undefined>;
+    readonly validChange: _angular_core.OutputEmitterRef<string>;
+    protected readonly warningMessage: _angular_core.WritableSignal<string>;
+    protected readonly formControl: FormControl<string>;
+    protected readonly id: string;
+    private static counter;
+    private destroyRef;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getData(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CodeEditor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeEditor, "b-code-editor", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; }, { "validChange": "validChange"; }, never, never, true, never>;
+}
+
+declare class JsonFormatter {
+    format(data: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JsonFormatter, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<JsonFormatter>;
+}
+
+export { CodeEditor, JsonFormatter };

package/types/grumptech-ngx-basic-ui-navigation.d.ts

@@ -0,0 +1,28 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+interface MenuItem {
+    name: string;
+    url?: string;
+    children: MenuItem[];
+}
+
+interface FlatMenuItem {
+    name: string;
+    url?: string;
+    level: number;
+}
+declare class Navigation implements OnChanges {
+    readonly urlPrefix: _angular_core.InputSignal<string>;
+    readonly relativeTo: _angular_core.InputSignal<ActivatedRoute | null | undefined>;
+    readonly menu: _angular_core.InputSignal<MenuItem[]>;
+    menuItems: FlatMenuItem[];
+    ngOnChanges(changes: SimpleChanges): void;
+    private toFlatMenuItemsRecursive;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Navigation, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Navigation, "b-navigation", never, { "urlPrefix": { "alias": "urlPrefix"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Navigation };
+export type { MenuItem };

package/types/grumptech-ngx-basic-ui.d.ts

@@ -0,0 +1,2 @@
+
+export { };