@mozaic-ds/angular 0.23.1 → 0.23.2-beta.0

package/.vscode/launch.json

@@ -1,20 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "ng serve",
-      "type": "pwa-chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: start",
-      "url": "http://localhost:4200/"
-    },
-    {
-      "name": "ng test",
-      "type": "chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: test",
-      "url": "http://localhost:9876/debug.html"
-    }
-  ]
-}

package/.vscode/tasks.json

@@ -1,42 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "start",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "(.*?)"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation complete"
-          }
-        }
-      }
-    },
-    {
-      "type": "npm",
-      "script": "test",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "(.*?)"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation complete"
-          }
-        }
-      }
-    }
-  ]
-}

package/CHANGELOG.md

@@ -1,51 +0,0 @@
-
-
-## [0.23.1](https://github.com/adeo/mozaic-angular/compare/0.23.0...0.23.1) (2023-09-15)
-
-
-### Bug Fixes
-
-* **npm/script:** update prepublishOnly script ([915dcb3](https://github.com/adeo/mozaic-angular/commit/915dcb35d0596599a556a493b6dc4c04593a6c2f))
-
-# [0.23.0](https://github.com/adeo/mozaic-angular/compare/0.23.0-beta.0...0.23.0) (2023-09-15)
-
-
-### Features
-
-* **autocomplete:** Add autocomplete component ([#82](https://github.com/adeo/mozaic-angular/issues/82)) ([22eeb22](https://github.com/adeo/mozaic-angular/commit/22eeb22f14c43160e32e63f8ced64a9bfe16c820))
-* **datatable:** add empty body ([#73](https://github.com/adeo/mozaic-angular/issues/73)) ([ab0dc82](https://github.com/adeo/mozaic-angular/commit/ab0dc824b0c2cd9aeaf3683c61857bf8bfeb597e))
-* **datatable:** Add empty body button ([#77](https://github.com/adeo/mozaic-angular/issues/77)) ([d927ee3](https://github.com/adeo/mozaic-angular/commit/d927ee329244136a1cca5ffec229e6d7f8c1aabc))
-* **datatable:** Add manage columns ([#76](https://github.com/adeo/mozaic-angular/issues/76)) ([a9a3041](https://github.com/adeo/mozaic-angular/commit/a9a3041ada5bd0516948efa1dc40c0ded22caf52))
-* **datatable:** Add Selection feature ([#57](https://github.com/adeo/mozaic-angular/issues/57)) ([916b5b0](https://github.com/adeo/mozaic-angular/commit/916b5b035bae5eb454a1569579f37725ba6416a8))
-* **datatable:** Add sort feature ([#59](https://github.com/adeo/mozaic-angular/issues/59)) ([cca67e6](https://github.com/adeo/mozaic-angular/commit/cca67e69bf7fc79cf56561659bde3adef69146a8))
-* **datatable:** Add subrow expansion feature ([#69](https://github.com/adeo/mozaic-angular/issues/69)) ([7c524e8](https://github.com/adeo/mozaic-angular/commit/7c524e88bcb5ad8c14aafc139a194a62dde4b527))
-* **dropdown:** Add listbox and dropdown component ([#79](https://github.com/adeo/mozaic-angular/issues/79)) ([33f956d](https://github.com/adeo/mozaic-angular/commit/33f956dcd6f2996786474c13d7be40797e5dc3bf))
-* **segmented control:** add nowrap ([0d792f6](https://github.com/adeo/mozaic-angular/commit/0d792f61c62936dedfd6102e7dcf90c35d025d2c))
-* **segmented control:** add segmented control ([7b55a0f](https://github.com/adeo/mozaic-angular/commit/7b55a0f601d7b65e3522c5f2c3507e894e4b2c9a))
-* **segmented control:** return pr ([44b844a](https://github.com/adeo/mozaic-angular/commit/44b844aaed5552f38aaf07a85b76b10fefe0ea29))
-* **taglist:** Add taglist component ([#81](https://github.com/adeo/mozaic-angular/issues/81)) ([58d0edc](https://github.com/adeo/mozaic-angular/commit/58d0edcf8a95d378fbfd6896ceacc310e3a7b296))
-
-# [0.23.0-beta.0](https://github.com/adeo/mozaic-angular/compare/0.22.0...0.23.0-beta.0) (2023-08-02)
-
-
-### Features
-
-* **datatable:** WIP datatable ([5547619](https://github.com/adeo/mozaic-angular/commit/5547619d16eb96e28ed321549d40307cf4350869))
-
-# 0.22.0 (2023-06-28)
-
-
-### Bug Fixes
-
-* **lint:** clean lint issues ([656c2e6](https://github.com/adeo/mozaic-angular/commit/656c2e68455930fae97898ef8befbe4d60976f15))
-* **lint:** use better component name ([9ef5bb4](https://github.com/adeo/mozaic-angular/commit/9ef5bb4c0ec260867c7308a73996680cc8dbe197))
-
-
-### Features
-
-* **accordion:** fix class typo ([7ccf1a8](https://github.com/adeo/mozaic-angular/commit/7ccf1a82f54d97955a2ffa7a85649b10daf8fa4d))
-* **adeo:** add theme management ([efedf20](https://github.com/adeo/mozaic-angular/commit/efedf2036ea3385a0773011334e87bb381ba693e))
-* **flag:** add component files ([68496cf](https://github.com/adeo/mozaic-angular/commit/68496cf0e9c8e89d5e32a159cb3e98cc1f053d82))
-* **sb:** use decorator for icons ([b277f94](https://github.com/adeo/mozaic-angular/commit/b277f942bdaac4f661b1d95e286ec0f6a4572c57))
-* **theme:** use LM as default ([673bc12](https://github.com/adeo/mozaic-angular/commit/673bc123209b1fce5f18fad78810652df6873d26))
-* **tooltip:** refactor story ([9914466](https://github.com/adeo/mozaic-angular/commit/99144663dea7f793c9a2db4e9bd860a45ba9712c))

package/angular.json

@@ -1,106 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "kit": {
-      "projectType": "library",
-      "root": "projects/kit",
-      "sourceRoot": "projects/kit/src",
-      "prefix": "moz",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss",
-          "changeDetection": "OnPush"
-        }
-      },
-      "architect": {
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "kit:build",
-            "port": 6006
-          }
-        },
-        "build-storybook": {
-          "builder": "@storybook/angular:build-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "outputDir": "storybook-static/"
-          }
-        },
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "project": "projects/kit/ng-package.json"
-          },
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/kit/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/kit/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "build-adeo": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "project": "projects/kit/ng-package-adeo.json"
-          },
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/kit/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/kit/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "lint": {
-          "builder": "@angular-eslint/builder:lint",
-          "options": {
-            "lintFilePatterns": ["projects/kit/**/*.ts", "projects/kit/**/*.html"]
-          }
-        }
-      }
-    },
-    "schematics": {
-      "projectType": "library",
-      "root": "projects/schematics",
-      "sourceRoot": "projects/schematics",
-      "prefix": "lib",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "project": "projects/schematics/ng-package.json"
-          },
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/schematics/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/schematics/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "lint": {
-          "builder": "@angular-eslint/builder:lint",
-          "options": {
-            "lintFilePatterns": ["projects/schematics/**/*.ts", "projects/schematics/**/*.html"]
-          }
-        }
-      }
-    }
-  },
-  "defaultProject": "kit",
-  "cli": {
-    "defaultCollection": "@angular-eslint/schematics",
-    "analytics": false
-  }
-}

package/jest.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  preset: 'jest-preset-angular',
-  rootDir: 'projects/kit',
-  setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-  reporters: ['default'],
-};

package/mozaic-angular.svg

@@ -1,9 +0,0 @@
-<svg width="256" height="272"
-    xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
-
-    <g>
-        <path id="svg_1" fill="#E23237" d="m0.1,45.522l125.808,-44.825l129.196,44.028l-20.919,166.45l-108.277,59.966l-106.583,-59.169l-19.225,-166.45z"/>
-        <path id="svg_2" fill="#B52E31" d="m255.104,44.725l-129.196,-44.028l0,270.444l108.277,-59.866l20.919,-166.55z"/>
-        <path stroke="null" fill="#ffffff" id="svg_4" d="m183,76l0,120l-116,0l0,-120l116,0zm-60.67692,100.94769l-49.79077,0l0,13.32923l49.79077,0l0,-13.32923zm42.54523,-21.21231a13.81292,14.28923 0 0 0 -14.79446,11.68615a14.13415,14.62154 0 0 1 -22.30769,8.4l0,14.45538l49.70154,0l0,-20.82462a13.83077,14.30769 0 0 0 -12.59938,-13.71692zm12.59938,-16.87385l-49.70154,0l0,25.75385a8.49477,8.78769 0 0 0 8.53046,8.56615a8.28062,8.56615 0 0 0 8.42338,-7.10769a17.64985,18.25846 0 0 1 3.87262,-8.38154a19.50585,20.17846 0 0 1 28.87508,-1.45846l0,-17.37231zm-55.14462,19.05231l-49.79077,0l0,13.31077l49.79077,0l0,-13.31077zm0,-19.05231l-49.79077,0l0,13.34769l49.79077,0l0,-13.34769zm55.14462,-57.13846l-49.70154,0l0,51.50769l49.70154,0l0,-51.50769zm-11.04677,5.70462l-22.09354,40.00615l-5.51446,0l22.09354,-40.00615l5.51446,0zm-80.09354,8.56615l-5.51446,0l0,22.85538l5.51446,0l0,-12.92308a4.15815,4.30154 0 0 1 8.29846,0l0,12.92308l5.51446,0l0,-12.92308a4.14031,4.28308 0 0 1 8.28062,0l0,12.92308l5.53231,0l0,-12.92308a9.60123,9.93231 0 0 0 -5.53231,-8.99077a9.26215,9.58154 0 0 0 -8.28062,0a9.69046,10.02462 0 0 0 -2.80185,2.08615a9.61908,9.95077 0 0 0 -2.74831,-2.01231a9.29785,9.61846 0 0 0 -8.29846,0l0.03569,-1.01538z"/>
-    </g>
-</svg>

package/mozaic.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  preset: process.env.MOZAIC_PRESET,
-  tokens: {
-    localTokensExportPath:  process.env.MOZAIC_PRESET ? './projects/kit/assets/tokens/adeo/' : '',
-  },
-};

package/product-info.json

@@ -1 +0,0 @@
-{"tangram_id": "8a7b40e6-1bb8-4654-8de8-8163e7dabc1f"}

package/projects/kit/.browserslistrc

@@ -1,16 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR

package/projects/kit/.eslintrc.json

@@ -1,35 +0,0 @@
-{
-  "extends": "../../.eslintrc.json",
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts"],
-      "parserOptions": {
-        "project": ["projects/kit/tsconfig.lib.json", "projects/kit/tsconfig.spec.json"],
-        "createDefaultProgram": true
-      },
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "moz",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "moz"
-          }
-        ],
-        "rxjs/no-sharereplay": ["warn"]
-      }
-    },
-    {
-      "files": ["*.html"],
-      "rules": {}
-    }
-  ]
-}

package/projects/kit/common/global-events/global-events.module.ts

@@ -1,7 +0,0 @@
-import { NgModule } from '@angular/core';
-import { GlobalEventsService } from './global-events.service';
-
-@NgModule({
-  providers: [GlobalEventsService, { provide: Window, useValue: window }],
-})
-export class GlobalEventsModule {}

package/projects/kit/common/global-events/global-events.service.ts

@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core';
-import { fromEvent, Observable, shareReplay } from 'rxjs';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class GlobalEventsService {
-  private readonly eventHandlers = new Map<string, Observable<Event>>();
-
-  public get window() {
-    return this._window;
-  }
-
-  constructor(private readonly _window: Window) {}
-
-  public getWindowEvent<T extends Event>(eventName: string): Observable<T> {
-    const cachedHandler = this.eventHandlers.get(eventName);
-    if (cachedHandler) {
-      return cachedHandler as Observable<T>;
-    }
-    const eventHandler = fromEvent<T>(this.window, eventName).pipe(
-      shareReplay({ refCount: true, bufferSize: 1 })
-    );
-    this.eventHandlers.set(eventName, eventHandler);
-    return eventHandler;
-  }
-}

package/projects/kit/common/mocks/dummy.component.mock.ts

@@ -1,4 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({ template: '', standalone: true })
-export class DummyComponent {}

package/projects/kit/common/utils/boolean-property.ts

@@ -1,3 +0,0 @@
-export function castBooleanProperty(value: unknown): value is boolean {
-  return `${value}` !== 'false' && value != null;
-}

package/projects/kit/common/utils/generate-id.ts

@@ -1,7 +0,0 @@
-export const generateId = () => {
-  const generateParts = () =>
-    Math.floor((1 + Math.random()) * 0x10000)
-      .toString(16)
-      .substring(1);
-  return generateParts() + '-' + generateParts();
-};

package/projects/kit/common/utils/get-random-number.ts

@@ -1,6 +0,0 @@
-export const getRandomNumber = (min: number, max: number): number => {
-  const minN = Math.ceil(min);
-  const maxN = Math.floor(max);
-
-  return Math.floor(Math.random() * (maxN - minN)) + minN;
-};

package/projects/kit/common/utils/overwrite-style.ts

@@ -1,10 +0,0 @@
-import { ElementRef } from '@angular/core';
-
-export const overwriteStyle = (
-  { nativeElement }: ElementRef,
-  oldClassName: string,
-  newClassName: string
-): void => {
-  nativeElement.classList.remove(oldClassName);
-  nativeElement.classList.add(newClassName);
-};

package/projects/kit/components/accordion/accordion.component.html

@@ -1,25 +0,0 @@
-<div class="mc-accordion" [ngClass]="{ 'is-open': isOpen, 'mc-accordion--s': isSizeS, 'mc-accordion--no-padding': noPadding}">
-  <div class="mc-accordion__header">
-    <h2 class="mc-accordion__title">
-      <button
-        id="accordion"
-        class="mc-accordion__trigger"
-        aria-controls="content"
-        [attr.aria-expanded]="isOpen"
-        [disabled]="disabled"
-        (click)="changeState()"
-
-        >
-        <ng-content select="[label]"></ng-content>
-      </button>
-    </h2>
-  </div>
-  <div
-    id="content"
-    class="mc-accordion__content"
-    [attr.aria-hidden]="isHidden"
-    aria-labelledby="accordion"
-  >
-    <ng-content select="[content]"></ng-content>
-  </div>
-</div>

package/projects/kit/components/accordion/accordion.component.scss

@@ -1,2 +0,0 @@
-@import 'settings-tools/_all-settings';
-@import 'components/_c.accordion';

package/projects/kit/components/accordion/accordion.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AccordionComponent } from './accordion.component';
-
-describe('AccordionComponent', () => {
-  let component: AccordionComponent;
-  let fixture: ComponentFixture<AccordionComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AccordionComponent],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AccordionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/projects/kit/components/accordion/accordion.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { AccordionSize } from './accordion';
-
-@Component({
-  selector: 'moz-accordion',
-  templateUrl: './accordion.component.html',
-  styleUrls: ['./accordion.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AccordionComponent {
-  @Input() isOpen = false;
-  @Input() disabled = false;
-  @Input() noPadding = false;
-  @Input() size: AccordionSize = 'm';
-
-  public get isHidden() {
-    return !this.isOpen;
-  }
-
-  public get isSizeS() {
-    return this.size === 's';
-  }
-
-  public changeState() {
-    this.isOpen = !this.isOpen;
-  }
-}

package/projects/kit/components/accordion/accordion.module.ts

@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AccordionComponent } from './accordion.component';
-
-@NgModule({
-  declarations: [AccordionComponent],
-  imports: [CommonModule, FormsModule],
-  exports: [AccordionComponent],
-})
-export class AccordionModule {}

package/projects/kit/components/accordion/accordion.stories.ts

@@ -1,55 +0,0 @@
-import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-import { AccordionComponent } from './accordion.component';
-import { AccordionModule } from './accordion.module';
-
-type StoryType = AccordionComponent & { title?: string };
-const meta: Meta<StoryType> = {
-  component: AccordionComponent,
-  decorators: [
-    moduleMetadata({
-      imports: [AccordionModule],
-    }),
-  ],
-  render: (args) => {
-    const { title, ...props } = args;
-    return {
-      props,
-      template: `<moz-accordion 
-          [isOpen]="isOpen"
-          [disabled]="disabled"
-          [noPadding]="noPadding"
-          [size]="size">
-          <ng-container label>${title}</ng-container>
-          <p content>
-            Fusce iaculis dolor nulla, a maximus ipsum sollicitudin et. Ut condimentum at orci aliquam
-            feugiat. Curabitur sagittis placerat leo sit amet pharetra.
-          </p>
-        </moz-accordion>`,
-    };
-  },
-  title: 'Content/Accordion',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryType>;
-
-export const Default: Story = {
-  args: {
-    title: 'Accordion label',
-  },
-};
-
-export const Open: Story = {
-  args: {
-    title: 'Accordion label',
-    isOpen: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    title: 'Accordion label',
-    disabled: true,
-  },
-};

package/projects/kit/components/accordion/accordion.ts

@@ -1 +0,0 @@
-export type AccordionSize = 'm' | 's';

package/projects/kit/components/accordion/index.ts

@@ -1 +0,0 @@
-export * from './accordion.module';

package/projects/kit/components/autocomplete/autocomplete.component.html

@@ -1,82 +0,0 @@
-<div
-  id="js-autocomplete"
-  class="mc-autocomplete mc-autocomplete--clearable"
-  [ngClass]="{ 'mc-autocomplete--multi': multiple }"
-  [ngStyle]="{
-    '--autocomplete-tag-width':
-      !showSelectedTags && multiple && getSelectedListboxItems().length > 0 ? '3.5rem' : '',
-    '--autocomplete-width': '100%'
-  }"
->
-  <div class="mc-autocomplete__main">
-    <moz-tag
-      *ngIf="!showSelectedTags && multiple && getSelectedListboxItems().length > 0"
-      type="removable"
-      class="mc-autocomplete__tag mc-tag-removable mc-tag-removable--s"
-      [size]="'s'"
-      (clickOnRemove)="clearFieldEvent()"
-    >
-      {{ getSelectedListboxItems().length }}</moz-tag
-    >
-
-    <div class="mc-left-icon-input" [ngClass]="{ 'is-valid': valid, 'is-invalid': invalid }" F>
-      <moz-icon
-        class="mc-left-icon-input__icon"
-        [iconName]="'Navigation_Display_Search_24px'"
-      ></moz-icon>
-      <input
-        moz-input
-        [type]="'text'"
-        [invalid]="invalid"
-        class="mc-left-icon-input__input mc-text-input mc-autocomplete__trigger"
-        [valid]="valid"
-        [placeholder]="placeholder"
-        [disabled]="disabled"
-        [size]="size"
-        [(ngModel)]="search"
-        (ngModelChange)="searchEvent()"
-        (click)="openListbox()"
-      />
-    </div>
-
-    <div class="mc-autocomplete__tools">
-      <div class="mc-autocomplete__loader mc-loader mc-loader--s" *ngIf="loading">
-        <span class="mc-loader__spinner">
-          <moz-loader class="mc-loader__icon" [size]="size"></moz-loader>
-        </span>
-      </div>
-      <button
-        class="mc-autocomplete__clear"
-        type="button"
-        *ngIf="canClearField()"
-        (click)="clearFieldEvent()"
-      >
-        <moz-icon
-          class="mc-autocomplete__clear-icon"
-          [iconName]="'Navigation_Control_Tag--Cross_24px'"
-        ></moz-icon
-        ><span class="mc-autocomplete__clear-text">Clear</span>
-      </button>
-    </div>
-  </div>
-  <moz-listbox
-    *ngIf="openState"
-    #listbox
-    [listboxItems]="listboxItems"
-    [isOpen]="openState"
-    [multiple]="multiple"
-    [selectedItems]="selectedItems"
-    (itemsSelected)="itemsSelectedListboxEvent($event)"
-  ></moz-listbox>
-</div>
-<div class="mc-autocomplete__taglist">
-  <moz-taglist
-    #taglist
-    *ngIf="showSelectedTags && multiple"
-    (removeTag)="removeTagEvent($event)"
-    [tagItems]="getTagItemsFromSelectedItems()"
-    [max]="maxShowingSelectedTags"
-    [layerTagsTitle]="layerTagsTitle"
-    [layerTagsIcon]="layerTagsIcon"
-  ></moz-taglist>
-</div>

package/projects/kit/components/autocomplete/autocomplete.component.scss

@@ -1,9 +0,0 @@
-@import 'settings-tools/all-settings';
-@import 'components/_c.left-icon-input';
-@import 'components/_c.text-input';
-@import 'components/_c.listbox';
-@import 'components/_c.autocomplete';
-
-.mc-autocomplete__taglist {
-  margin-top: 1rem;
-}

package/projects/kit/components/autocomplete/autocomplete.component.spec.ts

@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AutocompleteComponent } from './autocomplete.component';
-
-describe('AutocompleteComponent', () => {
-  let component: AutocompleteComponent;
-  let fixture: ComponentFixture<AutocompleteComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AutocompleteComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AutocompleteComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});