shirkasoft-ui-components 1.0.5 → 1.0.7
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.
|
@@ -405,11 +405,11 @@ class NotificationComponent {
|
|
|
405
405
|
}
|
|
406
406
|
}, ...(ngDevMode ? [{ debugName: "positionClass" }] : /* istanbul ignore next */ []));
|
|
407
407
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
408
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NotificationComponent, isStandalone: true, selector: "shk-notification", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"positionClass()\">\n @for (notification of sortedNotifications(); track notification.id) {\n <div\n [ngClass]=\"{\n '_shk-bg-green-soft _shk-
|
|
408
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: NotificationComponent, isStandalone: true, selector: "shk-notification", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"positionClass()\">\n @for (notification of sortedNotifications(); track notification.id) {\n <div\n [ngClass]=\"{\n '_shk-bg-green-soft _shk-border-green-400 dark:[border-color:var(--shk-success-600)] _shk-text-green-800 dark:[color:var(--shk-success-800)]':\n notification.type === 'success',\n '_shk-bg-red-soft _shk-border-red-400 dark:[border-color:var(--shk-error-600)] _shk-text-red-800 dark:[color:var(--shk-error-800)]':\n notification.type === 'error',\n '_shk-bg-blue-soft _shk-border-blue-400 dark:[border-color:var(--shk-info-600)] _shk-text-blue-800 dark:[color:var(--shk-info-800)]':\n notification.type === 'info',\n '_shk-bg-yellow-soft _shk-border-yellow-400 dark:[border-color:var(--shk-warning-600)] _shk-text-yellow-800 dark:[color:var(--shk-warning-800)]':\n notification.type === 'warning',\n }\"\n class=\"flex items-center w-full min-w-[320px] max-w-xs sm:max-w-sm lg:max-w-md p-4 mb-4 border-l-4 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300 transform hover:scale-105 hover:shadow-xl\"\n role=\"alert\"\n >\n <div\n [ngClass]=\"{\n '_shk-text-green-600': notification.type === 'success',\n '_shk-text-red-600': notification.type === 'error',\n '_shk-text-blue-600': notification.type === 'info',\n '_shk-text-yellow-600': notification.type === 'warning',\n }\"\n class=\"inline-flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-lg bg-opacity-10\"\n >\n <svg [lucideIcon]=\"getIcon(getNotificationIcon(notification.type))\" class=\"w-6 h-6\"></svg>\n </div>\n <div class=\"ms-4 flex-1 text-sm font-medium break-words\">\n {{ notification.message }}\n </div>\n <button\n type=\"button\"\n (click)=\"removeNotification(notification)\"\n aria-label=\"Close\"\n [ngClass]=\"{\n '_shk-text-green-600 hover:[color:var(--shk-success-800)]':\n notification.type === 'success',\n '_shk-text-red-600 hover:[color:var(--shk-error-800)]': notification.type === 'error',\n '_shk-text-blue-600 hover:[color:var(--shk-info-800)]': notification.type === 'info',\n '_shk-text-yellow-600 hover:[color:var(--shk-warning-800)]':\n notification.type === 'warning',\n }\"\n class=\"mx-2 -my-1.5 bg-transparent focus:outline-none\"\n >\n <svg [lucideIcon]=\"getIcon('x')\" class=\"w-4 h-4\"></svg>\n </button>\n </div>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
409
409
|
}
|
|
410
410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
411
411
|
type: Component,
|
|
412
|
-
args: [{ selector: 'shk-notification', standalone: true, imports: [CommonModule, LucideDynamicIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"positionClass()\">\n @for (notification of sortedNotifications(); track notification.id) {\n <div\n [ngClass]=\"{\n '_shk-bg-green-soft _shk-
|
|
412
|
+
args: [{ selector: 'shk-notification', standalone: true, imports: [CommonModule, LucideDynamicIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"positionClass()\">\n @for (notification of sortedNotifications(); track notification.id) {\n <div\n [ngClass]=\"{\n '_shk-bg-green-soft _shk-border-green-400 dark:[border-color:var(--shk-success-600)] _shk-text-green-800 dark:[color:var(--shk-success-800)]':\n notification.type === 'success',\n '_shk-bg-red-soft _shk-border-red-400 dark:[border-color:var(--shk-error-600)] _shk-text-red-800 dark:[color:var(--shk-error-800)]':\n notification.type === 'error',\n '_shk-bg-blue-soft _shk-border-blue-400 dark:[border-color:var(--shk-info-600)] _shk-text-blue-800 dark:[color:var(--shk-info-800)]':\n notification.type === 'info',\n '_shk-bg-yellow-soft _shk-border-yellow-400 dark:[border-color:var(--shk-warning-600)] _shk-text-yellow-800 dark:[color:var(--shk-warning-800)]':\n notification.type === 'warning',\n }\"\n class=\"flex items-center w-full min-w-[320px] max-w-xs sm:max-w-sm lg:max-w-md p-4 mb-4 border-l-4 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300 transform hover:scale-105 hover:shadow-xl\"\n role=\"alert\"\n >\n <div\n [ngClass]=\"{\n '_shk-text-green-600': notification.type === 'success',\n '_shk-text-red-600': notification.type === 'error',\n '_shk-text-blue-600': notification.type === 'info',\n '_shk-text-yellow-600': notification.type === 'warning',\n }\"\n class=\"inline-flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-lg bg-opacity-10\"\n >\n <svg [lucideIcon]=\"getIcon(getNotificationIcon(notification.type))\" class=\"w-6 h-6\"></svg>\n </div>\n <div class=\"ms-4 flex-1 text-sm font-medium break-words\">\n {{ notification.message }}\n </div>\n <button\n type=\"button\"\n (click)=\"removeNotification(notification)\"\n aria-label=\"Close\"\n [ngClass]=\"{\n '_shk-text-green-600 hover:[color:var(--shk-success-800)]':\n notification.type === 'success',\n '_shk-text-red-600 hover:[color:var(--shk-error-800)]': notification.type === 'error',\n '_shk-text-blue-600 hover:[color:var(--shk-info-800)]': notification.type === 'info',\n '_shk-text-yellow-600 hover:[color:var(--shk-warning-800)]':\n notification.type === 'warning',\n }\"\n class=\"mx-2 -my-1.5 bg-transparent focus:outline-none\"\n >\n <svg [lucideIcon]=\"getIcon('x')\" class=\"w-4 h-4\"></svg>\n </button>\n </div>\n }\n</div>\n" }]
|
|
413
413
|
}], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
414
414
|
|
|
415
415
|
class ToggleComponent {
|