@zhannam85/ui-kit 0.1.3 → 0.1.5

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.
package/README.md CHANGED
@@ -378,4 +378,4 @@ Contributions are welcome! Please feel free to submit a Pull Request.
378
378
 
379
379
  ## Version
380
380
 
381
- Current version: 0.1.0
381
+ Current version: 0.1.5
@@ -16,11 +16,11 @@ class ButtonComponent {
16
16
  }
17
17
  }
18
18
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: ButtonComponent, isStandalone: false, selector: "kit-button", inputs: { label: "label", variant: "variant", disabled: "disabled", type: "type", size: "size" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n", styles: [".lib-button{font-family:inherit;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;outline:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.lib-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.lib-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lib-button--small{padding:6px 12px;font-size:14px;min-height:32px}.lib-button--medium{padding:10px 20px;font-size:16px;min-height:40px}.lib-button--large{padding:14px 28px;font-size:18px;min-height:48px}.lib-button--primary{background-color:#4a90e2;color:#fff}.lib-button--primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.lib-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4a90e233}.lib-button--secondary{background-color:#6c757d;color:#fff}.lib-button--secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.lib-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6c757d33}.lib-button--danger{background-color:#dc3545;color:#fff}.lib-button--danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.lib-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc354533}\n"] });
19
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: ButtonComponent, isStandalone: false, selector: "kit-button", inputs: { label: "label", variant: "variant", disabled: "disabled", type: "type", size: "size" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n", styles: [".lib-button{font-family:inherit;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;outline:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.lib-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.lib-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lib-button--small{padding:6px 12px;font-size:14px;min-height:32px}@media(max-width:767px){.lib-button--small{min-height:44px;padding:8px 14px}}.lib-button--medium{padding:10px 20px;font-size:16px;min-height:40px}@media(max-width:767px){.lib-button--medium{min-height:44px}}.lib-button--large{padding:14px 28px;font-size:18px;min-height:48px}.lib-button--primary{background-color:#4a90e2;color:#fff}.lib-button--primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.lib-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4a90e233}.lib-button--secondary{background-color:#6c757d;color:#fff}.lib-button--secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.lib-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6c757d33}.lib-button--danger{background-color:#dc3545;color:#fff}.lib-button--danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.lib-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc354533}\n"] });
20
20
  }
21
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ButtonComponent, decorators: [{
22
22
  type: Component,
23
- args: [{ selector: 'kit-button', standalone: false, template: "<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n", styles: [".lib-button{font-family:inherit;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;outline:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.lib-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.lib-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lib-button--small{padding:6px 12px;font-size:14px;min-height:32px}.lib-button--medium{padding:10px 20px;font-size:16px;min-height:40px}.lib-button--large{padding:14px 28px;font-size:18px;min-height:48px}.lib-button--primary{background-color:#4a90e2;color:#fff}.lib-button--primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.lib-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4a90e233}.lib-button--secondary{background-color:#6c757d;color:#fff}.lib-button--secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.lib-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6c757d33}.lib-button--danger{background-color:#dc3545;color:#fff}.lib-button--danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.lib-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc354533}\n"] }]
23
+ args: [{ selector: 'kit-button', standalone: false, template: "<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n", styles: [".lib-button{font-family:inherit;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;outline:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.lib-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.lib-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lib-button--small{padding:6px 12px;font-size:14px;min-height:32px}@media(max-width:767px){.lib-button--small{min-height:44px;padding:8px 14px}}.lib-button--medium{padding:10px 20px;font-size:16px;min-height:40px}@media(max-width:767px){.lib-button--medium{min-height:44px}}.lib-button--large{padding:14px 28px;font-size:18px;min-height:48px}.lib-button--primary{background-color:#4a90e2;color:#fff}.lib-button--primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.lib-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4a90e233}.lib-button--secondary{background-color:#6c757d;color:#fff}.lib-button--secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.lib-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6c757d33}.lib-button--danger{background-color:#dc3545;color:#fff}.lib-button--danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.lib-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc354533}\n"] }]
24
24
  }], propDecorators: { label: [{
25
25
  type: Input
26
26
  }], variant: [{
@@ -199,11 +199,11 @@ class DropdownComponent {
199
199
  }
200
200
  }
201
201
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
202
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: DropdownComponent, isStandalone: false, selector: "kit-dropdown", inputs: { options: "options", placeholder: "placeholder", selectedValue: "selectedValue", disabled: "disabled" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".lib-dropdown{position:relative;display:inline-block;width:100%;min-width:200px}.lib-dropdown--disabled{opacity:.6;pointer-events:none}.lib-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;min-height:40px;-webkit-user-select:none;user-select:none}.lib-dropdown__trigger:hover:not(.lib-dropdown__trigger--disabled){border-color:#4a90e2}.lib-dropdown__trigger:focus-within{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__trigger--open{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__value{flex:1;text-align:left;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-dropdown__arrow{flex-shrink:0;margin-left:12px;color:#666;transition:transform .2s ease-in-out}.lib-dropdown__arrow--open{transform:rotate(180deg)}.lib-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}.lib-dropdown__option{padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;color:#333;font-size:16px;border-bottom:1px solid #f0f0f0}.lib-dropdown__option:last-child{border-bottom:none}.lib-dropdown__option:hover{background-color:#f5f5f5}.lib-dropdown__option--selected{background-color:#e8f4fd;color:#4a90e2;font-weight:500}.lib-dropdown__option--empty{color:#999;cursor:default;font-style:italic}.lib-dropdown__option--empty:hover{background-color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconChevronDownComponent, selector: "kit-icon-chevron-down" }] });
202
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: DropdownComponent, isStandalone: false, selector: "kit-dropdown", inputs: { options: "options", placeholder: "placeholder", selectedValue: "selectedValue", disabled: "disabled" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".lib-dropdown{position:relative;display:inline-block;width:100%;min-width:200px}@media(max-width:479px){.lib-dropdown{min-width:0}}.lib-dropdown--disabled{opacity:.6;pointer-events:none}.lib-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;min-height:40px;-webkit-user-select:none;user-select:none}@media(max-width:767px){.lib-dropdown__trigger{min-height:44px}}.lib-dropdown__trigger:hover:not(.lib-dropdown__trigger--disabled){border-color:#4a90e2}.lib-dropdown__trigger:focus-within{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__trigger--open{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__value{flex:1;text-align:left;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-dropdown__arrow{flex-shrink:0;margin-left:12px;color:#666;transition:transform .2s ease-in-out}.lib-dropdown__arrow--open{transform:rotate(180deg)}.lib-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}.lib-dropdown__option{padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;color:#333;font-size:16px;border-bottom:1px solid #f0f0f0}.lib-dropdown__option:last-child{border-bottom:none}.lib-dropdown__option:hover{background-color:#f5f5f5}.lib-dropdown__option--selected{background-color:#e8f4fd;color:#4a90e2;font-weight:500}.lib-dropdown__option--empty{color:#999;cursor:default;font-style:italic}.lib-dropdown__option--empty:hover{background-color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconChevronDownComponent, selector: "kit-icon-chevron-down" }] });
203
203
  }
204
204
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DropdownComponent, decorators: [{
205
205
  type: Component,
206
- args: [{ selector: 'kit-dropdown', standalone: false, template: "<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".lib-dropdown{position:relative;display:inline-block;width:100%;min-width:200px}.lib-dropdown--disabled{opacity:.6;pointer-events:none}.lib-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;min-height:40px;-webkit-user-select:none;user-select:none}.lib-dropdown__trigger:hover:not(.lib-dropdown__trigger--disabled){border-color:#4a90e2}.lib-dropdown__trigger:focus-within{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__trigger--open{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__value{flex:1;text-align:left;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-dropdown__arrow{flex-shrink:0;margin-left:12px;color:#666;transition:transform .2s ease-in-out}.lib-dropdown__arrow--open{transform:rotate(180deg)}.lib-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}.lib-dropdown__option{padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;color:#333;font-size:16px;border-bottom:1px solid #f0f0f0}.lib-dropdown__option:last-child{border-bottom:none}.lib-dropdown__option:hover{background-color:#f5f5f5}.lib-dropdown__option--selected{background-color:#e8f4fd;color:#4a90e2;font-weight:500}.lib-dropdown__option--empty{color:#999;cursor:default;font-style:italic}.lib-dropdown__option--empty:hover{background-color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}\n"] }]
206
+ args: [{ selector: 'kit-dropdown', standalone: false, template: "<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".lib-dropdown{position:relative;display:inline-block;width:100%;min-width:200px}@media(max-width:479px){.lib-dropdown{min-width:0}}.lib-dropdown--disabled{opacity:.6;pointer-events:none}.lib-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;min-height:40px;-webkit-user-select:none;user-select:none}@media(max-width:767px){.lib-dropdown__trigger{min-height:44px}}.lib-dropdown__trigger:hover:not(.lib-dropdown__trigger--disabled){border-color:#4a90e2}.lib-dropdown__trigger:focus-within{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__trigger--open{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.lib-dropdown__value{flex:1;text-align:left;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-dropdown__arrow{flex-shrink:0;margin-left:12px;color:#666;transition:transform .2s ease-in-out}.lib-dropdown__arrow--open{transform:rotate(180deg)}.lib-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}.lib-dropdown__option{padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;color:#333;font-size:16px;border-bottom:1px solid #f0f0f0}.lib-dropdown__option:last-child{border-bottom:none}.lib-dropdown__option:hover{background-color:#f5f5f5}.lib-dropdown__option--selected{background-color:#e8f4fd;color:#4a90e2;font-weight:500}.lib-dropdown__option--empty{color:#999;cursor:default;font-style:italic}.lib-dropdown__option--empty:hover{background-color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}\n"] }]
207
207
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
208
208
  type: Input
209
209
  }], placeholder: [{
@@ -347,11 +347,11 @@ class CheckboxComponent {
347
347
  }
348
348
  }
349
349
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
350
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: CheckboxComponent, isStandalone: false, selector: "kit-checkbox", inputs: { label: "label", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n", styles: [".lib-checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-size:16px;line-height:1.5}.lib-checkbox--disabled{opacity:.6;cursor:not-allowed}.lib-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lib-checkbox__input:focus-visible+.lib-checkbox__checkmark{outline:2px solid #4a90e2;outline-offset:2px}.lib-checkbox__input:checked~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:checked~.lib-checkbox__checkmark:after{display:block}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark:after{display:block;width:10px;height:2px;border:none;background-color:#fff;transform:translate(-50%,-50%) rotate(0);left:50%;top:50%}.lib-checkbox__input:disabled{cursor:not-allowed}.lib-checkbox__checkmark{position:relative;display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;background-color:#fff;border:2px solid #ccc;border-radius:4px;margin-right:10px;transition:all .2s ease-in-out;flex-shrink:0}.lib-checkbox__checkmark:hover{border-color:#4a90e2}.lib-checkbox__checkmark:after{content:\"\";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lib-checkbox__label{color:#333;font-weight:400}.lib-checkbox:hover:not(.lib-checkbox--disabled) .lib-checkbox__checkmark{border-color:#4a90e2}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
350
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: CheckboxComponent, isStandalone: false, selector: "kit-checkbox", inputs: { label: "label", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n", styles: [".lib-checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-size:16px;line-height:1.5}@media(max-width:767px){.lib-checkbox{min-height:44px}}.lib-checkbox--disabled{opacity:.6;cursor:not-allowed}.lib-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lib-checkbox__input:focus-visible+.lib-checkbox__checkmark{outline:2px solid #4a90e2;outline-offset:2px}.lib-checkbox__input:checked~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:checked~.lib-checkbox__checkmark:after{display:block}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark:after{display:block;width:10px;height:2px;border:none;background-color:#fff;transform:translate(-50%,-50%) rotate(0);left:50%;top:50%}.lib-checkbox__input:disabled{cursor:not-allowed}.lib-checkbox__checkmark{position:relative;display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;background-color:#fff;border:2px solid #ccc;border-radius:4px;margin-right:10px;transition:all .2s ease-in-out;flex-shrink:0}.lib-checkbox__checkmark:hover{border-color:#4a90e2}.lib-checkbox__checkmark:after{content:\"\";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lib-checkbox__label{color:#333;font-weight:400}.lib-checkbox:hover:not(.lib-checkbox--disabled) .lib-checkbox__checkmark{border-color:#4a90e2}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
351
351
  }
352
352
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CheckboxComponent, decorators: [{
353
353
  type: Component,
354
- args: [{ selector: 'kit-checkbox', standalone: false, template: "<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n", styles: [".lib-checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-size:16px;line-height:1.5}.lib-checkbox--disabled{opacity:.6;cursor:not-allowed}.lib-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lib-checkbox__input:focus-visible+.lib-checkbox__checkmark{outline:2px solid #4a90e2;outline-offset:2px}.lib-checkbox__input:checked~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:checked~.lib-checkbox__checkmark:after{display:block}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark:after{display:block;width:10px;height:2px;border:none;background-color:#fff;transform:translate(-50%,-50%) rotate(0);left:50%;top:50%}.lib-checkbox__input:disabled{cursor:not-allowed}.lib-checkbox__checkmark{position:relative;display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;background-color:#fff;border:2px solid #ccc;border-radius:4px;margin-right:10px;transition:all .2s ease-in-out;flex-shrink:0}.lib-checkbox__checkmark:hover{border-color:#4a90e2}.lib-checkbox__checkmark:after{content:\"\";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lib-checkbox__label{color:#333;font-weight:400}.lib-checkbox:hover:not(.lib-checkbox--disabled) .lib-checkbox__checkmark{border-color:#4a90e2}\n"] }]
354
+ args: [{ selector: 'kit-checkbox', standalone: false, template: "<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n", styles: [".lib-checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-size:16px;line-height:1.5}@media(max-width:767px){.lib-checkbox{min-height:44px}}.lib-checkbox--disabled{opacity:.6;cursor:not-allowed}.lib-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lib-checkbox__input:focus-visible+.lib-checkbox__checkmark{outline:2px solid #4a90e2;outline-offset:2px}.lib-checkbox__input:checked~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:checked~.lib-checkbox__checkmark:after{display:block}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark{background-color:#4a90e2;border-color:#4a90e2}.lib-checkbox__input:indeterminate~.lib-checkbox__checkmark:after{display:block;width:10px;height:2px;border:none;background-color:#fff;transform:translate(-50%,-50%) rotate(0);left:50%;top:50%}.lib-checkbox__input:disabled{cursor:not-allowed}.lib-checkbox__checkmark{position:relative;display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;background-color:#fff;border:2px solid #ccc;border-radius:4px;margin-right:10px;transition:all .2s ease-in-out;flex-shrink:0}.lib-checkbox__checkmark:hover{border-color:#4a90e2}.lib-checkbox__checkmark:after{content:\"\";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lib-checkbox__label{color:#333;font-weight:400}.lib-checkbox:hover:not(.lib-checkbox--disabled) .lib-checkbox__checkmark{border-color:#4a90e2}\n"] }]
355
355
  }], propDecorators: { label: [{
356
356
  type: Input
357
357
  }], checked: [{
@@ -1 +1 @@
1
- {"version":3,"file":"zhannam85-ui-kit.mjs","sources":["../../../src/components/button/button.component.ts","../../../src/components/button/button.component.html","../../../src/components/button/button.module.ts","../../../src/components/icon/base-icon.component.ts","../../../src/components/icon/icon-chevron-down.component.ts","../../../src/components/dropdown/dropdown.component.ts","../../../src/components/dropdown/dropdown.component.html","../../../src/components/icon/icon-copy.component.ts","../../../src/components/icon/icon-check.component.ts","../../../src/components/icon/icon.module.ts","../../../src/components/dropdown/dropdown.module.ts","../../../src/components/checkbox/checkbox.component.ts","../../../src/components/checkbox/checkbox.component.html","../../../src/components/checkbox/checkbox.module.ts","../../../src/public-api.ts","../../../src/zhannam85-ui-kit.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kit-button',\r\n standalone: false,\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss']\r\n})\r\nexport class ButtonComponent {\r\n @Input() public label = '';\r\n\r\n @Input() public variant: 'primary' | 'secondary' | 'danger' = 'primary';\r\n\r\n @Input() public disabled = false;\r\n\r\n @Input() public type: 'button' | 'submit' | 'reset' = 'button';\r\n\r\n @Input() public size: 'small' | 'medium' | 'large' = 'medium';\r\n\r\n @Output() public buttonClicked = new EventEmitter<MouseEvent>();\r\n\r\n public onClick(event: MouseEvent): void {\r\n if (!this.disabled) {\r\n this.buttonClicked.emit(event);\r\n }\r\n }\r\n}\r\n","<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ButtonComponent } from './button.component';\r\n\r\n@NgModule({\r\n declarations: [ButtonComponent],\r\n imports: [CommonModule],\r\n exports: [ButtonComponent],\r\n})\r\nexport class ButtonModule {}\r\n","import { Component, HostBinding, Input } from '@angular/core';\r\n\r\n@Component({ template: '' })\r\nexport abstract class BaseIconComponent {\r\n @Input() public size = 24;\r\n\r\n @Input() public color = 'currentColor';\r\n\r\n @HostBinding('style.width.px')\r\n public get hostWidth(): number {\r\n return this.size;\r\n }\r\n\r\n @HostBinding('style.height.px')\r\n public get hostHeight(): number {\r\n return this.size;\r\n }\r\n\r\n @HostBinding('style.display')\r\n public readonly display = 'inline-flex';\r\n\r\n @HostBinding('style.color')\r\n public get hostColor(): string {\r\n return this.color;\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-chevron-down',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 12 12\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"M3 4.5L6 7.5L9 4.5\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconChevronDownComponent extends BaseIconComponent {\r\n override size = 12;\r\n}\r\n","/* eslint-disable @angular-eslint/prefer-inject */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Component, ElementRef, EventEmitter, Input, OnDestroy, Output, OnInit } from '@angular/core';\r\n\r\nexport interface DropdownOption {\r\n label: string;\r\n value: any;\r\n}\r\n\r\n@Component({\r\n selector: 'kit-dropdown',\r\n standalone: false,\r\n templateUrl: './dropdown.component.html',\r\n styleUrls: ['./dropdown.component.scss']\r\n})\r\nexport class DropdownComponent implements OnInit, OnDestroy {\r\n private _options: DropdownOption[] = [];\r\n\r\n private _selectedValue: any = null;\r\n\r\n private onDocumentClick = (event: Event): void => {\r\n const target = event.target as HTMLElement;\r\n if (!this.elementRef.nativeElement.contains(target)) {\r\n this.isOpen = false;\r\n }\r\n };\r\n\r\n @Input() public set options(value: DropdownOption[]) {\r\n this._options = value ?? [];\r\n this.updateSelectedOption();\r\n }\r\n\r\n public get options(): DropdownOption[] {\r\n return this._options;\r\n }\r\n\r\n @Input() public placeholder = 'Select an option';\r\n\r\n @Input() public set selectedValue(value: any) {\r\n this._selectedValue = value;\r\n this.updateSelectedOption();\r\n }\r\n\r\n public get selectedValue(): any {\r\n return this._selectedValue;\r\n }\r\n\r\n @Input() public disabled = false;\r\n\r\n @Output() public selectionChange = new EventEmitter<any>();\r\n\r\n public isOpen = false;\r\n\r\n public selectedOption: DropdownOption | null = null;\r\n\r\n constructor(private elementRef: ElementRef) {}\r\n\r\n public ngOnInit(): void {\r\n this.updateSelectedOption();\r\n document.addEventListener('click', this.onDocumentClick);\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n document.removeEventListener('click', this.onDocumentClick);\r\n }\r\n\r\n private updateSelectedOption(): void {\r\n if (this._selectedValue !== null && this._selectedValue !== undefined) {\r\n this.selectedOption = this._options.find(opt => opt.value === this._selectedValue) || null;\r\n } else {\r\n this.selectedOption = null;\r\n }\r\n }\r\n\r\n public toggleDropdown(): void {\r\n if (!this.disabled) {\r\n this.isOpen = !this.isOpen;\r\n }\r\n }\r\n\r\n public onTriggerKeydown(event: KeyboardEvent): void {\r\n if (event.key === 'Enter' || event.key === ' ') {\r\n event.preventDefault();\r\n this.toggleDropdown();\r\n }\r\n }\r\n\r\n public onOptionKeydown(event: KeyboardEvent, option: DropdownOption): void {\r\n if (event.key === 'Enter' || event.key === ' ') {\r\n event.preventDefault();\r\n this.selectOption(option);\r\n }\r\n }\r\n\r\n public selectOption(option: DropdownOption): void {\r\n if (!this.disabled) {\r\n this.selectedOption = option;\r\n this._selectedValue = option.value;\r\n this.isOpen = false;\r\n this.selectionChange.emit(option.value);\r\n }\r\n }\r\n}\r\n","<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-copy',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/>\r\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconCopyComponent extends BaseIconComponent {\r\n override size = 16;\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-check',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"M20 6L9 17l-5-5\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconCheckComponent extends BaseIconComponent {\r\n override size = 16;\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { IconCopyComponent } from './icon-copy.component';\r\nimport { IconCheckComponent } from './icon-check.component';\r\nimport { IconChevronDownComponent } from './icon-chevron-down.component';\r\n\r\nconst ICON_COMPONENTS = [\r\n IconCopyComponent,\r\n IconCheckComponent,\r\n IconChevronDownComponent,\r\n];\r\n\r\n@NgModule({\r\n declarations: ICON_COMPONENTS,\r\n exports: ICON_COMPONENTS,\r\n})\r\nexport class IconModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DropdownComponent } from './dropdown.component';\r\nimport { IconModule } from '../icon/icon.module';\r\n\r\n@NgModule({\r\n declarations: [DropdownComponent],\r\n imports: [CommonModule, IconModule],\r\n exports: [DropdownComponent],\r\n})\r\nexport class DropdownModule {}\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kit-checkbox',\r\n standalone: false,\r\n templateUrl: './checkbox.component.html',\r\n styleUrls: ['./checkbox.component.scss']\r\n})\r\nexport class CheckboxComponent {\r\n @Input() public label = '';\r\n\r\n @Input() public checked = false;\r\n\r\n @Input() public disabled = false;\r\n\r\n @Input() public indeterminate = false;\r\n\r\n @Output() public checkedChange = new EventEmitter<boolean>();\r\n\r\n /** Stable id for the input (generated once per component instance to avoid NG0100). */\r\n public readonly checkboxId = `kit-checkbox-${Math.random().toString(36).substring(2, 11)}`;\r\n\r\n public onCheckboxChange(event: Event): void {\r\n if (!this.disabled) {\r\n const target = event.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.indeterminate = false; // Clear indeterminate state when user interacts\r\n this.checkedChange.emit(this.checked);\r\n }\r\n }\r\n}\r\n","<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CheckboxComponent } from './checkbox.component';\r\n\r\n@NgModule({\r\n declarations: [CheckboxComponent],\r\n imports: [CommonModule],\r\n exports: [CheckboxComponent],\r\n})\r\nexport class CheckboxModule {}\r\n","/*\r\n * Public API Surface of ui-kit\r\n */\r\n\r\nexport * from './components/button/button.component';\r\nexport * from './components/button/button.module';\r\nexport * from './components/dropdown/dropdown.component';\r\nexport * from './components/dropdown/dropdown.module';\r\nexport * from './components/checkbox/checkbox.component';\r\nexport * from './components/checkbox/checkbox.module';\r\nexport * from './components/icon/base-icon.component';\r\nexport * from './components/icon/icon-copy.component';\r\nexport * from './components/icon/icon-check.component';\r\nexport * from './components/icon/icon-chevron-down.component';\r\nexport * from './components/icon/icon.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.IconChevronDownComponent"],"mappings":"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"}
1
+ {"version":3,"file":"zhannam85-ui-kit.mjs","sources":["../../../src/components/button/button.component.ts","../../../src/components/button/button.component.html","../../../src/components/button/button.module.ts","../../../src/components/icon/base-icon.component.ts","../../../src/components/icon/icon-chevron-down.component.ts","../../../src/components/dropdown/dropdown.component.ts","../../../src/components/dropdown/dropdown.component.html","../../../src/components/icon/icon-copy.component.ts","../../../src/components/icon/icon-check.component.ts","../../../src/components/icon/icon.module.ts","../../../src/components/dropdown/dropdown.module.ts","../../../src/components/checkbox/checkbox.component.ts","../../../src/components/checkbox/checkbox.component.html","../../../src/components/checkbox/checkbox.module.ts","../../../src/public-api.ts","../../../src/zhannam85-ui-kit.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kit-button',\r\n standalone: false,\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss']\r\n})\r\nexport class ButtonComponent {\r\n @Input() public label = '';\r\n\r\n @Input() public variant: 'primary' | 'secondary' | 'danger' = 'primary';\r\n\r\n @Input() public disabled = false;\r\n\r\n @Input() public type: 'button' | 'submit' | 'reset' = 'button';\r\n\r\n @Input() public size: 'small' | 'medium' | 'large' = 'medium';\r\n\r\n @Output() public buttonClicked = new EventEmitter<MouseEvent>();\r\n\r\n public onClick(event: MouseEvent): void {\r\n if (!this.disabled) {\r\n this.buttonClicked.emit(event);\r\n }\r\n }\r\n}\r\n","<button\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class]=\"'lib-button lib-button--' + variant + ' lib-button--' + size\"\r\n (click)=\"onClick($event)\">\r\n {{ label }}\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ButtonComponent } from './button.component';\r\n\r\n@NgModule({\r\n declarations: [ButtonComponent],\r\n imports: [CommonModule],\r\n exports: [ButtonComponent],\r\n})\r\nexport class ButtonModule {}\r\n","import { Component, HostBinding, Input } from '@angular/core';\r\n\r\n@Component({ template: '' })\r\nexport abstract class BaseIconComponent {\r\n @Input() public size = 24;\r\n\r\n @Input() public color = 'currentColor';\r\n\r\n @HostBinding('style.width.px')\r\n public get hostWidth(): number {\r\n return this.size;\r\n }\r\n\r\n @HostBinding('style.height.px')\r\n public get hostHeight(): number {\r\n return this.size;\r\n }\r\n\r\n @HostBinding('style.display')\r\n public readonly display = 'inline-flex';\r\n\r\n @HostBinding('style.color')\r\n public get hostColor(): string {\r\n return this.color;\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-chevron-down',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 12 12\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"M3 4.5L6 7.5L9 4.5\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconChevronDownComponent extends BaseIconComponent {\r\n override size = 12;\r\n}\r\n","/* eslint-disable @angular-eslint/prefer-inject */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Component, ElementRef, EventEmitter, Input, OnDestroy, Output, OnInit } from '@angular/core';\n\nexport interface DropdownOption {\n label: string;\n value: any;\n}\n\n@Component({\n selector: 'kit-dropdown',\n standalone: false,\n templateUrl: './dropdown.component.html',\n styleUrls: ['./dropdown.component.scss']\n})\nexport class DropdownComponent implements OnInit, OnDestroy {\n private _options: DropdownOption[] = [];\n\n private _selectedValue: any = null;\n\n private onDocumentClick = (event: Event): void => {\n const target = event.target as HTMLElement;\n if (!this.elementRef.nativeElement.contains(target)) {\n this.isOpen = false;\n }\n };\n\n @Input() public set options(value: DropdownOption[]) {\n this._options = value ?? [];\n this.updateSelectedOption();\n }\n\n public get options(): DropdownOption[] {\n return this._options;\n }\n\n @Input() public placeholder = 'Select an option';\n\n @Input() public set selectedValue(value: any) {\n this._selectedValue = value;\n this.updateSelectedOption();\n }\n\n public get selectedValue(): any {\n return this._selectedValue;\n }\n\n @Input() public disabled = false;\n\n @Output() public selectionChange = new EventEmitter<any>();\n\n public isOpen = false;\n\n public selectedOption: DropdownOption | null = null;\n\n constructor(private elementRef: ElementRef) {}\n\n public ngOnInit(): void {\n this.updateSelectedOption();\n document.addEventListener('click', this.onDocumentClick);\n }\n\n public ngOnDestroy(): void {\n document.removeEventListener('click', this.onDocumentClick);\n }\n\n private updateSelectedOption(): void {\n if (this._selectedValue !== null && this._selectedValue !== undefined) {\n this.selectedOption = this._options.find(opt => opt.value === this._selectedValue) || null;\n } else {\n this.selectedOption = null;\n }\n }\n\n public toggleDropdown(): void {\n if (!this.disabled) {\n this.isOpen = !this.isOpen;\n }\n }\n\n public onTriggerKeydown(event: KeyboardEvent): void {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.toggleDropdown();\n }\n }\n\n public onOptionKeydown(event: KeyboardEvent, option: DropdownOption): void {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.selectOption(option);\n }\n }\n\n public selectOption(option: DropdownOption): void {\n if (!this.disabled) {\n this.selectedOption = option;\n this._selectedValue = option.value;\n this.isOpen = false;\n this.selectionChange.emit(option.value);\n }\n }\n}\n","<div class=\"lib-dropdown\" [class.lib-dropdown--disabled]=\"disabled\">\r\n <div\r\n class=\"lib-dropdown__trigger\"\r\n [class.lib-dropdown__trigger--open]=\"isOpen\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n (click)=\"toggleDropdown()\"\r\n (keydown)=\"onTriggerKeydown($event)\">\r\n <span class=\"lib-dropdown__value\">\r\n {{ selectedOption ? selectedOption.label : placeholder }}\r\n </span>\r\n <kit-icon-chevron-down\r\n class=\"lib-dropdown__arrow\"\r\n [class.lib-dropdown__arrow--open]=\"isOpen\"\r\n [size]=\"12\">\r\n </kit-icon-chevron-down>\r\n </div>\r\n <div class=\"lib-dropdown__menu\" *ngIf=\"isOpen && !disabled\">\r\n <div\r\n *ngFor=\"let option of options\"\r\n class=\"lib-dropdown__option\"\r\n [class.lib-dropdown__option--selected]=\"selectedOption?.value === option.value\"\r\n role=\"option\"\r\n [attr.aria-selected]=\"selectedOption?.value === option.value\"\r\n tabindex=\"0\"\r\n (click)=\"selectOption(option)\"\r\n (keydown)=\"onOptionKeydown($event, option)\">\r\n {{ option.label }}\r\n </div>\r\n <div *ngIf=\"options.length === 0\" class=\"lib-dropdown__option lib-dropdown__option--empty\">\r\n No options available\r\n </div>\r\n </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-copy',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/>\r\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconCopyComponent extends BaseIconComponent {\r\n override size = 16;\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { BaseIconComponent } from './base-icon.component';\r\n\r\n@Component({\r\n selector: 'kit-icon-check',\r\n standalone: false,\r\n template: `\r\n <svg\r\n [attr.width]=\"size\"\r\n [attr.height]=\"size\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n [attr.stroke]=\"color\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"M20 6L9 17l-5-5\"/>\r\n </svg>\r\n `,\r\n})\r\nexport class IconCheckComponent extends BaseIconComponent {\r\n override size = 16;\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { IconCopyComponent } from './icon-copy.component';\r\nimport { IconCheckComponent } from './icon-check.component';\r\nimport { IconChevronDownComponent } from './icon-chevron-down.component';\r\n\r\nconst ICON_COMPONENTS = [\r\n IconCopyComponent,\r\n IconCheckComponent,\r\n IconChevronDownComponent,\r\n];\r\n\r\n@NgModule({\r\n declarations: ICON_COMPONENTS,\r\n exports: ICON_COMPONENTS,\r\n})\r\nexport class IconModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { DropdownComponent } from './dropdown.component';\r\nimport { IconModule } from '../icon/icon.module';\r\n\r\n@NgModule({\r\n declarations: [DropdownComponent],\r\n imports: [CommonModule, IconModule],\r\n exports: [DropdownComponent],\r\n})\r\nexport class DropdownModule {}\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'kit-checkbox',\r\n standalone: false,\r\n templateUrl: './checkbox.component.html',\r\n styleUrls: ['./checkbox.component.scss']\r\n})\r\nexport class CheckboxComponent {\r\n @Input() public label = '';\r\n\r\n @Input() public checked = false;\r\n\r\n @Input() public disabled = false;\r\n\r\n @Input() public indeterminate = false;\r\n\r\n @Output() public checkedChange = new EventEmitter<boolean>();\r\n\r\n /** Stable id for the input (generated once per component instance to avoid NG0100). */\r\n public readonly checkboxId = `kit-checkbox-${Math.random().toString(36).substring(2, 11)}`;\r\n\r\n public onCheckboxChange(event: Event): void {\r\n if (!this.disabled) {\r\n const target = event.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.indeterminate = false; // Clear indeterminate state when user interacts\r\n this.checkedChange.emit(this.checked);\r\n }\r\n }\r\n}\r\n","<label\r\n class=\"lib-checkbox\"\r\n [class.lib-checkbox--disabled]=\"disabled\"\r\n [attr.for]=\"checkboxId\">\r\n <input\r\n type=\"checkbox\"\r\n [id]=\"checkboxId\"\r\n class=\"lib-checkbox__input\"\r\n [checked]=\"checked\"\r\n [indeterminate]=\"indeterminate\"\r\n [disabled]=\"disabled\"\r\n (change)=\"onCheckboxChange($event)\">\r\n <span class=\"lib-checkbox__checkmark\"></span>\r\n <span class=\"lib-checkbox__label\" *ngIf=\"label\">{{ label }}</span>\r\n</label>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { CheckboxComponent } from './checkbox.component';\r\n\r\n@NgModule({\r\n declarations: [CheckboxComponent],\r\n imports: [CommonModule],\r\n exports: [CheckboxComponent],\r\n})\r\nexport class CheckboxModule {}\r\n","/*\r\n * Public API Surface of ui-kit\r\n */\r\n\r\nexport * from './components/button/button.component';\r\nexport * from './components/button/button.module';\r\nexport * from './components/dropdown/dropdown.component';\r\nexport * from './components/dropdown/dropdown.module';\r\nexport * from './components/checkbox/checkbox.component';\r\nexport * from './components/checkbox/checkbox.module';\r\nexport * from './components/icon/base-icon.component';\r\nexport * from './components/icon/icon-copy.component';\r\nexport * from './components/icon/icon-check.component';\r\nexport * from './components/icon/icon-chevron-down.component';\r\nexport * from './components/icon/icon.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.IconChevronDownComponent"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zhannam85/ui-kit",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "description": "A modern Angular UI kit library with Button, Dropdown, and Checkbox components",
5
5
  "keywords": [
6
6
  "angular",