@xxmachina/components 20.67.0 → 20.69.4

package/fesm2022/xxmachina-components-molecules-daily-cell.mjs

@@ -14,10 +14,10 @@ class PercentagePipe {
         const day = 60 * 60 * 24;
         return (date.hour() * 60 * 60 + date.minute() * 60 + date.second()) / day * 100;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PercentagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: PercentagePipe, isStandalone: true, name: "percentage" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PercentagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PercentagePipe, isStandalone: true, name: "percentage" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PercentagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PercentagePipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'percentage' }]
         }] });
@@ -33,10 +33,10 @@ class FilterByDatePipe {
         });
         return filtered;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FilterByDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: FilterByDatePipe, isStandalone: true, name: "filterByDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FilterByDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FilterByDatePipe, isStandalone: true, name: "filterByDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FilterByDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FilterByDatePipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'filterByDate', pure: true }]
         }] });
@@ -44,10 +44,10 @@ class ScheduleToolTipTextPipe {
     transform(schedule) {
         return `${schedule.startAt.format('HH:mm')} ~ ${schedule.endAt.format('HH:mm')} ${schedule.name} `;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ScheduleToolTipTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: ScheduleToolTipTextPipe, isStandalone: true, name: "tooltipText" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ScheduleToolTipTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: ScheduleToolTipTextPipe, isStandalone: true, name: "tooltipText" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ScheduleToolTipTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ScheduleToolTipTextPipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'tooltipText', pure: true }]
         }] });
