@joster-dev/chaos-control 0.1.1 → 0.2.0

package/lib/components/select/select.component.d.ts

@@ -6,18 +6,23 @@ import * as i0 from "@angular/core";
 export declare class SelectComponent extends ItemDirective implements ControlValueAccessor {
     ngControl: NgControl;
     private hostElement;
-    dropdownMaxHeight: string;
+    dropGroup: ElementRef<HTMLDivElement>;
+    dropup: ElementRef<HTMLDialogElement>;
+    dropdown: ElementRef<HTMLDialogElement>;
+    dropHeightPx: number;
+    get searchTerm(): string;
     set searchTerm(value: string);
     _searchTerm: string;
-    get showDropdown(): boolean;
-    set showDropdown(value: boolean);
-    _showDropdown: boolean;
     isDropdownCloseToBottom: boolean;
+    id: string;
     constructor(ngControl: NgControl, hostElement: ElementRef);
+    get activeItemValues(): string;
+    get isSelectedAll(): boolean;
     onGlobalClick(event: MouseEvent): void;
-    onClickSearch(): void;
-    onFocusSearch(): void;
+    onClickGroup(): void;
     onClick(item: Item): void;
+    onClickSelectAll(): void;
+    closeDropdown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "jo-select", never, { "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "jo-select", never, { "dropHeightPx": { "alias": "dropHeightPx"; "required": false; }; }, {}, never, ["*", "[rightAligned]"], false, never>;
 }

package/lib/directives/busy.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { Subject, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class BusyDirective {
+    private element;
+    private viewContainerRef;
+    private renderer;
+    asyncEvents?: Subscription | Subscription[] | Promise<any> | Promise<any>[];
+    host: HTMLElement;
+    insertedNode?: Node;
+    endSubscription$: Subject<void>;
+    busySubscription?: Subscription;
+    constructor(element: ElementRef, viewContainerRef: ViewContainerRef, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private addSpinner;
+    private removeSpinner;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BusyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BusyDirective, "[joBusy]", never, { "asyncEvents": { "alias": "joBusy"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/directives/index.d.ts

@@ -1,3 +1,5 @@
 export * from './border-radius.directive';
+export * from './busy.directive';
 export * from './control.directive';
 export * from './item.directive';
+export * from './size.directive';

package/lib/directives/item.directive.d.ts

@@ -15,6 +15,7 @@ export declare class ItemDirective extends ControlDirective implements ControlVa
         [key: string]: unknown;
     }[]);
     _items: Item[];
+    filteredItems: Item[];
     get limit(): number;
     set limit(value: number);
     _limit: number;

package/lib/directives/size.directive.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SizeDirective implements OnDestroy {
+    get size(): any;
+    set size(value: any);
+    _size: string;
+    sizeChangesSubject: Subject<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDirective, "[size]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/models/icon-types.const.d.ts

@@ -0,0 +1 @@
+export declare const iconTypes: readonly ["circle", "dot", "ring", "square", "squircle", "check", "times", "plus", "minus", "row", "column", "bomb", "flag", "gear", "star", "user", "refresh", "ascend", "descend", "search", "crown", "ogre", "folder", "chevron", "ankh", "sun", "moon", "clear", "amphora", "speech"];

package/lib/models/icon.type.d.ts

@@ -0,0 +1,2 @@
+import { iconTypes } from './icon-types.const';
+export type icon = (typeof iconTypes)[number];

package/lib/models/index.d.ts

@@ -1,3 +1,5 @@
+export * from './icon-types.const';
+export * from './icon.type';
 export * from './is-item.function';
 export * from './is-items.function';
 export * from './is-number.function';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joster-dev/chaos-control",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -35,7 +35,7 @@
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
-    "@joster-dev/icon": "^0.1.0"
+    "@joster-dev/style": "^0.1.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/chaos-control.module';
 export * from './lib/components';
+export * from './lib/directives';
 export * from './lib/models';
 export * from './lib/chaos-control.service';

package/src/lib/styles.scss

@@ -1,8 +1,10 @@
-@import "./variables.scss";
+@use "sass:map";
+@use "@joster-dev/style/scss/all.scss";
+@use "@joster-dev/style/scss/variables.scss" as variables;
 
 label {
   display: block;
-  padding-bottom: $md;
+  padding-bottom: map.get(variables.$sizes, "md");
   font-weight: bold;
 
   &:empty {
@@ -20,64 +22,7 @@ ul {
   margin: 0;
   padding: 0;
 
-  >li {
-    padding-top: $sm;
-  }
+  // >li {
+  //   padding-top: map.get($sizes, "sm");
+  // }
 }
-
-a:not(.jo-ignore),
-button:not(.jo-ignore),
-.button,
-input,
-textarea {
-  color: inherit;
-  background: transparent;
-  border-width: 0.15em;
-  border-style: outset;
-  border-color: currentColor;
-  padding: $md;
-  margin: 0;
-  font-size: 1em;
-  // transition: all 700ms ease;
-  line-height: 1em;
-
-  &:active,
-  &.active {
-    border-style: inset;
-  }
-
-  &:disabled,
-  &.disabled {
-    cursor: not-allowed;
-    border-style: solid;
-    box-shadow: none;
-    opacity: 0.5;
-  }
-
-  &.invalid {
-    // animation: 3s ease 0s infinite invalid-border;
-  }
-
-  &:focus {
-    // outline: 0.15em solid transparent;
-    // box-shadow: 0 0 0.1em 0 currentColor;
-  }
-}
-
-a,
-button,
-.button {
-  cursor: pointer;
-}
-
-@keyframes invalid-border {
-
-  0%,
-  100% {
-    border-style: inset;
-  }
-
-  50% {
-    border-style: outset;
-  }
-}

package/src/lib/atomic.scss

@@ -1,87 +0,0 @@
-@import "./variables.scss";
-
-.d-flex {
-  display: flex;
-}
-
-.align-items-start {
-  align-items: flex-start;
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-.align-items-stretch {
-  align-items: stretch;
-}
-
-.justify-content-between {
-  justify-content: space-between;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.flex-column {
-  flex-direction: column;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.flex-2 {
-  flex: 2;
-}
-
-.flex-3 {
-  flex: 3;
-}
-
-.align-self-center {
-  align-self: center;
-}
-
-.margin-right-1 {
-  margin-right: $md;
-}
-
-.margin-right-2 {
-  margin-right: $lg;
-}
-
-.margin-left-1 {
-  margin-left: $md;
-}
-
-.margin-left-2 {
-  margin-left: $lg;
-}
-
-.border-radius-right {
-  border-top-right-radius: $md;
-  border-bottom-right-radius: $md;
-}
-
-.border-radius-left {
-  border-top-left-radius: $md;
-  border-bottom-left-radius: $md;
-}
-
-.white-space-nowrap {
-  white-space: nowrap;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}

package/src/lib/variables.scss

@@ -1,3 +0,0 @@
-$sm: 0.25em;
-$md: 0.5em;
-$lg: 1em;