@w2p-ui/kit 0.0.1 → 0.0.2

package/fesm2022/w2p-ui-kit-components-button.mjs

@@ -1,14 +1,23 @@
 import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
+import { output, input, computed, Component } from '@angular/core';
+import { ArrowIconComponent } from '@w2p-ui/icons';
 
 class W2pButton {
+    onClick = output();
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    varinat = input('primary', ...(ngDevMode ? [{ debugName: "varinat" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const mainClass = 'button';
+        return `button--${this.varinat()}`;
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: W2pButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: W2pButton, isStandalone: true, selector: "w2p-button", ngImport: i0, template: "<button>\n  <ng-content></ng-content>\n</button>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: W2pButton, isStandalone: true, selector: "w2p-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, varinat: { classPropertyName: "varinat", publicName: "varinat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "@let iconComponent = icon();\n\n<button [class]=\"'button ' + classes()\" (click)=\"onClick.emit()\">\n  @if (iconComponent) {\n    <div class=\"button__icon\">\n      {{ iconComponent }}\n    </div>\n  }\n  {{ label() }}\n\n  <div class=\"button__action\">\n    <w2p-ui-icon-arrow></w2p-ui-icon-arrow>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: ArrowIconComponent, selector: "w2p-ui-icon-arrow" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: W2pButton, decorators: [{
             type: Component,
-            args: [{ selector: 'w2p-button', template: "<button>\n  <ng-content></ng-content>\n</button>\n" }]
-        }] });
+            args: [{ selector: 'w2p-button', imports: [ArrowIconComponent], template: "@let iconComponent = icon();\n\n<button [class]=\"'button ' + classes()\" (click)=\"onClick.emit()\">\n  @if (iconComponent) {\n    <div class=\"button__icon\">\n      {{ iconComponent }}\n    </div>\n  }\n  {{ label() }}\n\n  <div class=\"button__action\">\n    <w2p-ui-icon-arrow></w2p-ui-icon-arrow>\n  </div>\n</button>\n" }]
+        }], propDecorators: { onClick: [{ type: i0.Output, args: ["onClick"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], varinat: [{ type: i0.Input, args: [{ isSignal: true, alias: "varinat", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/w2p-ui-kit-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"w2p-ui-kit-components-button.mjs","sources":["../../../projects/kit/components/button/button.ts","../../../projects/kit/components/button/button.html","../../../projects/kit/components/button/w2p-ui-kit-components-button.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'w2p-button',\n  templateUrl: './button.html',\n  styleUrls: ['./button.scss'],\n})\nexport class W2pButton {}\n","<button>\n  <ng-content></ng-content>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,SAAS,CAAA;wGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,sECPtB,oDAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FDIa,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,oDAAA,EAAA;;;AEHxB;;AAEG;;;;"}
+{"version":3,"file":"w2p-ui-kit-components-button.mjs","sources":["../../../projects/kit/components/button/button.ts","../../../projects/kit/components/button/button.html","../../../projects/kit/components/button/w2p-ui-kit-components-button.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\nimport { ArrowIconComponent } from '@w2p-ui/icons';\n\n@Component({\n  selector: 'w2p-button',\n  imports: [ArrowIconComponent],\n  templateUrl: './button.html',\n  styleUrls: ['./button.scss'],\n})\nexport class W2pButton {\n  public readonly onClick = output<void>();\n  public readonly icon = input<Component>();\n  public readonly label = input.required<string>();\n  public readonly varinat = input<'primary' | 'neutral' | 'critical'>('primary');\n\n  protected readonly classes = computed((): string => {\n    const mainClass = 'button';\n    return `button--${this.varinat()}`;\n  });\n}\n","@let iconComponent = icon();\n\n<button [class]=\"'button ' + classes()\" (click)=\"onClick.emit()\">\n  @if (iconComponent) {\n    <div class=\"button__icon\">\n      {{ iconComponent }}\n    </div>\n  }\n  {{ label() }}\n\n  <div class=\"button__action\">\n    <w2p-ui-icon-arrow></w2p-ui-icon-arrow>\n  </div>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,SAAS,CAAA;IACJ,OAAO,GAAG,MAAM,EAAQ;IACxB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAa;AACzB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;AAChC,IAAA,OAAO,GAAG,KAAK,CAAqC,SAAS,8EAAC;AAE3D,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAa;QACjD,MAAM,SAAS,GAAG,QAAQ;AAC1B,QAAA,OAAO,WAAW,IAAI,CAAC,OAAO,EAAE,EAAE;AACpC,IAAA,CAAC,8EAAC;wGATS,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTtB,uUAcA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,kBAAkB,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,CAAA;;4FAIjB,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,uUAAA,EAAA;;;AEL/B;;AAEG;;;;"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@w2p-ui/kit",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "@w2p-ui/icons": "^0.0.1"
   },
   "sideEffects": false,
   "module": "fesm2022/w2p-ui-kit.mjs",

package/types/w2p-ui-kit-components-button.d.ts

@@ -1,8 +1,14 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { Component } from '@angular/core';
 
 declare class W2pButton {
-    static ɵfac: i0.ɵɵFactoryDeclaration<W2pButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<W2pButton, "w2p-button", never, {}, {}, never, ["*"], true, never>;
+    readonly onClick: _angular_core.OutputEmitterRef<void>;
+    readonly icon: _angular_core.InputSignal<Component>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly varinat: _angular_core.InputSignal<"primary" | "neutral" | "critical">;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pButton, "w2p-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "varinat": { "alias": "varinat"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }
 
 export { W2pButton };