@@ -65,8 +65,8 @@ class DailyCellMolecule {
     getToolTipText(schedules) {
         return schedules.map(s => this.getScheduleText(s)).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DailyCellMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: DailyCellMolecule, isStandalone: true, selector: "molecules-daily-cell", inputs: { date: "date", schedules: "schedules", displayDate: "displayDate", noSchedulesText: "noSchedulesText", toolTipText: "toolTipText", marked: "marked", markingColor: "markingColor" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DailyCellMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: DailyCellMolecule, isStandalone: true, selector: "molecules-daily-cell", inputs: { date: "date", schedules: "schedules", displayDate: "displayDate", noSchedulesText: "noSchedulesText", toolTipText: "toolTipText", marked: "marked", markingColor: "markingColor" }, ngImport: i0, template: `
   <div class="background">
     @for (schedule of schedules | filterByDate:date; track schedule) {
       <div
@@ -97,7 +97,7 @@ class DailyCellMolecule {
   </div> -->
   `, isInline: true, styles: [":host{display:block}:host{position:relative;display:flex;justify-content:center;align-items:center;font-size:12px;color:#666;cursor:pointer}:host .background{position:absolute;z-index:0;width:100%;height:100%}:host .background .schedule-band{position:absolute;height:100%;opacity:.5;background-color:#f2e7fe}:host .date.box{position:absolute;z-index:10;top:8px;left:8px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;color:#212121}:host .schedules-container{position:relative;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#666}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: PercentagePipe, name: "percentage" }, { kind: "pipe", type: FilterByDatePipe, name: "filterByDate" }, { kind: "pipe", type: ScheduleToolTipTextPipe, name: "tooltipText" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DailyCellMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DailyCellMolecule, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'molecules-daily-cell', imports: [
                         CommonModule,

package/fesm2022/xxmachina-components-molecules-inline-edit-field.mjs

@@ -11,24 +11,24 @@ var ActionId;
 })(ActionId || (ActionId = {}));
 let InlineEditFieldMoleculeStore = class InlineEditFieldMoleculeStore extends InjectableComponent {
     static ActionId = ActionId;
-    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
-    displayValue = input.required(...(ngDevMode ? [{ debugName: "displayValue" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: InlineEditFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: InlineEditFieldMoleculeStore, isStandalone: true, selector: "molecules-inline-edit-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    displayValue = input.required(...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InlineEditFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: InlineEditFieldMoleculeStore, isStandalone: true, selector: "molecules-inline-edit-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 };
 InlineEditFieldMoleculeStore = __decorate([
     TokenizedType()
 ], InlineEditFieldMoleculeStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: InlineEditFieldMoleculeStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InlineEditFieldMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'molecules-inline-edit-field' }]
         }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: true }] }] } });
 class InlineEditFieldMolecule extends NgAtomicComponent {
     static ActionId = ActionId;
     store = inject(InlineEditFieldMoleculeStore);
-    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
     originalValue = '';
-    inputEl = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputEl" }] : []));
+    inputEl = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         effect(() => {
@@ -65,8 +65,8 @@ class InlineEditFieldMolecule extends NgAtomicComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: InlineEditFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: InlineEditFieldMolecule, isStandalone: true, selector: "molecules-inline-edit-field", viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: InlineEditFieldMoleculeStore, inputs: ["control", "control", "displayValue", "displayValue"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InlineEditFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: InlineEditFieldMolecule, isStandalone: true, selector: "molecules-inline-edit-field", viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: InlineEditFieldMoleculeStore, inputs: ["control", "control", "displayValue", "displayValue"] }], ngImport: i0, template: `
     @if (isEditing()) {
       <input
         class="edit-input"
@@ -85,7 +85,7 @@ class InlineEditFieldMolecule extends NgAtomicComponent {
     }
   `, isInline: true, styles: [":host{display:inline-block}.display-value{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.display-value:hover{background-color:#ffffff1a}.edit-input{font:inherit;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 4px;outline:none;min-width:200px}.edit-input:focus{border-color:#fff9}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: InlineEditFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InlineEditFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-inline-edit-field', standalone: true, imports: [ReactiveFormsModule], template: `
     @if (isEditing()) {

package/fesm2022/xxmachina-components-molecules-user-avatar-menu.mjs

@@ -17,22 +17,22 @@ import { WorkspaceSwitcherService } from '@xxmachina/components/services/workspa
 class UserAvatarMenuMolecule extends NgAtomicComponent {
     auth = inject(AuthService);
     switcher = inject(WorkspaceSwitcherService, { optional: true });
-    signOutAction = input.required(...(ngDevMode ? [{ debugName: "signOutAction" }] : []));
+    signOutAction = input.required(...(ngDevMode ? [{ debugName: "signOutAction" }] : /* istanbul ignore next */ []));
     workspaceSwitch = output();
-    imgError = signal(false, ...(ngDevMode ? [{ debugName: "imgError" }] : []));
+    imgError = signal(false, ...(ngDevMode ? [{ debugName: "imgError" }] : /* istanbul ignore next */ []));
     switchTo(workspaceId) {
         this.switcher?.switchTo(workspaceId);
         this.workspaceSwitch.emit(workspaceId);
     }
-    photoURL = computed(() => this.imgError() ? null : this.auth.auth()?.photoURL ?? null, ...(ngDevMode ? [{ debugName: "photoURL" }] : []));
-    email = computed(() => this.auth.auth()?.email ?? null, ...(ngDevMode ? [{ debugName: "email" }] : []));
+    photoURL = computed(() => this.imgError() ? null : this.auth.auth()?.photoURL ?? null, ...(ngDevMode ? [{ debugName: "photoURL" }] : /* istanbul ignore next */ []));
+    email = computed(() => this.auth.auth()?.email ?? null, ...(ngDevMode ? [{ debugName: "email" }] : /* istanbul ignore next */ []));
     initial = computed(() => {
         const user = this.auth.auth();
         const source = user?.displayName || user?.email || '?';
         return source.charAt(0).toUpperCase();
-    }, ...(ngDevMode ? [{ debugName: "initial" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: UserAvatarMenuMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: UserAvatarMenuMolecule, isStandalone: true, selector: "molecules-user-avatar-menu", inputs: { signOutAction: { classPropertyName: "signOutAction", publicName: "signOutAction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { workspaceSwitch: "workspaceSwitch" }, usesInheritance: true, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "initial" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UserAvatarMenuMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: UserAvatarMenuMolecule, isStandalone: true, selector: "molecules-user-avatar-menu", inputs: { signOutAction: { classPropertyName: "signOutAction", publicName: "signOutAction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { workspaceSwitch: "workspaceSwitch" }, usesInheritance: true, ngImport: i0, template: `
     <button mat-icon-button class="avatar-button" [matMenuTriggerFor]="menu" [matTooltip]="email() ?? ''">
       @if (photoURL(); as url) {
         <!-- crossorigin="anonymous": app は COEP: require-corp で cross-origin isolation しており、
@@ -61,7 +61,7 @@ class UserAvatarMenuMolecule extends NgAtomicComponent {
     </mat-menu>
   `, isInline: true, styles: [":host{display:inline-flex}.avatar-button{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar-image{width:28px;height:28px;border-radius:50%;object-fit:cover}.avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--primary-color, #404040);color:var(--on-primary-color, #f0f0f0);font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: UserAvatarMenuMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UserAvatarMenuMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-user-avatar-menu', standalone: true, imports: [MatButtonModule, MatDividerModule, MatIconModule, MatMenuModule, MatTooltipModule], template: `
     <button mat-icon-button class="avatar-button" [matMenuTriggerFor]="menu" [matTooltip]="email() ?? ''">

package/fesm2022/xxmachina-components-molecules-version-selector.mjs

@@ -43,9 +43,9 @@ function provideVersionSelectorStateFromService() {
 class VersionSelectorMolecule {
     state = inject(VERSION_SELECTOR_STATE, { optional: true }) ?? signal(null);
     versionControl = new FormControl('');
-    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : []));
-    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
-    versionInput = viewChild('versionInput', ...(ngDevMode ? [{ debugName: "versionInput" }] : []));
+    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+    versionInput = viewChild('versionInput', ...(ngDevMode ? [{ debugName: "versionInput" }] : /* istanbul ignore next */ []));
     filteredVersions = computed(() => {
         const search = this.searchText().toLowerCase();
         const versions = this.state()?.versions ?? [];
@@ -54,7 +54,7 @@ class VersionSelectorMolecule {
         return versions.filter((v) => v.key.toLowerCase().includes(search) ||
             v.label.toLowerCase().includes(search) ||
             (v.tag?.toLowerCase().includes(search) ?? false));
-    }, ...(ngDevMode ? [{ debugName: "filteredVersions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "filteredVersions" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const current = this.state()?.current;
@@ -88,8 +88,8 @@ class VersionSelectorMolecule {
             this.state()?.select(value);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: VersionSelectorMolecule, isStandalone: true, selector: "molecules-version-selector", viewQueries: [{ propertyName: "versionInput", first: true, predicate: ["versionInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VersionSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: VersionSelectorMolecule, isStandalone: true, selector: "molecules-version-selector", viewQueries: [{ propertyName: "versionInput", first: true, predicate: ["versionInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (state(); as version) {
       @if (isEditing()) {
         <div class="version-autocomplete-wrapper">
@@ -128,7 +128,7 @@ class VersionSelectorMolecule {
     }
   `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-channel{opacity:.65;font-size:.85em;margin-left:.3em}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionSelectorMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VersionSelectorMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-version-selector', standalone: true, imports: [ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatIconModule], template: `
     @if (state(); as version) {

package/fesm2022/xxmachina-components-molecules-weekly-header.mjs

@@ -5,16 +5,16 @@ class WeeklyHeaderMolecule {
     constructor() { }
     ngOnInit() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WeeklyHeaderMolecule, isStandalone: true, selector: "molecules-weekly-header", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: WeeklyHeaderMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: WeeklyHeaderMolecule, isStandalone: true, selector: "molecules-weekly-header", ngImport: i0, template: `
   @for (day of ['日', '月', '火', '水', '木', '金', '土']; track day) {
     <div class="day-container">
       <span>{{ day }}</span>
     </div>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-XdJ7h2h9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-XdJ7h2h9: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-XdJ7h2h9)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-GXPWKc1m: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-GXPWKc1m: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-GXPWKc1m)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-weekly-header', standalone: true, imports: [], template: `
   @for (day of ['日', '月', '火', '水', '木', '金', '土']; track day) {
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <span>{{ day }}</span>
     </div>
   }
-  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-XdJ7h2h9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-XdJ7h2h9: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-XdJ7h2h9)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
+  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-GXPWKc1m: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-GXPWKc1m: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-GXPWKc1m)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/xxmachina-components-molecules-workspace-selector.mjs

@@ -13,17 +13,17 @@ import { WorkspaceSwitcherService } from '@xxmachina/components/services/workspa
 class WorkspaceSelectorMolecule {
     switcher = inject(WorkspaceSwitcherService, { optional: true });
     control = new FormControl('');
-    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : []));
-    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
-    workspaceInput = viewChild('workspaceInput', ...(ngDevMode ? [{ debugName: "workspaceInput" }] : []));
-    visible = computed(() => !!this.switcher && !!this.switcher.currentWorkspaceId(), ...(ngDevMode ? [{ debugName: "visible" }] : []));
+    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+    workspaceInput = viewChild('workspaceInput', ...(ngDevMode ? [{ debugName: "workspaceInput" }] : /* istanbul ignore next */ []));
+    visible = computed(() => !!this.switcher && !!this.switcher.currentWorkspaceId(), ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
     filtered = computed(() => {
         const search = this.searchText().toLowerCase();
         const workspaces = this.switcher?.workspaces() ?? [];
         if (!search)
             return workspaces;
         return workspaces.filter((w) => w.name.toLowerCase().includes(search));
-    }, ...(ngDevMode ? [{ debugName: "filtered" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
     constructor() {
         this.control.valueChanges.subscribe((value) => this.searchText.set(value ?? ''));
     }
@@ -43,8 +43,8 @@ class WorkspaceSelectorMolecule {
         this.switcher?.switchTo(event.option.value);
         this.isEditing.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WorkspaceSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WorkspaceSelectorMolecule, isStandalone: true, selector: "molecules-workspace-selector", viewQueries: [{ propertyName: "workspaceInput", first: true, predicate: ["workspaceInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: WorkspaceSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: WorkspaceSelectorMolecule, isStandalone: true, selector: "molecules-workspace-selector", viewQueries: [{ propertyName: "workspaceInput", first: true, predicate: ["workspaceInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (visible()) {
       <span class="breadcrumb-separator">/</span>
       @if (isEditing()) {
@@ -78,7 +78,7 @@ class WorkspaceSelectorMolecule {
     }
   `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:var(--navbar-font-size, 14px)}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.breadcrumb-link.workspace-display:hover{color:var(--on-primary-color);background-color:#ffffff1a}.breadcrumb-link.workspace-display mat-icon{margin-right:4px;font-size:var(--navbar-icon-size, 18px);width:var(--navbar-icon-size, 18px);height:var(--navbar-icon-size, 18px);vertical-align:middle}.workspace-autocomplete-wrapper{display:inline-flex;align-items:center}.workspace-autocomplete-wrapper .workspace-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.workspace-autocomplete-wrapper .workspace-autocomplete-input:focus{border-bottom-color:var(--on-primary-color)}.workspace-autocomplete-wrapper .workspace-autocomplete-input::placeholder{color:#ffffff80}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WorkspaceSelectorMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: WorkspaceSelectorMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-workspace-selector', standalone: true, imports: [ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatIconModule], template: `
     @if (visible()) {

package/fesm2022/xxmachina-components-organisms-calendar-section.mjs

@@ -30,8 +30,8 @@ class CalendarSectionOrganism {
             this.el.nativeElement.style.setProperty('--row-num', this.calendar?.length || 0);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: CalendarSectionOrganism, isStandalone: true, selector: "organisms-calendar-section", inputs: { label: "label", displayDays: "displayDays", calendar: "calendar", schedules: "schedules", date: "date", today: "today", displayPaginator: "displayPaginator", displayDescription: "displayDescription" }, outputs: { onDateClick: "onDateClick", dateChange: "dateChange" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CalendarSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: CalendarSectionOrganism, isStandalone: true, selector: "organisms-calendar-section", inputs: { label: "label", displayDays: "displayDays", calendar: "calendar", schedules: "schedules", date: "date", today: "today", displayPaginator: "displayPaginator", displayDescription: "displayDescription" }, outputs: { onDateClick: "onDateClick", dateChange: "dateChange" }, usesOnChanges: true, ngImport: i0, template: `
   <!-- <molecules-calendar-paginator
   *ngIf="displayPaginator"
   [date]="date"
@@ -56,9 +56,9 @@ class CalendarSectionOrganism {
       }
     }
   </div>
-  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-7qTJGyAm: var(--row);--row-num: 0;--row-num-SCOPED-IN-7qTJGyAm: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-7qTJGyAm: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-7qTJGyAm: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-7qTJGyAm: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-7qTJGyAm);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-7qTJGyAm),var(--row-SCOPED-IN-7qTJGyAm));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-7qTJGyAm)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-7qTJGyAm);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-lZi1824x: var(--row);--row-num: 0;--row-num-SCOPED-IN-lZi1824x: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-lZi1824x: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-lZi1824x: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-lZi1824x: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-lZi1824x);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-lZi1824x),var(--row-SCOPED-IN-lZi1824x));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-lZi1824x)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-lZi1824x);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CalendarPaginatorMolecule,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       }
     }
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-7qTJGyAm: var(--row);--row-num: 0;--row-num-SCOPED-IN-7qTJGyAm: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-7qTJGyAm: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-7qTJGyAm: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-7qTJGyAm: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-7qTJGyAm);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-7qTJGyAm),var(--row-SCOPED-IN-7qTJGyAm));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-7qTJGyAm)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-7qTJGyAm);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-lZi1824x: var(--row);--row-num: 0;--row-num-SCOPED-IN-lZi1824x: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-lZi1824x: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-lZi1824x: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-lZi1824x: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-lZi1824x);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-lZi1824x),var(--row-SCOPED-IN-lZi1824x));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-lZi1824x)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-lZi1824x);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], displayDays: [{

package/fesm2022/xxmachina-components-organisms-event-input-section.mjs

@@ -52,15 +52,15 @@ class EventInputSectionOrganism extends NgAtomicComponent {
         const hour = Math.floor(i / 4);
         const minute = (i % 4) * 15;
         return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
-    }), ...(ngDevMode ? [{ debugName: "startAutoComplete" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "startAutoComplete" }] : /* istanbul ignore next */ []));
     options = computed(() => {
         return this.startAutoComplete().map((value) => ({ value, name: value }));
-    }, ...(ngDevMode ? [{ debugName: "options" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     endAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {
         const hour = Math.floor(i / 4);
         const minute = (i % 4) * 15;
         return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
-    }), ...(ngDevMode ? [{ debugName: "endAutoComplete" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "endAutoComplete" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         this.form.patchValue({
             date: this.control.get(['startAt']).value,
@@ -74,8 +74,8 @@ class EventInputSectionOrganism extends NgAtomicComponent {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EventInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: EventInputSectionOrganism, isStandalone: true, selector: "organisms-event-input-section", inputs: { label: "label", control: "control" }, providers: [{ provide: MAT_DATE_FORMATS, useValue: MAT_DAYJS_DATE_FORMATS }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EventInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: EventInputSectionOrganism, isStandalone: true, selector: "organisms-event-input-section", inputs: { label: "label", control: "control" }, providers: [{ provide: MAT_DATE_FORMATS, useValue: MAT_DAYJS_DATE_FORMATS }], usesInheritance: true, ngImport: i0, template: `
     <div>
       <molecules-date-input-field
         [label]="'候補日'"
@@ -98,7 +98,7 @@ class EventInputSectionOrganism extends NgAtomicComponent {
 
   `, isInline: true, styles: [":host{display:block}:host{display:flex;flex-direction:row;justify-content:space-between;padding-left:16px;width:100%;box-sizing:border-box}:host div{display:flex;justify-content:space-between;width:100%;gap:8px}:host div molecules-date-input-field{width:120px;flex:content}:host div molecules-select-input-field{width:120px}:host atoms-smart-menu-button{margin-top:4px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: DayjsDateModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EventInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EventInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-event-input-section', standalone: true, imports: [
                         DateInputFieldMolecule,

package/fesm2022/xxmachina-components-organisms-terminal-input-section.mjs

@@ -17,17 +17,17 @@ var ActionId;
 class TerminalInputSectionOrganism {
     static ActionId = ActionId;
     speechService = inject(SpeechService);
-    control = input(new FormControl('', { nonNullable: true }), ...(ngDevMode ? [{ debugName: "control" }] : []));
-    placeholder = input('Enter command...', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    prefix = input('>', ...(ngDevMode ? [{ debugName: "prefix" }] : []));
-    clearOnSend = input(true, ...(ngDevMode ? [{ debugName: "clearOnSend" }] : []));
-    enableVoiceInput = input(false, ...(ngDevMode ? [{ debugName: "enableVoiceInput" }] : []));
-    sessionId = input(undefined, ...(ngDevMode ? [{ debugName: "sessionId" }] : []));
+    control = input(new FormControl('', { nonNullable: true }), ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    placeholder = input('Enter command...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    prefix = input('>', ...(ngDevMode ? [{ debugName: "prefix" }] : /* istanbul ignore next */ []));
+    clearOnSend = input(true, ...(ngDevMode ? [{ debugName: "clearOnSend" }] : /* istanbul ignore next */ []));
+    enableVoiceInput = input(false, ...(ngDevMode ? [{ debugName: "enableVoiceInput" }] : /* istanbul ignore next */ []));
+    sessionId = input(undefined, ...(ngDevMode ? [{ debugName: "sessionId" }] : /* istanbul ignore next */ []));
     action = output();
-    inputField = viewChild('inputField', ...(ngDevMode ? [{ debugName: "inputField" }] : []));
+    inputField = viewChild('inputField', ...(ngDevMode ? [{ debugName: "inputField" }] : /* istanbul ignore next */ []));
     componentId = this.speechService.generateComponentId();
     isRecording = computed(() => this.speechService.isListening() &&
-        this.speechService.isActiveComponent(this.componentId), ...(ngDevMode ? [{ debugName: "isRecording" }] : []));
+        this.speechService.isActiveComponent(this.componentId), ...(ngDevMode ? [{ debugName: "isRecording" }] : /* istanbul ignore next */ []));
     isComposing = false;
     enterPressedDuringComposition = false;
     constructor() {
@@ -111,10 +111,10 @@ class TerminalInputSectionOrganism {
     toggleVoiceInput() {
         this.speechService.toggle(this.componentId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TerminalInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: TerminalInputSectionOrganism, isStandalone: true, selector: "organisms-terminal-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, clearOnSend: { classPropertyName: "clearOnSend", publicName: "clearOnSend", isSignal: true, isRequired: false, transformFunction: null }, enableVoiceInput: { classPropertyName: "enableVoiceInput", publicName: "enableVoiceInput", isSignal: true, isRequired: false, transformFunction: null }, sessionId: { classPropertyName: "sessionId", publicName: "sessionId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { classAttribute: "organism terminal-input section" }, viewQueries: [{ propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"input-line\">\n  <span class=\"input-prefix\">{{ prefix() }}</span>\n  <div class=\"input-container\">\n    <textarea\n      #inputField\n      class=\"terminal-input\"\n      [formControl]=\"control()\"\n      [placeholder]=\"placeholder()\"\n      (keydown)=\"handleKeydown($event)\"\n      (input)=\"onInput()\"\n      (compositionstart)=\"onCompositionStart()\"\n      (compositionend)=\"onCompositionEnd()\"\n      rows=\"1\"\n    ></textarea>\n  </div>\n  @if (enableVoiceInput() && speechService.isSupported) {\n    <button\n      mat-icon-button\n      (click)=\"toggleVoiceInput()\"\n      [matTooltip]=\"isRecording() ? '\u97F3\u58F0\u5165\u529B\u505C\u6B62' : '\u97F3\u58F0\u5165\u529B'\"\n      [class.recording]=\"isRecording()\">\n      <mat-icon>{{ isRecording() ? 'mic' : 'mic_none' }}</mat-icon>\n    </button>\n  }\n  <button mat-icon-button (click)=\"send()\" matTooltip=\"\u9001\u4FE1\">\n    <mat-icon>send</mat-icon>\n  </button>\n</div>\n", styles: [":host{display:block;display:flex;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.input-line{display:flex;align-items:center;width:100%;gap:8px;padding:8px 12px}.input-prefix{color:#3f3;font-family:SF Mono,Cascadia Code,monospace;font-size:14px;flex-shrink:0}.input-container{flex:1;display:flex}.input-container .terminal-input{width:100%;max-height:200px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;font-family:SF Mono,Cascadia Code,monospace;font-size:14px;line-height:20px;padding:8px 12px;resize:none;outline:none;overflow-y:auto;display:block;box-sizing:border-box}.input-container .terminal-input:focus{border-color:#33ff3380;box-shadow:0 0 0 2px #3f33}.input-container .terminal-input::placeholder{color:#ffffff4d}button{color:#3f3}button:hover{background:#33ff331a}button.recording{color:#f44336;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TerminalInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: TerminalInputSectionOrganism, isStandalone: true, selector: "organisms-terminal-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, clearOnSend: { classPropertyName: "clearOnSend", publicName: "clearOnSend", isSignal: true, isRequired: false, transformFunction: null }, enableVoiceInput: { classPropertyName: "enableVoiceInput", publicName: "enableVoiceInput", isSignal: true, isRequired: false, transformFunction: null }, sessionId: { classPropertyName: "sessionId", publicName: "sessionId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { classAttribute: "organism terminal-input section" }, viewQueries: [{ propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"input-line\">\n  <span class=\"input-prefix\">{{ prefix() }}</span>\n  <div class=\"input-container\">\n    <textarea\n      #inputField\n      class=\"terminal-input\"\n      [formControl]=\"control()\"\n      [placeholder]=\"placeholder()\"\n      (keydown)=\"handleKeydown($event)\"\n      (input)=\"onInput()\"\n      (compositionstart)=\"onCompositionStart()\"\n      (compositionend)=\"onCompositionEnd()\"\n      rows=\"1\"\n    ></textarea>\n  </div>\n  @if (enableVoiceInput() && speechService.isSupported) {\n    <button\n      mat-icon-button\n      (click)=\"toggleVoiceInput()\"\n      [matTooltip]=\"isRecording() ? '\u97F3\u58F0\u5165\u529B\u505C\u6B62' : '\u97F3\u58F0\u5165\u529B'\"\n      [class.recording]=\"isRecording()\">\n      <mat-icon>{{ isRecording() ? 'mic' : 'mic_none' }}</mat-icon>\n    </button>\n  }\n  <button mat-icon-button (click)=\"send()\" matTooltip=\"\u9001\u4FE1\">\n    <mat-icon>send</mat-icon>\n  </button>\n</div>\n", styles: [":host{display:block;display:flex;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.input-line{display:flex;align-items:center;width:100%;gap:8px;padding:8px 12px}.input-prefix{color:#3f3;font-family:SF Mono,Cascadia Code,monospace;font-size:14px;flex-shrink:0}.input-container{flex:1;display:flex}.input-container .terminal-input{width:100%;max-height:200px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;font-family:SF Mono,Cascadia Code,monospace;font-size:14px;line-height:20px;padding:8px 12px;resize:none;outline:none;overflow-y:auto;display:block;box-sizing:border-box}.input-container .terminal-input:focus{border-color:#33ff3380;box-shadow:0 0 0 2px #3f33}.input-container .terminal-input::placeholder{color:#ffffff4d}button{color:#3f3}button:hover{background:#33ff331a}button.recording{color:#f44336;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TerminalInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TerminalInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-terminal-input-section', standalone: true, imports: [
                         ReactiveFormsModule,

package/fesm2022/xxmachina-components-organisms-video-trimmer-section.mjs

@@ -10,28 +10,28 @@ import { fromEvent, startWith, map } from 'rxjs';
 import { toSignal } from '@angular/core/rxjs-interop';
 
 class VideoTrimmerSectionOrganismStore {
-    images = input([], ...(ngDevMode ? [{ debugName: "images" }] : []));
-    imageSrcList = computed(() => (this.images() ?? []).map(blob => URL.createObjectURL(blob)), ...(ngDevMode ? [{ debugName: "imageSrcList" }] : []));
+    images = input([], ...(ngDevMode ? [{ debugName: "images" }] : /* istanbul ignore next */ []));
+    imageSrcList = computed(() => (this.images() ?? []).map(blob => URL.createObjectURL(blob)), ...(ngDevMode ? [{ debugName: "imageSrcList" }] : /* istanbul ignore next */ []));
     control = input(inject(FormBuilder).group({
         duration: [0],
         start: [0],
         end: [100],
-    }), ...(ngDevMode ? [{ debugName: "control" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
     el = inject(ElementRef);
     width$ = fromEvent(window, 'resize').pipe(startWith(null), map(() => this.el.nativeElement.clientWidth));
     width = toSignal(this.width$);
-    frameSize = computed(() => Math.round(this.width() / 100), ...(ngDevMode ? [{ debugName: "frameSize" }] : []));
+    frameSize = computed(() => Math.round(this.width() / 100), ...(ngDevMode ? [{ debugName: "frameSize" }] : /* istanbul ignore next */ []));
     frames = computed(() => {
         const frameSize = this.frameSize();
         const images = this.imageSrcList().map(src => [...Array(this.frameSize())].map(() => src)).flat();
         console.debug('images:', images.length);
         const interval = Math.floor(images.length / this.frameSize());
         return images.filter((_, i) => i % interval === 0);
-    }, ...(ngDevMode ? [{ debugName: "frames" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VideoTrimmerSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: VideoTrimmerSectionOrganismStore, isStandalone: true, inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    }, ...(ngDevMode ? [{ debugName: "frames" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VideoTrimmerSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: VideoTrimmerSectionOrganismStore, isStandalone: true, inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VideoTrimmerSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VideoTrimmerSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }], propDecorators: { images: [{ type: i0.Input, args: [{ isSignal: true, alias: "images", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }] } });
@@ -41,8 +41,8 @@ class VideoTrimmerSectionOrganism extends NgAtomicComponent {
         const seconds = Math.round(value / 100 * this.store.control().value.duration);
         return formatSeconds(seconds);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VideoTrimmerSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: VideoTrimmerSectionOrganism, isStandalone: true, selector: "organisms-video-trimmer-section", usesInheritance: true, hostDirectives: [{ directive: VideoTrimmerSectionOrganismStore, inputs: ["images", "images", "control", "control"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VideoTrimmerSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: VideoTrimmerSectionOrganism, isStandalone: true, selector: "organisms-video-trimmer-section", usesInheritance: true, hostDirectives: [{ directive: VideoTrimmerSectionOrganismStore, inputs: ["images", "images", "control", "control"] }], ngImport: i0, template: `
     <div class="frames">
       @for (image of store.frames(); track image) {
         <img [style.width] [src]="image" />
@@ -54,7 +54,7 @@ class VideoTrimmerSectionOrganism extends NgAtomicComponent {
     </mat-slider>
   `, isInline: true, styles: [":host{display:block}:host{position:relative;display:grid;width:100%;height:80px}:host .frames{grid-template-columns:repeat(auto-fill,100px);overflow:hidden;overflow-x:auto;white-space:nowrap}:host .frames img{width:100px}:host mat-slider{top:-16px;position:absolute;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VideoTrimmerSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: VideoTrimmerSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-video-trimmer-section', standalone: true, imports: [
                         MatSliderModule,