@softpak/components 18.6.16 → 18.6.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/softpak-components-spx-toggle.mjs +25 -0
  2. package/fesm2022/softpak-components-spx-toggle.mjs.map +1 -0
  3. package/package.json +45 -41
  4. package/spx-toggle/index.d.ts +5 -0
  5. package/spx-toggle/public-api.d.ts +1 -0
  6. package/spx-toggle/src/spx-toggle.component.d.ts +7 -0
package/fesm2022/softpak-components-spx-toggle.mjs ADDED
@@ -0,0 +1,25 @@
1
+ import * as i0 from '@angular/core';
2
+ import { model, input, Component, ChangeDetectionStrategy } from '@angular/core';
3
+ import { FormsModule } from '@angular/forms';
4
+
5
+ class SpxToggleComponent {
6
+ constructor() {
7
+ this.spxToggled = model(false);
8
+ this.spxLabel = input();
9
+ }
10
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxToggleComponent, isStandalone: true, selector: "spx-toggle", inputs: { spxToggled: { classPropertyName: "spxToggled", publicName: "spxToggled", isSignal: true, isRequired: false, transformFunction: null }, spxLabel: { classPropertyName: "spxLabel", publicName: "spxLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxToggled: "spxToggledChange" }, ngImport: i0, template: "<label class=\"inline-flex items-center cursor-pointer\">\r\n <input type=\"checkbox\" value=\"\" class=\"sr-only peer\">\r\n <div\r\n class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none\r\n peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n @if(spxLabel()) {\r\n <span class=\"ms-3 text-sm font-medium text-gray-900 dark:text-gray-300\">{{spxLabel()}}</span>\r\n }\r\n</label>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
12
+ }
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxToggleComponent, decorators: [{
14
+ type: Component,
15
+ args: [{ selector: 'spx-toggle', standalone: true, imports: [
16
+ FormsModule
17
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"inline-flex items-center cursor-pointer\">\r\n <input type=\"checkbox\" value=\"\" class=\"sr-only peer\">\r\n <div\r\n class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none\r\n peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n @if(spxLabel()) {\r\n <span class=\"ms-3 text-sm font-medium text-gray-900 dark:text-gray-300\">{{spxLabel()}}</span>\r\n }\r\n</label>" }]
18
+ }] });
19
+
20
+ /**
21
+ * Generated bundle index. Do not edit.
22
+ */
23
+
24
+ export { SpxToggleComponent };
25
+ //# sourceMappingURL=softpak-components-spx-toggle.mjs.map
package/fesm2022/softpak-components-spx-toggle.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"softpak-components-spx-toggle.mjs","sources":["../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.ts","../../../../projects/softpak/components/spx-toggle/src/spx-toggle.component.html","../../../../projects/softpak/components/spx-toggle/softpak-components-spx-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\n\r\n@Component({\r\n selector: 'spx-toggle',\r\n standalone: true,\r\n imports: [\r\n FormsModule\r\n ],\r\n templateUrl: './spx-toggle.component.html',\r\n styleUrl: './spx-toggle.component.css',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxToggleComponent {\r\n spxToggled = model<boolean>(false);\r\n spxLabel = input<string>();\r\n}","<label class=\"inline-flex items-center cursor-pointer\">\r\n <input type=\"checkbox\" value=\"\" class=\"sr-only peer\">\r\n <div\r\n class=\"relative w-14 h-7 bg-gray-600 peer-focus:outline-none\r\n peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full\r\n rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-['']\r\n after:absolute after:top-0.5 after:start-[4px] after:bg-white after:border-gray-300 after:border \r\n after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600\"></div>\r\n @if(spxLabel()) {\r\n <span class=\"ms-3 text-sm font-medium text-gray-900 dark:text-gray-300\">{{spxLabel()}}</span>\r\n }\r\n</label>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAaa,kBAAkB,CAAA;AAV/B,IAAA,WAAA,GAAA;AAWE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC;QAClC,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU;AAC3B;8GAHY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb/B,k1BAWQ,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJF,WAAW,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMJ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACI,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP;qBACD,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,k1BAAA,EAAA;;;AEXnD;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softpak/components",
3
- "version": "18.6.16",
3
+ "version": "18.6.17",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "18.x.x || 19.x.x",
@@ -30,66 +30,62 @@
30
30
  "types": "./spx-alert/index.d.ts",
31
31
  "default": "./fesm2022/softpak-components-spx-alert.mjs"
32
32
  },
33
+ "./spx-app-update": {
34
+ "types": "./spx-app-update/index.d.ts",
35
+ "default": "./fesm2022/softpak-components-spx-app-update.mjs"
36
+ },
33
37
  "./spx-app-expiry": {
34
38
  "types": "./spx-app-expiry/index.d.ts",
35
39
  "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
36
40
  },
41
+ "./spx-button": {
42
+ "types": "./spx-button/index.d.ts",
43
+ "default": "./fesm2022/softpak-components-spx-button.mjs"
44
+ },
37
45
  "./spx-app-configuration": {
38
46
  "types": "./spx-app-configuration/index.d.ts",
39
47
  "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
40
48
  },
41
- "./spx-app-update": {
42
- "types": "./spx-app-update/index.d.ts",
43
- "default": "./fesm2022/softpak-components-spx-app-update.mjs"
44
- },
45
49
  "./spx-capitalize": {
46
50
  "types": "./spx-capitalize/index.d.ts",
47
51
  "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
48
52
  },
53
+ "./spx-card": {
54
+ "types": "./spx-card/index.d.ts",
55
+ "default": "./fesm2022/softpak-components-spx-card.mjs"
56
+ },
49
57
  "./spx-change-details": {
50
58
  "types": "./spx-change-details/index.d.ts",
51
59
  "default": "./fesm2022/softpak-components-spx-change-details.mjs"
52
60
  },
53
- "./spx-channel-selection": {
54
- "types": "./spx-channel-selection/index.d.ts",
55
- "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
56
- },
57
- "./spx-button": {
58
- "types": "./spx-button/index.d.ts",
59
- "default": "./fesm2022/softpak-components-spx-button.mjs"
60
- },
61
- "./spx-card": {
62
- "types": "./spx-card/index.d.ts",
63
- "default": "./fesm2022/softpak-components-spx-card.mjs"
61
+ "./spx-check-digit": {
62
+ "types": "./spx-check-digit/index.d.ts",
63
+ "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
64
64
  },
65
65
  "./spx-form-section": {
66
66
  "types": "./spx-form-section/index.d.ts",
67
67
  "default": "./fesm2022/softpak-components-spx-form-section.mjs"
68
68
  },
69
- "./spx-form-view": {
70
- "types": "./spx-form-view/index.d.ts",
71
- "default": "./fesm2022/softpak-components-spx-form-view.mjs"
72
- },
73
- "./spx-check-digit": {
74
- "types": "./spx-check-digit/index.d.ts",
75
- "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
69
+ "./spx-channel-selection": {
70
+ "types": "./spx-channel-selection/index.d.ts",
71
+ "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
76
72
  },
77
73
  "./spx-helpers": {
78
74
  "types": "./spx-helpers/index.d.ts",
79
75
  "default": "./fesm2022/softpak-components-spx-helpers.mjs"
80
76
  },
81
- "./spx-number-check": {
82
- "types": "./spx-number-check/index.d.ts",
83
- "default": "./fesm2022/softpak-components-spx-number-check.mjs"
84
- },
85
- "./spx-navigation": {
86
- "types": "./spx-navigation/index.d.ts",
87
- "default": "./fesm2022/softpak-components-spx-navigation.mjs"
77
+ "./spx-form-view": {
78
+ "types": "./spx-form-view/index.d.ts",
79
+ "default": "./fesm2022/softpak-components-spx-form-view.mjs"
88
80
  },
89
81
  "./spx-inputs": {
90
82
  "types": "./spx-inputs/index.d.ts",
91
83
  "default": "./fesm2022/softpak-components-spx-inputs.mjs"
92
84
  },
85
+ "./spx-number-check": {
86
+ "types": "./spx-number-check/index.d.ts",
87
+ "default": "./fesm2022/softpak-components-spx-number-check.mjs"
88
+ },
93
89
  "./spx-pagination": {
94
90
  "types": "./spx-pagination/index.d.ts",
95
91
  "default": "./fesm2022/softpak-components-spx-pagination.mjs"
@@ -98,6 +94,14 @@
98
94
  "types": "./spx-patch/index.d.ts",
99
95
  "default": "./fesm2022/softpak-components-spx-patch.mjs"
100
96
  },
97
+ "./spx-spinner": {
98
+ "types": "./spx-spinner/index.d.ts",
99
+ "default": "./fesm2022/softpak-components-spx-spinner.mjs"
100
+ },
101
+ "./spx-stock-info": {
102
+ "types": "./spx-stock-info/index.d.ts",
103
+ "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
104
+ },
101
105
  "./spx-progress-bar": {
102
106
  "types": "./spx-progress-bar/index.d.ts",
103
107
  "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
@@ -106,13 +110,9 @@
106
110
  "types": "./spx-storage/index.d.ts",
107
111
  "default": "./fesm2022/softpak-components-spx-storage.mjs"
108
112
  },
109
- "./spx-spinner": {
110
- "types": "./spx-spinner/index.d.ts",
111
- "default": "./fesm2022/softpak-components-spx-spinner.mjs"
112
- },
113
- "./spx-stock-info": {
114
- "types": "./spx-stock-info/index.d.ts",
115
- "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
113
+ "./spx-navigation": {
114
+ "types": "./spx-navigation/index.d.ts",
115
+ "default": "./fesm2022/softpak-components-spx-navigation.mjs"
116
116
  },
117
117
  "./spx-suggestion": {
118
118
  "types": "./spx-suggestion/index.d.ts",
@@ -122,13 +122,17 @@
122
122
  "types": "./spx-toaster/index.d.ts",
123
123
  "default": "./fesm2022/softpak-components-spx-toaster.mjs"
124
124
  },
125
- "./spx-validation": {
126
- "types": "./spx-validation/index.d.ts",
127
- "default": "./fesm2022/softpak-components-spx-validation.mjs"
128
- },
129
125
  "./spx-update": {
130
126
  "types": "./spx-update/index.d.ts",
131
127
  "default": "./fesm2022/softpak-components-spx-update.mjs"
128
+ },
129
+ "./spx-toggle": {
130
+ "types": "./spx-toggle/index.d.ts",
131
+ "default": "./fesm2022/softpak-components-spx-toggle.mjs"
132
+ },
133
+ "./spx-validation": {
134
+ "types": "./spx-validation/index.d.ts",
135
+ "default": "./fesm2022/softpak-components-spx-validation.mjs"
132
136
  }
133
137
  }
134
138
  }
package/spx-toggle/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@softpak/components/spx-toggle" />
5
+ export * from './public-api';
package/spx-toggle/public-api.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './src/spx-toggle.component';
package/spx-toggle/src/spx-toggle.component.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class SpxToggleComponent {
3
+ spxToggled: import("@angular/core").ModelSignal<boolean>;
4
+ spxLabel: import("@angular/core").InputSignal<string | undefined>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<SpxToggleComponent, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<SpxToggleComponent, "spx-toggle", never, { "spxToggled": { "alias": "spxToggled"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; }, { "spxToggled": "spxToggledChange"; }, never, never, true, never>;
7
+ }