@hmscodes/honey-core 1.0.14 → 1.0.16
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.
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, Component, EventEmitter, Output, Input } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
|
|
6
6
|
class HoneyCoreService {
|
|
7
7
|
constructor() { }
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
9
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, providedIn: 'root' });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreService, decorators: [{
|
|
12
12
|
type: Injectable,
|
|
13
13
|
args: [{
|
|
14
14
|
providedIn: 'root'
|
|
@@ -16,14 +16,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
16
16
|
}], ctorParameters: () => [] });
|
|
17
17
|
|
|
18
18
|
class HoneyCoreComponent {
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: HoneyCoreComponent, isStandalone: true, selector: "lib-honey-core", ngImport: i0, template: `
|
|
21
21
|
<p>
|
|
22
22
|
honey-core works!
|
|
23
23
|
</p>
|
|
24
24
|
`, isInline: true, styles: [""] });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HoneyCoreComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'lib-honey-core', imports: [], template: `
|
|
29
29
|
<p>
|
|
@@ -39,37 +39,31 @@ class HcButtonComponent {
|
|
|
39
39
|
color = 'c-primary';
|
|
40
40
|
/** Size of the button */
|
|
41
41
|
size = null;
|
|
42
|
-
/**
|
|
43
|
-
* Button contents
|
|
44
|
-
*
|
|
45
|
-
* @required
|
|
46
|
-
*/
|
|
47
|
-
label = 'Button';
|
|
48
|
-
/**
|
|
49
|
-
* Disabled state of the button
|
|
50
|
-
*/
|
|
42
|
+
/** Disabled state of the button */
|
|
51
43
|
disabled = false;
|
|
44
|
+
/** Whether the button is in a loading state */
|
|
45
|
+
loading = false;
|
|
52
46
|
/** Optional click handler */
|
|
53
47
|
onClick = new EventEmitter();
|
|
54
48
|
get classes() {
|
|
55
49
|
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
56
50
|
}
|
|
57
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
58
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: HcButtonComponent, isStandalone: true, selector: "hc-button", inputs: { style: "style", color: "color", size: "size", disabled: "disabled", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] });
|
|
59
53
|
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, decorators: [{
|
|
61
55
|
type: Component,
|
|
62
|
-
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [disabled]=\"disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}\n"] }]
|
|
56
|
+
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] }]
|
|
63
57
|
}], propDecorators: { style: [{
|
|
64
58
|
type: Input
|
|
65
59
|
}], color: [{
|
|
66
60
|
type: Input
|
|
67
61
|
}], size: [{
|
|
68
62
|
type: Input
|
|
69
|
-
}], label: [{
|
|
70
|
-
type: Input
|
|
71
63
|
}], disabled: [{
|
|
72
64
|
type: Input
|
|
65
|
+
}], loading: [{
|
|
66
|
+
type: Input
|
|
73
67
|
}], onClick: [{
|
|
74
68
|
type: Output
|
|
75
69
|
}] } });
|
|
@@ -79,13 +73,13 @@ class InputFloatingLabelComponent {
|
|
|
79
73
|
label = 'Label';
|
|
80
74
|
type = 'text';
|
|
81
75
|
required = false;
|
|
82
|
-
control;
|
|
83
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
84
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
76
|
+
control = new UntypedFormControl('');
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InputFloatingLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: InputFloatingLabelComponent, isStandalone: true, selector: "hc-input-floating-label", inputs: { id: "id", label: "label", type: "type", required: "required", control: "control" }, ngImport: i0, template: "<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
85
79
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InputFloatingLabelComponent, decorators: [{
|
|
87
81
|
type: Component,
|
|
88
|
-
args: [{ selector: 'hc-input-floating-label', imports: [ReactiveFormsModule], standalone: true, template: "<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [
|
|
82
|
+
args: [{ selector: 'hc-input-floating-label', imports: [ReactiveFormsModule], standalone: true, template: "<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}\n"] }]
|
|
89
83
|
}], propDecorators: { id: [{
|
|
90
84
|
type: Input
|
|
91
85
|
}], label: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmscodes-honey-core.mjs","sources":["../../../projects/honey-core/src/lib/honey-core.service.ts","../../../projects/honey-core/src/lib/honey-core.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.html","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.ts","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.html","../../../projects/honey-core/src/public-api.ts","../../../projects/honey-core/src/hmscodes-honey-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HoneyCoreService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-honey-core',\n imports: [],\n template: `\n <p>\n honey-core works!\n </p>\n `,\n styles: ``\n})\nexport class HoneyCoreComponent {\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'hc-button',\n templateUrl: './button.component.html',\n styleUrl: './button.component.scss',\n imports: [],\n standalone: true,\n})\nexport class HcButtonComponent {\n /** Style of the button */\n @Input()\n style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';\n\n /** What color to use for the button */\n @Input()\n color?: string = 'c-primary';\n\n /** Size of the button */\n @Input()\n size?: 'h-small' | 'w-stretch' | null = null;\n\n
|
|
1
|
+
{"version":3,"file":"hmscodes-honey-core.mjs","sources":["../../../projects/honey-core/src/lib/honey-core.service.ts","../../../projects/honey-core/src/lib/honey-core.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.html","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.ts","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.html","../../../projects/honey-core/src/public-api.ts","../../../projects/honey-core/src/hmscodes-honey-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HoneyCoreService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-honey-core',\n imports: [],\n template: `\n <p>\n honey-core works!\n </p>\n `,\n styles: ``\n})\nexport class HoneyCoreComponent {\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'hc-button',\n templateUrl: './button.component.html',\n styleUrl: './button.component.scss',\n imports: [],\n standalone: true,\n})\nexport class HcButtonComponent {\n /** Style of the button */\n @Input()\n style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';\n\n /** What color to use for the button */\n @Input()\n color?: string = 'c-primary';\n\n /** Size of the button */\n @Input()\n size?: 'h-small' | 'w-stretch' | null = null;\n\n /** Disabled state of the button */\n @Input()\n disabled = false;\n\n /** Whether the button is in a loading state */\n @Input()\n loading = false;\n\n /** Optional click handler */\n @Output()\n onClick = new EventEmitter<Event>();\n\n public get classes(): string[] {\n return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];\n }\n}\n","<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n <ng-content />\n</button>","import { Component, Input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\n\n@Component({\n selector: 'hc-input-floating-label',\n templateUrl: './input-floating-label.component.html',\n styleUrls: ['./input-floating-label.component.scss'],\n imports: [ReactiveFormsModule],\n standalone: true,\n})\nexport class InputFloatingLabelComponent {\n @Input() id = 'hc-input';\n @Input() label = 'Label';\n @Input() type = 'text';\n @Input() required = false;\n @Input() control: FormControl = new UntypedFormControl('');\n}\n\n","<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n","/*\n * Public API Surface of honey-core\n */\n\nexport * from './lib/honey-core.service';\nexport * from './lib/honey-core.component';\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/input/input-floating-label.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,19 +7,13 @@ export declare class HcButtonComponent {
|
|
|
7
7
|
color?: string;
|
|
8
8
|
/** Size of the button */
|
|
9
9
|
size?: 'h-small' | 'w-stretch' | null;
|
|
10
|
-
/**
|
|
11
|
-
* Button contents
|
|
12
|
-
*
|
|
13
|
-
* @required
|
|
14
|
-
*/
|
|
15
|
-
label: string;
|
|
16
|
-
/**
|
|
17
|
-
* Disabled state of the button
|
|
18
|
-
*/
|
|
10
|
+
/** Disabled state of the button */
|
|
19
11
|
disabled: boolean;
|
|
12
|
+
/** Whether the button is in a loading state */
|
|
13
|
+
loading: boolean;
|
|
20
14
|
/** Optional click handler */
|
|
21
15
|
onClick: EventEmitter<Event>;
|
|
22
16
|
get classes(): string[];
|
|
23
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<HcButtonComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HcButtonComponent, "hc-button", never, { "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HcButtonComponent, "hc-button", never, { "style": { "alias": "style"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
25
19
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hmscodes/honey-core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"exports": {
|
|
5
5
|
"./styles/variables.css": {
|
|
6
6
|
"default": "./styles/variables.css"
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"module": "fesm2022/hmscodes-honey-core.mjs",
|
|
28
28
|
"typings": "index.d.ts"
|
|
29
|
-
}
|
|
29
|
+
}
|