@mgremy/ng-primitives 0.10.0 → 0.11.0

package/fesm2022/mgremy-ng-primitives-switch.mjs

@@ -0,0 +1,58 @@
+import * as i0 from '@angular/core';
+import { inject, Directive } from '@angular/core';
+import { NgpSwitch, NgpSwitchThumb } from 'ng-primitives/switch';
+
+const options$1 = ['ngpSwitch'];
+const error$1 = new Error(`MgnpSwitch must be used with ${options$1.join(' / ')}`);
+class MgnpSwitch {
+    _ngpSwitch = inject(NgpSwitch, { optional: true });
+    constructor() {
+        if (!this._ngpSwitch) {
+            console.error(this);
+            throw error$1;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitch, isStandalone: true, selector: "[ngpSwitch][mgnpSwitch]", host: { attributes: { "data-mgnp-component": "mgnp-switch" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpSwitch][mgnpSwitch]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-switch',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options = ['ngpSwitchThumb'];
+const error = new Error(`MgnpSwitchThumb must be used with ${options.join(' / ')}`);
+class MgnpSwitchThumb {
+    _ngpSwitchThumb = inject(NgpSwitchThumb, { optional: true });
+    constructor() {
+        if (!this._ngpSwitchThumb) {
+            console.error(this);
+            throw error;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitchThumb, isStandalone: true, selector: "[ngpSwitchThumb][mgnpSwitchThumb]", host: { attributes: { "data-mgnp-component": "mgnp-switch-thumb" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitchThumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpSwitchThumb][mgnpSwitchThumb]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-switch-thumb',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MgnpSwitch, MgnpSwitchThumb };
+//# sourceMappingURL=mgremy-ng-primitives-switch.mjs.map

package/fesm2022/mgremy-ng-primitives-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mgremy-ng-primitives-switch.mjs","sources":["../../../../libs/ng-primitives/switch/src/lib/mgnp-switch/mgnp-switch.directive.ts","../../../../libs/ng-primitives/switch/src/lib/mgnp-switch-thumb/mgnp-switch-thumb.directive.ts","../../../../libs/ng-primitives/switch/src/mgremy-ng-primitives-switch.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpSwitch } from 'ng-primitives/switch';\n\nconst options = ['ngpSwitch'];\n\nconst error = new Error(`MgnpSwitch must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpSwitch][mgnpSwitch]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-switch',\n  },\n})\nexport class MgnpSwitch {\n  private readonly _ngpSwitch = inject(NgpSwitch, { optional: true });\n\n  constructor() {\n    if (!this._ngpSwitch) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpSwitchThumb } from 'ng-primitives/switch';\n\nconst options = ['ngpSwitchThumb'];\n\nconst error = new Error(`MgnpSwitchThumb must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpSwitchThumb][mgnpSwitchThumb]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-switch-thumb',\n  },\n})\nexport class MgnpSwitchThumb {\n  private readonly _ngpSwitchThumb = inject(NgpSwitchThumb, { optional: true });\n\n  constructor() {\n    if (!this._ngpSwitchThumb) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["options","error"],"mappings":";;;;AAGA,MAAMA,SAAO,GAAG,CAAC,WAAW,CAAC;AAE7B,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,6BAAA,EAAgCD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASjE,UAAU,CAAA;IACJ,UAAU,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEnE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGARW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,aAAa;AACrC,qBAAA;AACF,iBAAA;;;ACVD,MAAM,OAAO,GAAG,CAAC,gBAAgB,CAAC;AAElC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,kCAAA,EAAqC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAStE,eAAe,CAAA;IACT,eAAe,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE7E,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,mBAAmB;AAC3C,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgremy/ng-primitives",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "license": "Apache-2.0",
   "homepage": "https://doc.mgremy.xyz/ng-primitives",
   "publishConfig": {
@@ -57,6 +57,10 @@
       "types": "./types/mgremy-ng-primitives-pagination.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives-pagination.mjs"
     },
+    "./switch": {
+      "types": "./types/mgremy-ng-primitives-switch.d.ts",
+      "default": "./fesm2022/mgremy-ng-primitives-switch.mjs"
+    },
     "./toast": {
       "types": "./types/mgremy-ng-primitives-toast.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives-toast.mjs"

package/switch/README.md

@@ -0,0 +1,4 @@
+# @mgremy/ng-primitives/src/lib/switch
+
+Secondary entry point of `@mgremy/ng-primitives`. It can be used by importing from
+`@mgremy/ng-primitives/switch`.

package/theme/components/switch.css

@@ -0,0 +1,44 @@
+@utility mgnp-switch {
+  position: relative;
+  outline: none;
+  border-radius: calc(infinity* 1px);
+  background-color: var(--mg-background-ui-secondary);
+  border: 1px solid var(--mg-border-ui);
+  width: --spacing(10);
+  height: --spacing(6);
+  padding: --spacing(0);
+
+  @variant data-focus-visible {
+    outline: 2px solid var(--mg-ring-ui);
+  }
+
+  @variant data-checked {
+    background-color: var(--mg-background-ui-active);
+    border-color: var(--mg-border-ui-secondary);
+  }
+}
+
+@utility mgnp-switch-thumb {
+  display: block;
+  outline: none;
+  border-radius: calc(infinity* 1px);
+  background-color: var(--mg-background-ui);
+  box-shadow: var(--ngp-button-shadow);
+  width: --spacing(4);
+  height: --spacing(4);
+  margin-left: --spacing(1);
+
+  @variant data-checked {
+    transform: translateX(--spacing(4));
+  }
+}
+
+@layer base {
+  [mgnpSwitch][data-mgnp-component='mgnp-switch'] {
+    @apply mgnp-switch transition;
+  }
+
+  [mgnpSwitchThumb][data-mgnp-component='mgnp-switch-thumb'] {
+    @apply mgnp-switch-thumb transition;
+  }
+}

package/theme/ngp_tw.css

@@ -6,6 +6,7 @@
 @import './components/input.css';
 @import './components/menu.css';
 @import './components/pagination.css';
+@import './components/switch.css';
 @import './components/toast.css';
 @import './components/tooltip.css';
 

package/types/mgremy-ng-primitives-switch.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from '@angular/core';
+
+declare class MgnpSwitch {
+    private readonly _ngpSwitch;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpSwitch, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitch, "[ngpSwitch][mgnpSwitch]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpSwitchThumb {
+    private readonly _ngpSwitchThumb;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpSwitchThumb, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitchThumb, "[ngpSwitchThumb][mgnpSwitchThumb]", never, {}, {}, never, never, true, never>;
+}
+
+export { MgnpSwitch, MgnpSwitchThumb };