Merge pull request #1 from angular-package/0.0.x

0.0.1-alpha

Author: angularpackage

README.md

@@ -1,12 +1,34 @@
 {
   "name": "@angular-package/ui",
-  "version": "0.0.1",
+  "version": "0.0.1-alpha",
+  "description": "Configurable user interface.",
+  "author": "@angular-package <contact@angular-package.dev> (https://angular-package.dev)",
+  "homepage": "https://github.com/angular-package/ui",
   "peerDependencies": {
-    "@angular-package/component-loader": "^1.0.0-alpha.0",
     "@angular/common": "^13.2.0",
-    "@angular/core": "^13.2.0"
+    "@angular/core": "^13.2.0",
+    "rxjs": "^7.5.6"
   },
   "dependencies": {
     "tslib": "^2.3.0"
-  }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "keywords": [
+    "@angular-package",
+    "@angular-package/ui",
+    "UI",
+    "User interface",
+    "Configurable"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/angular-package/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/angular-package/ui/issues"
+  },
+  "license": "MIT"
 }

package-lock.json

@@ -1,7 +1,144 @@
 /*
  * Public API Surface of ui
  */
+export { Ability, AbilityService } from './utility/ability';
+export { Active, ActiveService } from './utility/active';
+export { Align } from './utility/align';
 
-export * from './lib/ui.service';
-export * from './lib/ui.component';
-export * from './lib/ui.module';
+export { BlurService } from './utility/blur';
+export { Boolean } from './utility/boolean';
+
+// Color.
+export {
+  // Class.
+  Color,
+  CssPropertyColor,
+
+  // Type.
+  BgColors,
+  Colors,
+  Shade,
+
+  // Constant.
+  CSS_COLORS
+} from './utility/color';
+
+// Css property.
+export { CssProperty } from './utility/css-property';
+
+// Expandable.
+export {
+  Expandable,
+  ExpandableService,
+} from './utility/expandable';
+
+// Main.
+export {
+  Duration,
+  Status,
+} from './utility/lib';
+
+// Margin.
+export {
+  // Class.
+  Margin,
+  MarginService,
+} from './utility/margin';
+
+// Name.
+export {
+  // Class.
+  Name,
+  Prefix,
+  Suffix,
+
+  // Type.
+  AffixedName,
+  PrefixedName,
+  SuffixedName,
+} from './utility/name';
+
+// Padding.
+export { Padding } from './utility/padding';
+
+// Pattern.
+export { Pattern } from './utility/pattern';
+
+// Position.
+export { Position } from './utility/position';
+
+/*
+ * Public API Surface of range
+ */
+export {
+  // Abstract class.
+  Inequality,
+
+  // Class.
+  Greater,
+  Less,
+  Maximum,
+  Minimum,
+  Number,
+  Range,
+} from './utility/range';
+
+// Rxjs.
+export {
+  Subjects,
+  Subscriptions,
+} from './utility/rxjs';
+
+// Scale.
+export {
+  // Class.
+  Scale,
+
+  // Constant.
+  AVAILABLE_LEVELS,
+
+  // Type.
+  Levels
+} from './utility/scale';
+
+// Sidebar.
+export {
+  // Service.
+  SidebarService,
+
+  // Interface.
+  SidebarConfig
+} from './utility/sidebar';
+
+// Size.
+export {
+  Size,
+  SizeService,
+
+  // Interface.
+  SizeOptions,
+
+  // Type.
+  Sizes,
+  SizesConfig,
+} from './utility/size';
+
+// String.
+export { String } from './utility/string';
+
+// Text align.
+export {
+  // Class.
+  TextAlign,
+
+  // Type.
+  TxtAlign
+} from './utility/text-align';
+
+// Type.
+export {
+  Presence,
+  Shape,
+  Subscribable,
+  TransitionDuration
+} from './utility/type';

package.json

@@ -0,0 +1,2 @@
+export { Ability } from './src/ability.class';
+export { AbilityService } from './src/ability.service';

src/public-api.ts

@@ -0,0 +1,116 @@
+// Rxjs.
+import { Observer, Subscription } from 'rxjs';
+
+// Status.
+import { Status } from '../../lib/status.class';
+
+// Type.
+import { Subscribable } from '../../type/subscribable.type';
+
+/**
+ *
+ */
+export class Ability extends Status<'disabled' | 'enabled'> {
+  /**
+   *
+   */
+  public get disabled(): boolean {
+    return super.isFalse();
+  }
+
+  /**
+   *
+   */
+  public get enabled(): boolean {
+    return super.isTrue();
+  }
+
+  /**
+   *
+   * @param status
+   * @angularpackage
+   */
+  constructor(status?: boolean) {
+    super(status, ['disabled', 'enabled']);
+  }
+
+  /**
+   *
+   * @returns
+   * @angularpackage
+   */
+  public disable(emit = true): this {
+    this.falsy(emit), emit && this.emit('disabled');
+    return this;
+  }
+
+  /**
+   *
+   * @returns
+   * @angularpackage
+   */
+  public enable(emit = true): this {
+    this.truthy(emit), emit && this.emit('enabled');
+    return this;
+  }
+
+  /**
+   *
+   * @returns
+   * @angularpackage
+   */
+  public isDisabled(callbackFn?: (status: boolean | undefined) => void): boolean {
+    callbackFn && callbackFn(super.status);
+    return super.status === false;
+  }
+
+  /**
+   *
+   * @returns
+   * @angularpackage
+   */
+  public isEnabled(callbackFn?: (status: boolean | undefined) => void): boolean {
+    callbackFn && callbackFn(super.status);
+    return super.status === true;
+  }
+
+  /**
+   *
+   * @param disabled
+   * @param emit
+   * @returns
+   * @angularpackage
+   */
+  public setDisabled(disabled?: boolean, emit = true): this {
+    this.set(!disabled, emit)
+    typeof disabled === 'boolean' && this.subjects.get('disabled').next(disabled);
+    return this;
+  }
+
+  /**
+   *
+   * @param enabled
+   * @param emit
+   * @returns
+   * @angularpackage
+   */
+  public setEnabled(enabled?: boolean, emit = true): this {
+    this.set(enabled, emit);
+    typeof enabled === 'boolean' && this.subjects.get('enabled').next(enabled);
+    return this;
+  }
+
+  /**
+   *
+   * @param to
+   * @param observer
+   * @returns
+   * @angularpackage
+   */
+  public subscribeTo(
+    to: Subscribable<'disabled' | 'enabled'>,
+    observer: Partial<Observer<boolean>>,
+  ): Subscription {
+    return super.subjects.subscribe(to, observer);
+  }
+}

src/utility/ability/index.ts

@@ -0,0 +1,11 @@
+// @angular.
+import { Injectable } from '@angular/core';
+
+// Ability.
+import { Ability } from './ability.class';
+
+/**
+ *
+ */
+@Injectable()
+export class AbilityService extends Ability {}

src/utility/ability/src/ability.class.ts

@@ -0,0 +1,2 @@
+export { Active } from './src/active.class';
+export { ActiveService } from './src/active.service';