@xxmachina/components 19.51.0 → 19.81.0

package/fesm2022/xxmachina-components-groups-query-form.mjs

@@ -42,61 +42,7 @@ class QueryFormGroup extends NgAtomicComponent {
     headersExtensions = computed(() => [json()], ...(ngDevMode ? [{ debugName: "headersExtensions" }] : []));
     http = inject(HttpClient);
     libFile = toSignal(this.http.get('https://unpkg.com/typescript@latest/lib/lib.es5.d.ts', { responseType: 'text' }));
-    // readonly tsLinter = () => {
-    // return linter(view => {
-    //   const diagnostics: Diagnostic[] = [];
-    //   if (!this.libFile()) return diagnostics;
-    //   const code = view.state.doc.toString();
-    //   const fileName = 'file.ts';
-    //   const libFileName = 'lib.es5.d.ts';
-    //   const compilerOptions: ts.CompilerOptions = {
-    //     noEmit: true,
-    //     lib: ['lib.es5.d.ts'],
-    //     strict: true,
-    //   };
-    //   const host: ts.CompilerHost = {
-    //     getSourceFile: (name) => {
-    //       console.debug('[QueryFormGroup] getSourceFile:', name);
-    //       if (name === fileName) {
-    //         return ts.createSourceFile(name, code, ts.ScriptTarget.Latest, true);
-    //       }
-    //       if (name === libFileName) {
-    //         console.debug('[QueryFormGroup] libSourceFile:', this.libFile());
-    //         return ts.createSourceFile(name, this.libFile(), ts.ScriptTarget.Latest, true);
-    //       }
-    //       return undefined;
-    //     },
-    //     writeFile: () => {},
-    //     getDefaultLibFileName: () => libFileName,
-    //     getCurrentDirectory: () => '',
-    //     getCanonicalFileName: filename => filename,
-    //     useCaseSensitiveFileNames: () => true,
-    //     fileExists: name => name === fileName || name === libFileName,
-    //     readFile: () => '',
-    //     getNewLine: () => '\n',
-    //   };
-    //   const program = ts.createProgram([fileName], compilerOptions, host);
-    //   const tsDiagnostics = ts.getPreEmitDiagnostics(program);
-    //   tsDiagnostics.forEach(diag => {
-    //     if (
-    //       diag.file &&
-    //       diag.file.fileName === fileName &&  // ← これを追加
-    //       diag.start !== undefined &&
-    //       diag.length !== undefined
-    //     ) {
-    //       diagnostics.push({
-    //         from: diag.start,
-    //         to: diag.start + diag.length,
-    //         message: ts.flattenDiagnosticMessageText(diag.messageText, '\n'),
-    //         severity: 'error',
-    //       });
-    //     }
-    //   });
-    //   return diagnostics;
-    // });
-    // };
     transformerExtensions = computed(() => [
-        // this.tsLinter(),
         javascript({ typescript: true })
     ], ...(ngDevMode ? [{ debugName: "transformerExtensions" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFormGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });

package/fesm2022/xxmachina-components-groups-query-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-groups-query-form.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/groups/query-form/query-form.group.ts","../../../../../packages/@xxmachina/components/src/lib/groups/query-form/xxmachina-components-groups-query-form.ts"],"sourcesContent":["import { Component, inject, computed, input, ChangeDetectionStrategy } from '@angular/core';\nimport { Extension } from '@codemirror/state';\nimport { buildClientSchema } from 'graphql';\nimport { EditorComponent } from \"@ng-atomic/components/extras/editor\";\nimport { _computed, NgAtomicComponent } from '@ng-atomic/core';\nimport { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';\nimport { TabsFrame } from '@ng-atomic/components/frames/tabs';\nimport { json } from '@codemirror/lang-json';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { Resource } from '@xxmachina/common/domain/models';\nimport { graphql } from 'cm6-graphql';\nimport { QueryFeature, QueryGraphqlSchemaFeature } from '@xxmachina/components/features/query';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { HttpClient } from '@angular/common/http';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { derivedAsync } from 'ngxtension/derived-async';\nimport { getValue$ } from '@ng-atomic/common/utils';\n\n@Component({\n  selector: 'groups-query-form',\n  imports: [\n    EditorComponent,\n    TextInputSectionOrganism,\n    TabsFrame,\n  ],\n  template: `\n    <organisms-text-input-section\n      [label]=\"'GraphQL Endpoint'\"\n      [control]=\"form().get(['graphql', 'endpoint'])\"\n      [placeholder]=\"'http://localhost:4200/api/graphql'\"\n      [autoComplete]=\"endpointAutoCompleteOptions()\"\n      [hint]=\"'スキーマ取得完了'\"\n    />\n    <frames-tabs [labels]=\"['Query(GQL)', 'Variables(JSON)', 'Headers(JSON)', 'Transformer(TS)']\">\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'query']).value\"\n          (contentChange)=\"form().get(['graphql', 'query']).setValue($event)\"\n          [extensions]=\"queryExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'variablesJson']).value\"\n          (contentChange)=\"form().get(['graphql', 'variablesJson']).setValue($event)\"\n          [extensions]=\"variablesExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'headersJson']).value\"\n          (contentChange)=\"form().get(['graphql', 'headersJson']).setValue($event)\"\n          [extensions]=\"headersExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'transformerTs']).value\"\n          (contentChange)=\"form().get(['graphql', 'transformerTs']).setValue($event)\"\n          [extensions]=\"transformerExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n    </frames-tabs>\n  `,\n  styles: `\n    :host {\n      display: flex;\n      flex-direction: column;\n      padding-top: 24px;\n      box-sizing: border-box;\n      height: 100%;\n\n      frames-tabs {\n        height: 100%;\n\n        extras-editor {\n          height: 100%;\n        }\n      }\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QueryFormGroup extends NgAtomicComponent {\n  readonly #feature = inject(QueryFeature);\n  readonly form = input(this.#feature.form);\n  readonly formValue = derivedAsync(() => getValue$(this.form()));\n  protected readonly graphqlSchemaFeature = inject(QueryGraphqlSchemaFeature);\n  protected readonly keyActions = input([\n    { key: 'Ctrl-Enter', actionId: QueryFeature.ActionId.クエリの実行 },\n    { key: 'Cmd-Enter', actionId: QueryFeature.ActionId.クエリの実行 },\n    { key: 'Cmd-s', actionId: QueryFeature.ActionId.クエリの更新 },\n  ]);\n  protected readonly resources = injectAll(Resource);\n\n  readonly endpointAutoCompleteOptions = computed(() => {\n    const query = this.formValue();\n    return this.resources()\n      .filter(resource => resource.type === 'graphql')\n      .map(resource => resource.graphql!.url)\n      .filter(url => url.startsWith(query!.graphql!.endpoint!));\n  });\n  readonly queryExtensions = computed<Extension[]>(() => {\n    const schema = this.graphqlSchemaFeature.graphqlSchema();\n    return schema ? [graphql(buildClientSchema(schema))] : [];\n  });\n  readonly variablesExtensions = computed<Extension[]>(() => [json()]);\n  readonly headersExtensions = computed<Extension[]>(() => [json()]);\n\n  readonly http = inject(HttpClient);\n  readonly libFile = toSignal(\n    this.http.get('https://unpkg.com/typescript@latest/lib/lib.es5.d.ts', { responseType: 'text' })\n  );\n  \n  // readonly tsLinter = () => {\n    // return linter(view => {\n    //   const diagnostics: Diagnostic[] = [];\n  \n    //   if (!this.libFile()) return diagnostics;\n  \n    //   const code = view.state.doc.toString();\n    //   const fileName = 'file.ts';\n    //   const libFileName = 'lib.es5.d.ts';\n  \n    //   const compilerOptions: ts.CompilerOptions = {\n    //     noEmit: true,\n    //     lib: ['lib.es5.d.ts'],\n    //     strict: true,\n    //   };\n  \n    //   const host: ts.CompilerHost = {\n    //     getSourceFile: (name) => {\n    //       console.debug('[QueryFormGroup] getSourceFile:', name);\n    //       if (name === fileName) {\n    //         return ts.createSourceFile(name, code, ts.ScriptTarget.Latest, true);\n    //       }\n    //       if (name === libFileName) {\n    //         console.debug('[QueryFormGroup] libSourceFile:', this.libFile());\n    //         return ts.createSourceFile(name, this.libFile(), ts.ScriptTarget.Latest, true);\n    //       }\n    //       return undefined;\n    //     },\n    //     writeFile: () => {},\n    //     getDefaultLibFileName: () => libFileName,\n    //     getCurrentDirectory: () => '',\n    //     getCanonicalFileName: filename => filename,\n    //     useCaseSensitiveFileNames: () => true,\n    //     fileExists: name => name === fileName || name === libFileName,\n    //     readFile: () => '',\n    //     getNewLine: () => '\\n',\n    //   };\n  \n    //   const program = ts.createProgram([fileName], compilerOptions, host);\n    //   const tsDiagnostics = ts.getPreEmitDiagnostics(program);\n  \n    //   tsDiagnostics.forEach(diag => {\n    //     if (\n    //       diag.file &&\n    //       diag.file.fileName === fileName &&  // ← これを追加\n    //       diag.start !== undefined &&\n    //       diag.length !== undefined\n    //     ) {\n    //       diagnostics.push({\n    //         from: diag.start,\n    //         to: diag.start + diag.length,\n    //         message: ts.flattenDiagnosticMessageText(diag.messageText, '\\n'),\n    //         severity: 'error',\n    //       });\n    //     }\n    //   });\n  \n    //   return diagnostics;\n    // });\n  // };\n\n  readonly transformerExtensions = computed<Extension[]>(() => [\n    // this.tsLinter(),\n    javascript({typescript: true})\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA2FM,MAAO,cAAe,SAAQ,iBAAiB,CAAA;AAC1C,IAAA,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC;IAC/B,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAChC,IAAA,SAAS,GAAG,YAAY,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AAC5C,IAAA,oBAAoB,GAAG,MAAM,CAAC,yBAAyB,CAAC;IACxD,UAAU,GAAG,KAAK,CAAC;QACpC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC7D,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC5D,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;AACzD,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACiB,IAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC;AAEzC,IAAA,2BAA2B,GAAG,QAAQ,CAAC,MAAK;AACnD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAC,SAAS;aAClB,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS;aAC9C,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAQ,CAAC,GAAG;AACrC,aAAA,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,KAAM,CAAC,OAAQ,CAAC,QAAS,CAAC,CAAC;AAC7D,IAAA,CAAC,uEAAC;AACO,IAAA,eAAe,GAAG,QAAQ,CAAc,MAAK;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE;AACxD,QAAA,OAAO,MAAM,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;AAC3D,IAAA,CAAC,2DAAC;IACO,mBAAmB,GAAG,QAAQ,CAAc,MAAM,CAAC,IAAI,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAC3D,iBAAiB,GAAG,QAAQ,CAAc,MAAM,CAAC,IAAI,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAEzD,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;AACzB,IAAA,OAAO,GAAG,QAAQ,CACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,sDAAsD,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAChG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DQ,IAAA,qBAAqB,GAAG,QAAQ,CAAc,MAAM;;AAE3D,QAAA,UAAU,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC;AAC9B,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;uGA/FS,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAlDC,eAAe,EAAA,QAAA,EAAA,eAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACxB,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoEA,cAAc,EAAA,UAAA,EAAA,CAAA;kBAzE1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,OAAA,EACpB;wBACP,eAAe;wBACf,wBAAwB;wBACxB,SAAS;qBACV,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CT,EAAA,eAAA,EAkBgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,0KAAA,CAAA,EAAA;;;ACzFjD;;AAEG;;;;"}
+{"version":3,"file":"xxmachina-components-groups-query-form.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/groups/query-form/query-form.group.ts","../../../../../packages/@xxmachina/components/src/lib/groups/query-form/xxmachina-components-groups-query-form.ts"],"sourcesContent":["import { Component, inject, computed, input, ChangeDetectionStrategy } from '@angular/core';\nimport { Extension } from '@codemirror/state';\nimport { buildClientSchema } from 'graphql';\nimport { EditorComponent } from \"@ng-atomic/components/extras/editor\";\nimport { _computed, NgAtomicComponent } from '@ng-atomic/core';\nimport { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';\nimport { TabsFrame } from '@ng-atomic/components/frames/tabs';\nimport { json } from '@codemirror/lang-json';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { Resource } from '@xxmachina/common/domain/models';\nimport { graphql } from 'cm6-graphql';\nimport { QueryFeature, QueryGraphqlSchemaFeature } from '@xxmachina/components/features/query';\nimport { injectAll } from '@ng-atomic/common/stores/entities';\nimport { HttpClient } from '@angular/common/http';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { derivedAsync } from 'ngxtension/derived-async';\nimport { getValue$ } from '@ng-atomic/common/utils';\n\n@Component({\n  selector: 'groups-query-form',\n  imports: [\n    EditorComponent,\n    TextInputSectionOrganism,\n    TabsFrame,\n  ],\n  template: `\n    <organisms-text-input-section\n      [label]=\"'GraphQL Endpoint'\"\n      [control]=\"form().get(['graphql', 'endpoint'])\"\n      [placeholder]=\"'http://localhost:4200/api/graphql'\"\n      [autoComplete]=\"endpointAutoCompleteOptions()\"\n      [hint]=\"'スキーマ取得完了'\"\n    />\n    <frames-tabs [labels]=\"['Query(GQL)', 'Variables(JSON)', 'Headers(JSON)', 'Transformer(TS)']\">\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'query']).value\"\n          (contentChange)=\"form().get(['graphql', 'query']).setValue($event)\"\n          [extensions]=\"queryExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'variablesJson']).value\"\n          (contentChange)=\"form().get(['graphql', 'variablesJson']).setValue($event)\"\n          [extensions]=\"variablesExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'headersJson']).value\"\n          (contentChange)=\"form().get(['graphql', 'headersJson']).setValue($event)\"\n          [extensions]=\"headersExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n      <ng-template #tab>\n        <extras-editor\n          [content]=\"form().get(['graphql', 'transformerTs']).value\"\n          (contentChange)=\"form().get(['graphql', 'transformerTs']).setValue($event)\"\n          [extensions]=\"transformerExtensions()\"\n          [keyActions]=\"keyActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      </ng-template>\n    </frames-tabs>\n  `,\n  styles: `\n    :host {\n      display: flex;\n      flex-direction: column;\n      padding-top: 24px;\n      box-sizing: border-box;\n      height: 100%;\n\n      frames-tabs {\n        height: 100%;\n\n        extras-editor {\n          height: 100%;\n        }\n      }\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QueryFormGroup extends NgAtomicComponent {\n  readonly #feature = inject(QueryFeature);\n  readonly form = input(this.#feature.form);\n  readonly formValue = derivedAsync(() => getValue$(this.form()));\n  protected readonly graphqlSchemaFeature = inject(QueryGraphqlSchemaFeature);\n  protected readonly keyActions = input([\n    { key: 'Ctrl-Enter', actionId: QueryFeature.ActionId.クエリの実行 },\n    { key: 'Cmd-Enter', actionId: QueryFeature.ActionId.クエリの実行 },\n    { key: 'Cmd-s', actionId: QueryFeature.ActionId.クエリの更新 },\n  ]);\n  protected readonly resources = injectAll(Resource);\n\n  readonly endpointAutoCompleteOptions = computed(() => {\n    const query = this.formValue();\n    return this.resources()\n      .filter(resource => resource.type === 'graphql')\n      .map(resource => resource.graphql!.url)\n      .filter(url => url.startsWith(query!.graphql!.endpoint!));\n  });\n  readonly queryExtensions = computed<Extension[]>(() => {\n    const schema = this.graphqlSchemaFeature.graphqlSchema();\n    return schema ? [graphql(buildClientSchema(schema))] : [];\n  });\n  readonly variablesExtensions = computed<Extension[]>(() => [json()]);\n  readonly headersExtensions = computed<Extension[]>(() => [json()]);\n\n  readonly http = inject(HttpClient);\n  readonly libFile = toSignal(\n    this.http.get('https://unpkg.com/typescript@latest/lib/lib.es5.d.ts', { responseType: 'text' })\n  );\n  \n  \n    \n    \n  \n    \n  \n    \n    \n    \n  \n    \n    \n    \n    \n    \n  \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n  \n    \n    \n  \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n    \n  \n    \n    \n  \n\n  readonly transformerExtensions = computed<Extension[]>(() => [\n    \n    javascript({typescript: true})\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -31,7 +31,6 @@ class InlineEditFieldMolecule extends NgAtomicComponent {
     inputEl = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputEl" }] : []));
     constructor() {
         super();
-        // 編集モード開始時に入力欄にフォーカス
         effect(() => {
             if (this.isEditing() && this.inputEl()) {
                 setTimeout(() => this.inputEl()?.nativeElement.focus(), 0);

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

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-molecules-inline-edit-field.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/molecules/inline-edit-field/inline-edit-field.molecule.ts","../../../../../packages/@xxmachina/components/src/lib/molecules/inline-edit-field/xxmachina-components-molecules-inline-edit-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, effect, inject, input, signal, viewChild } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\nenum ActionId {\n  VALUE_COMMIT = '[@xxmachina/molecules/inline-edit-field] value commit',\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'molecules-inline-edit-field' })\nexport class InlineEditFieldMoleculeStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  readonly control = input.required<FormControl<string>>();\n  readonly displayValue = input.required<string>();\n}\n\n@Component({\n  selector: 'molecules-inline-edit-field',\n  standalone: true,\n  imports: [ReactiveFormsModule],\n  template: `\n    @if (isEditing()) {\n      <input\n        class=\"edit-input\"\n        [formControl]=\"store.control()\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"onEnter($event)\"\n        (keydown.escape)=\"onEscape($event)\"\n        #inputEl\n      />\n    } @else {\n      <span\n        class=\"display-value\"\n        (dblclick)=\"startEdit()\"\n      >{{ store.displayValue() }}</span>\n    }\n  `,\n  styleUrl: './inline-edit-field.molecule.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: InlineEditFieldMoleculeStore,\n      inputs: ['control', 'displayValue'],\n    }\n  ],\n})\nexport class InlineEditFieldMolecule extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(InlineEditFieldMoleculeStore);\n  readonly isEditing = signal(false);\n  private originalValue = '';\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\n\n  constructor() {\n    super();\n    // 編集モード開始時に入力欄にフォーカス\n    effect(() => {\n      if (this.isEditing() && this.inputEl()) {\n        setTimeout(() => this.inputEl()?.nativeElement.focus(), 0);\n      }\n    });\n  }\n\n  startEdit() {\n    this.originalValue = this.store.control().value;\n    this.isEditing.set(true);\n  }\n\n  onBlur() {\n    this.commitValue();\n  }\n\n  onEnter(event: Event) {\n    event.preventDefault();\n    this.commitValue();\n  }\n\n  onEscape(event: Event) {\n    event.preventDefault();\n    this.store.control().setValue(this.originalValue);\n    this.isEditing.set(false);\n  }\n\n  private commitValue() {\n    const newValue = this.store.control().value;\n    this.isEditing.set(false);\n\n    if (newValue !== this.originalValue) {\n      this.dispatch({\n        id: ActionId.VALUE_COMMIT,\n        payload: { value: newValue, previousValue: this.originalValue },\n      });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"xxmachina-components-molecules-inline-edit-field.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/molecules/inline-edit-field/inline-edit-field.molecule.ts","../../../../../packages/@xxmachina/components/src/lib/molecules/inline-edit-field/xxmachina-components-molecules-inline-edit-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, effect, inject, input, signal, viewChild } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\nenum ActionId {\n  VALUE_COMMIT = '[@xxmachina/molecules/inline-edit-field] value commit',\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'molecules-inline-edit-field' })\nexport class InlineEditFieldMoleculeStore extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  readonly control = input.required<FormControl<string>>();\n  readonly displayValue = input.required<string>();\n}\n\n@Component({\n  selector: 'molecules-inline-edit-field',\n  standalone: true,\n  imports: [ReactiveFormsModule],\n  template: `\n    @if (isEditing()) {\n      <input\n        class=\"edit-input\"\n        [formControl]=\"store.control()\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"onEnter($event)\"\n        (keydown.escape)=\"onEscape($event)\"\n        #inputEl\n      />\n    } @else {\n      <span\n        class=\"display-value\"\n        (dblclick)=\"startEdit()\"\n      >{{ store.displayValue() }}</span>\n    }\n  `,\n  styleUrl: './inline-edit-field.molecule.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: InlineEditFieldMoleculeStore,\n      inputs: ['control', 'displayValue'],\n    }\n  ],\n})\nexport class InlineEditFieldMolecule extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(InlineEditFieldMoleculeStore);\n  readonly isEditing = signal(false);\n  private originalValue = '';\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\n\n  constructor() {\n    super();\n    \n    effect(() => {\n      if (this.isEditing() && this.inputEl()) {\n        setTimeout(() => this.inputEl()?.nativeElement.focus(), 0);\n      }\n    });\n  }\n\n  startEdit() {\n    this.originalValue = this.store.control().value;\n    this.isEditing.set(true);\n  }\n\n  onBlur() {\n    this.commitValue();\n  }\n\n  onEnter(event: Event) {\n    event.preventDefault();\n    this.commitValue();\n  }\n\n  onEscape(event: Event) {\n    event.preventDefault();\n    this.store.control().setValue(this.originalValue);\n    this.isEditing.set(false);\n  }\n\n  private commitValue() {\n    const newValue = this.store.control().value;\n    this.isEditing.set(false);\n\n    if (newValue !== this.originalValue) {\n      this.dispatch({\n        id: ActionId.VALUE_COMMIT,\n        payload: { value: newValue, previousValue: this.originalValue },\n      });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { inject, input, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { AuthService } from '@ng-atomic/common/services/auth';
+import { WorkspaceSwitcherService } from '@xxmachina/components/services/workspace-switcher';
+
+class UserAvatarMenuMolecule extends NgAtomicComponent {
+    auth = inject(AuthService);
+    switcher = inject(WorkspaceSwitcherService, { optional: true });
+    signOutAction = input.required(...(ngDevMode ? [{ debugName: "signOutAction" }] : []));
+    imgError = signal(false, ...(ngDevMode ? [{ debugName: "imgError" }] : []));
+    photoURL = computed(() => this.imgError() ? null : this.auth.auth()?.photoURL ?? null, ...(ngDevMode ? [{ debugName: "photoURL" }] : []));
+    email = computed(() => this.auth.auth()?.email ?? null, ...(ngDevMode ? [{ debugName: "email" }] : []));
+    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 } }, 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 しており、
+             lh3.googleusercontent.com は CORP header を送らないため no-cors の <img> は
+             ERR_BLOCKED_BY_RESPONSE で落ちる。CORS mode (ACAO: * を返す) なら COEP を満たす。 -->
+        <img class="avatar-image" [src]="url" alt="avatar"
+          crossorigin="anonymous" referrerpolicy="no-referrer" (error)="imgError.set(true)">
+      } @else {
+        <span class="avatar-initial">{{ initial() }}</span>
+      }
+    </button>
+    <mat-menu #menu="matMenu" xPosition="after">
+      <div class="menu-header" mat-menu-item disabled>{{ email() }}</div>
+      <mat-divider/>
+      @for (workspace of switcher?.workspaces() ?? []; track workspace.id) {
+        <button mat-menu-item class="workspace-option" (click)="switcher?.switchTo(workspace.id)">
+          <mat-icon>{{ workspace.id === switcher?.currentWorkspaceId() ? 'check' : '' }}</mat-icon>
+          {{ workspace.name }}
+        </button>
+      }
+      <mat-divider/>
+      <button mat-menu-item class="sign-out-option" (click)="dispatch(signOutAction())">
+        <mat-icon>{{ signOutAction().icon }}</mat-icon>
+        {{ signOutAction().name }}
+      </button>
+    </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: [{
+            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() ?? ''">
+      @if (photoURL(); as url) {
+        <!-- crossorigin="anonymous": app は COEP: require-corp で cross-origin isolation しており、
+             lh3.googleusercontent.com は CORP header を送らないため no-cors の <img> は
+             ERR_BLOCKED_BY_RESPONSE で落ちる。CORS mode (ACAO: * を返す) なら COEP を満たす。 -->
+        <img class="avatar-image" [src]="url" alt="avatar"
+          crossorigin="anonymous" referrerpolicy="no-referrer" (error)="imgError.set(true)">
+      } @else {
+        <span class="avatar-initial">{{ initial() }}</span>
+      }
+    </button>
+    <mat-menu #menu="matMenu" xPosition="after">
+      <div class="menu-header" mat-menu-item disabled>{{ email() }}</div>
+      <mat-divider/>
+      @for (workspace of switcher?.workspaces() ?? []; track workspace.id) {
+        <button mat-menu-item class="workspace-option" (click)="switcher?.switchTo(workspace.id)">
+          <mat-icon>{{ workspace.id === switcher?.currentWorkspaceId() ? 'check' : '' }}</mat-icon>
+          {{ workspace.name }}
+        </button>
+      }
+      <mat-divider/>
+      <button mat-menu-item class="sign-out-option" (click)="dispatch(signOutAction())">
+        <mat-icon>{{ signOutAction().icon }}</mat-icon>
+        {{ signOutAction().name }}
+      </button>
+    </mat-menu>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }], propDecorators: { signOutAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "signOutAction", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UserAvatarMenuMolecule };
+//# sourceMappingURL=xxmachina-components-molecules-user-avatar-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xxmachina-components-molecules-user-avatar-menu.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/molecules/user-avatar-menu/user-avatar-menu.molecule.ts","../../../../../packages/@xxmachina/components/src/lib/molecules/user-avatar-menu/xxmachina-components-molecules-user-avatar-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { AuthService } from '@ng-atomic/common/services/auth';\nimport { WorkspaceSwitcherService } from '@xxmachina/components/services/workspace-switcher';\n\n\n@Component({\n  selector: 'molecules-user-avatar-menu',\n  standalone: true,\n  imports: [MatButtonModule, MatDividerModule, MatIconModule, MatMenuModule, MatTooltipModule],\n  template: `\n    <button mat-icon-button class=\"avatar-button\" [matMenuTriggerFor]=\"menu\" [matTooltip]=\"email() ?? ''\">\n      @if (photoURL(); as url) {\n        <!-- crossorigin=\"anonymous\": app は COEP: require-corp で cross-origin isolation しており、\n             lh3.googleusercontent.com は CORP header を送らないため no-cors の <img> は\n             ERR_BLOCKED_BY_RESPONSE で落ちる。CORS mode (ACAO: * を返す) なら COEP を満たす。 -->\n        <img class=\"avatar-image\" [src]=\"url\" alt=\"avatar\"\n          crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" (error)=\"imgError.set(true)\">\n      } @else {\n        <span class=\"avatar-initial\">{{ initial() }}</span>\n      }\n    </button>\n    <mat-menu #menu=\"matMenu\" xPosition=\"after\">\n      <div class=\"menu-header\" mat-menu-item disabled>{{ email() }}</div>\n      <mat-divider/>\n      @for (workspace of switcher?.workspaces() ?? []; track workspace.id) {\n        <button mat-menu-item class=\"workspace-option\" (click)=\"switcher?.switchTo(workspace.id)\">\n          <mat-icon>{{ workspace.id === switcher?.currentWorkspaceId() ? 'check' : '' }}</mat-icon>\n          {{ workspace.name }}\n        </button>\n      }\n      <mat-divider/>\n      <button mat-menu-item class=\"sign-out-option\" (click)=\"dispatch(signOutAction())\">\n        <mat-icon>{{ signOutAction().icon }}</mat-icon>\n        {{ signOutAction().name }}\n      </button>\n    </mat-menu>\n  `,\n  styleUrl: './user-avatar-menu.molecule.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class UserAvatarMenuMolecule extends NgAtomicComponent {\n  protected readonly auth = inject(AuthService);\n  protected readonly switcher = inject(WorkspaceSwitcherService, { optional: true });\n\n  \n  readonly signOutAction = input.required<Action>();\n\n  \n  protected readonly imgError = signal(false);\n\n  protected readonly photoURL = computed(() =>\n    this.imgError() ? null : this.auth.auth()?.photoURL ?? null);\n  protected readonly email = computed(() => this.auth.auth()?.email ?? null);\n  protected readonly initial = computed(() => {\n    const user = this.auth.auth();\n    const source = user?.displayName || user?.email || '?';\n    return source.charAt(0).toUpperCase();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
       <span>{{ day }}</span>
     </div>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-Ow7z0zZt: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-Ow7z0zZt: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-Ow7z0zZt)}: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-dIjsDwRD: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-dIjsDwRD: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-dIjsDwRD)}: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: [{
             type: Component,
@@ -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-Ow7z0zZt: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-Ow7z0zZt: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-Ow7z0zZt)}: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-dIjsDwRD: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-dIjsDwRD: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-dIjsDwRD)}: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

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { inject, signal, viewChild, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { WorkspaceSwitcherService } from '@xxmachina/components/services/workspace-switcher';
+
+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" }] : []));
+    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" }] : []));
+    constructor() {
+        this.control.valueChanges.subscribe((value) => this.searchText.set(value ?? ''));
+    }
+    startEdit() {
+        this.control.setValue('');
+        this.isEditing.set(true);
+        setTimeout(() => this.workspaceInput()?.nativeElement.focus());
+    }
+    onBlur() {
+        setTimeout(() => this.isEditing.set(false), 200);
+    }
+    onEscape(event) {
+        event.preventDefault();
+        this.isEditing.set(false);
+    }
+    onSelected(event) {
+        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: `
+    @if (visible()) {
+      <span class="breadcrumb-separator">/</span>
+      @if (isEditing()) {
+        <div class="workspace-autocomplete-wrapper">
+          <input
+            type="text"
+            class="workspace-autocomplete-input"
+            [formControl]="control"
+            [matAutocomplete]="workspaceAuto"
+            (blur)="onBlur()"
+            (keydown.escape)="onEscape($event)"
+            placeholder="workspace"
+            #workspaceInput
+          >
+          <mat-autocomplete
+            #workspaceAuto="matAutocomplete"
+            (optionSelected)="onSelected($event)"
+            autoActiveFirstOption
+          >
+            @for (workspace of filtered(); track workspace.id) {
+              <mat-option [value]="workspace.id">{{ workspace.name }}</mat-option>
+            }
+          </mat-autocomplete>
+        </div>
+      } @else {
+        <button mat-button class="breadcrumb-link workspace-display" (click)="startEdit()">
+          {{ switcher?.currentWorkspaceName() || 'workspace' }}
+          <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+        </button>
+      }
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:14px}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;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:18px;width:18px;height: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: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: [{
+            type: Component,
+            args: [{ selector: 'molecules-workspace-selector', standalone: true, imports: [ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatIconModule], template: `
+    @if (visible()) {
+      <span class="breadcrumb-separator">/</span>
+      @if (isEditing()) {
+        <div class="workspace-autocomplete-wrapper">
+          <input
+            type="text"
+            class="workspace-autocomplete-input"
+            [formControl]="control"
+            [matAutocomplete]="workspaceAuto"
+            (blur)="onBlur()"
+            (keydown.escape)="onEscape($event)"
+            placeholder="workspace"
+            #workspaceInput
+          >
+          <mat-autocomplete
+            #workspaceAuto="matAutocomplete"
+            (optionSelected)="onSelected($event)"
+            autoActiveFirstOption
+          >
+            @for (workspace of filtered(); track workspace.id) {
+              <mat-option [value]="workspace.id">{{ workspace.name }}</mat-option>
+            }
+          </mat-autocomplete>
+        </div>
+      } @else {
+        <button mat-button class="breadcrumb-link workspace-display" (click)="startEdit()">
+          {{ switcher?.currentWorkspaceName() || 'workspace' }}
+          <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+        </button>
+      }
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:14px}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;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:18px;width:18px;height: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: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"] }]
+        }], ctorParameters: () => [], propDecorators: { workspaceInput: [{ type: i0.ViewChild, args: ['workspaceInput', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WorkspaceSelectorMolecule };
+//# sourceMappingURL=xxmachina-components-molecules-workspace-selector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xxmachina-components-molecules-workspace-selector.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/molecules/workspace-selector/workspace-selector.molecule.ts","../../../../../packages/@xxmachina/components/src/lib/molecules/workspace-selector/xxmachina-components-molecules-workspace-selector.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, signal, viewChild } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { WorkspaceSwitcherService } from '@xxmachina/components/services/workspace-switcher';\n\n\n@Component({\n  selector: 'molecules-workspace-selector',\n  standalone: true,\n  imports: [ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatIconModule],\n  template: `\n    @if (visible()) {\n      <span class=\"breadcrumb-separator\">/</span>\n      @if (isEditing()) {\n        <div class=\"workspace-autocomplete-wrapper\">\n          <input\n            type=\"text\"\n            class=\"workspace-autocomplete-input\"\n            [formControl]=\"control\"\n            [matAutocomplete]=\"workspaceAuto\"\n            (blur)=\"onBlur()\"\n            (keydown.escape)=\"onEscape($event)\"\n            placeholder=\"workspace\"\n            #workspaceInput\n          >\n          <mat-autocomplete\n            #workspaceAuto=\"matAutocomplete\"\n            (optionSelected)=\"onSelected($event)\"\n            autoActiveFirstOption\n          >\n            @for (workspace of filtered(); track workspace.id) {\n              <mat-option [value]=\"workspace.id\">{{ workspace.name }}</mat-option>\n            }\n          </mat-autocomplete>\n        </div>\n      } @else {\n        <button mat-button class=\"breadcrumb-link workspace-display\" (click)=\"startEdit()\">\n          {{ switcher?.currentWorkspaceName() || 'workspace' }}\n          <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>\n        </button>\n      }\n    }\n  `,\n  styleUrl: './workspace-selector.molecule.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WorkspaceSelectorMolecule {\n  protected readonly switcher = inject(WorkspaceSwitcherService, { optional: true });\n\n  protected readonly control = new FormControl('');\n  private readonly searchText = signal('');\n  protected readonly isEditing = signal(false);\n  private readonly workspaceInput = viewChild<ElementRef<HTMLInputElement>>('workspaceInput');\n\n  \n  \n  protected readonly visible = computed(() => !!this.switcher && !!this.switcher.currentWorkspaceId());\n\n  protected readonly filtered = computed(() => {\n    const search = this.searchText().toLowerCase();\n    const workspaces = this.switcher?.workspaces() ?? [];\n    if (!search) return workspaces;\n    return workspaces.filter((w) => w.name.toLowerCase().includes(search));\n  });\n\n  constructor() {\n    this.control.valueChanges.subscribe((value) => this.searchText.set(value ?? ''));\n  }\n\n  protected startEdit(): void {\n    this.control.setValue('');\n    this.isEditing.set(true);\n    setTimeout(() => this.workspaceInput()?.nativeElement.focus());\n  }\n\n  protected onBlur(): void {\n    setTimeout(() => this.isEditing.set(false), 200);\n  }\n\n  protected onEscape(event: Event): void {\n    event.preventDefault();\n    this.isEditing.set(false);\n  }\n\n  protected onSelected(event: MatAutocompleteSelectedEvent): void {\n    this.switcher?.switchTo(event.option.value);\n    this.isEditing.set(false);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
       }
     }
   </div>
-  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-G4xlKwnE: var(--row);--row-num: 0;--row-num-SCOPED-IN-G4xlKwnE: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-G4xlKwnE: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-G4xlKwnE: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-G4xlKwnE: 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-G4xlKwnE);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-G4xlKwnE),var(--row-SCOPED-IN-G4xlKwnE));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-G4xlKwnE)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-G4xlKwnE);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-eFERcqju: var(--row);--row-num: 0;--row-num-SCOPED-IN-eFERcqju: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-eFERcqju: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-eFERcqju: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-eFERcqju: 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-eFERcqju);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-eFERcqju),var(--row-SCOPED-IN-eFERcqju));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-eFERcqju)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-eFERcqju);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: [{
             type: Component,
@@ -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-G4xlKwnE: var(--row);--row-num: 0;--row-num-SCOPED-IN-G4xlKwnE: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-G4xlKwnE: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-G4xlKwnE: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-G4xlKwnE: 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-G4xlKwnE);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-G4xlKwnE),var(--row-SCOPED-IN-G4xlKwnE));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-G4xlKwnE)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-G4xlKwnE);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-eFERcqju: var(--row);--row-num: 0;--row-num-SCOPED-IN-eFERcqju: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-eFERcqju: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-eFERcqju: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-eFERcqju: 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-eFERcqju);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-eFERcqju),var(--row-SCOPED-IN-eFERcqju));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-eFERcqju)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-eFERcqju);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-calendar-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-organisms-calendar-section.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/organisms/calendar-section/calendar-section.organism.ts","../../../../../packages/@xxmachina/components/src/lib/organisms/calendar-section/xxmachina-components-organisms-calendar-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, SimpleChanges, inject, OnChanges } from '@angular/core';\nimport { MatRippleModule } from '@angular/material/core';\n\nimport { CalendarDate, Schedule } from '@xxmachina/common/domain/models';\nimport { DailyCellMolecule } from '@xxmachina/components/molecules/daily-cell';\nimport { CalendarPaginatorMolecule } from '@xxmachina/components/molecules/calendar-paginator';\nimport { WeeklyHeaderMolecule } from '@xxmachina/components/molecules/weekly-header';\nimport dayjs from 'dayjs';\n\n@Component({\n  standalone: true,\n  imports: [\n    CalendarPaginatorMolecule,\n    DailyCellMolecule,\n    WeeklyHeaderMolecule,\n    MatRippleModule\n],\n  selector: 'organisms-calendar-section',\n  template: `\n  <!-- <molecules-calendar-paginator\n  *ngIf=\"displayPaginator\"\n  [date]=\"date\"\n  (dateChange)=\"dateChange.emit($event)\"\n  /> -->\n  <div class=\"calendar header\">\n    <molecules-weekly-header/>\n  </div>\n  <div class=\"calendar contents\">\n    @for (week of calendar; track week) {\n      @for (date of week; track date) {\n        <molecules-daily-cell\n          [date]=\"date.date\"\n          [schedules]=\"schedules\"\n          [displayDate]=\"displayDays\"\n          [marked]=\"isToday(date) || isEndDay(date)\"\n          [markingColor]=\"isToday(date) ? '#6200EE' : isEndDay(date) ? '#B00020' : 'transparent'\"\n          noSchedulesText=\"予定なし\"\n          matRipple\n          (click)=\"onDateClick.emit(date)\"\n        ></molecules-daily-cell>\n      }\n    }\n  </div>\n  `,\n  styleUrls: ['./calendar-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarSectionOrganism implements OnChanges {\n  private el = inject(ElementRef);\n  @Input() label = 'label';\n  @Input() displayDays = true;\n  @Input() readonly calendar!: CalendarDate[][];\n  @Input() schedules: Schedule[] = [];\n  @Input() date = dayjs()\n  @Input() today = dayjs();\n  @Input() displayPaginator = true;\n  @Input() displayDescription = true;\n  @Output() onDateClick = new EventEmitter();\n  @Output() dateChange = new EventEmitter();\n\n\n  isToday(date: CalendarDate): boolean {\n    return !!date.date.isSame(dayjs(), 'day');\n  }\n\n  isEndDay(date: CalendarDate): boolean {\n    return !!date.date.isSame(dayjs().add(10, 'days'), 'day');\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.calendar) {\n      this.el.nativeElement.style.setProperty('--row-num', this.calendar?.length || 0);\n    }\n  }\n\n  // getToolTipText(date: CalendarDate): string {\n  //   return date.schedules.map(s => {\n  //     return `${s.startAt.format('HH:mm')}~${s.endAt.format('HH:mm')}`\n  //   }).join(' ');\n  // }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"xxmachina-components-organisms-calendar-section.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/organisms/calendar-section/calendar-section.organism.ts","../../../../../packages/@xxmachina/components/src/lib/organisms/calendar-section/xxmachina-components-organisms-calendar-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, SimpleChanges, inject, OnChanges } from '@angular/core';\nimport { MatRippleModule } from '@angular/material/core';\n\nimport { CalendarDate, Schedule } from '@xxmachina/common/domain/models';\nimport { DailyCellMolecule } from '@xxmachina/components/molecules/daily-cell';\nimport { CalendarPaginatorMolecule } from '@xxmachina/components/molecules/calendar-paginator';\nimport { WeeklyHeaderMolecule } from '@xxmachina/components/molecules/weekly-header';\nimport dayjs from 'dayjs';\n\n@Component({\n  standalone: true,\n  imports: [\n    CalendarPaginatorMolecule,\n    DailyCellMolecule,\n    WeeklyHeaderMolecule,\n    MatRippleModule\n],\n  selector: 'organisms-calendar-section',\n  template: `\n  <!-- <molecules-calendar-paginator\n  *ngIf=\"displayPaginator\"\n  [date]=\"date\"\n  (dateChange)=\"dateChange.emit($event)\"\n  /> -->\n  <div class=\"calendar header\">\n    <molecules-weekly-header/>\n  </div>\n  <div class=\"calendar contents\">\n    @for (week of calendar; track week) {\n      @for (date of week; track date) {\n        <molecules-daily-cell\n          [date]=\"date.date\"\n          [schedules]=\"schedules\"\n          [displayDate]=\"displayDays\"\n          [marked]=\"isToday(date) || isEndDay(date)\"\n          [markingColor]=\"isToday(date) ? '#6200EE' : isEndDay(date) ? '#B00020' : 'transparent'\"\n          noSchedulesText=\"予定なし\"\n          matRipple\n          (click)=\"onDateClick.emit(date)\"\n        ></molecules-daily-cell>\n      }\n    }\n  </div>\n  `,\n  styleUrls: ['./calendar-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarSectionOrganism implements OnChanges {\n  private el = inject(ElementRef);\n  @Input() label = 'label';\n  @Input() displayDays = true;\n  @Input() readonly calendar!: CalendarDate[][];\n  @Input() schedules: Schedule[] = [];\n  @Input() date = dayjs()\n  @Input() today = dayjs();\n  @Input() displayPaginator = true;\n  @Input() displayDescription = true;\n  @Output() onDateClick = new EventEmitter();\n  @Output() dateChange = new EventEmitter();\n\n\n  isToday(date: CalendarDate): boolean {\n    return !!date.date.isSame(dayjs(), 'day');\n  }\n\n  isEndDay(date: CalendarDate): boolean {\n    return !!date.date.isSame(dayjs().add(10, 'days'), 'day');\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.calendar) {\n      this.el.nativeElement.style.setProperty('--row-num', this.calendar?.length || 0);\n    }\n  }\n\n  \n  \n  \n  \n  \n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA+Ca,uBAAuB,CAAA;AAC1B,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;IACtB,KAAK,GAAG,OAAO;IACf,WAAW,GAAG,IAAI;AACT,IAAA,QAAQ;IACjB,SAAS,GAAe,EAAE;IAC1B,IAAI,GAAG,KAAK,EAAE;IACd,KAAK,GAAG,KAAK,EAAE;IACf,gBAAgB,GAAG,IAAI;IACvB,kBAAkB,GAAG,IAAI;AACxB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAE;AAChC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAE;AAGzC,IAAA,OAAO,CAAC,IAAkB,EAAA;AACxB,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC;IAC3C;AAEA,IAAA,QAAQ,CAAC,IAAkB,EAAA;QACzB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC;IAC3D;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;AACpB,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC;QAClF;IACF;uGA1BW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA7BxB;;;;;;;;;;;;;;;;;;;;;;;;;AAyBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,08CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA9BC,iBAAiB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,oBAAoB,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAgCN,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAtCnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,OAAA,EACP;wBACP,yBAAyB;wBACzB,iBAAiB;wBACjB,oBAAoB;wBACpB;AACH,qBAAA,EAAA,QAAA,EACW,4BAA4B,EAAA,QAAA,EAC5B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,08CAAA,CAAA,EAAA;;sBAI9C;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC1DH;;AAEG;;;;"}

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

@@ -48,7 +48,6 @@ class EventInputSectionOrganism extends NgAtomicComponent {
         endAt: new FormControl(dayjs(), Validators.required),
     });
     startValue = toSignal(getValue$(this.control.get(['startAt'])));
-    // 時間を15分刻みでHH:mmの配列にする
     startAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {
         const hour = Math.floor(i / 4);
         const minute = (i % 4) * 15;

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

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-organisms-event-input-section.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/organisms/event-input-section/event-input-section.organism.ts","../../../../../packages/@xxmachina/components/src/lib/organisms/event-input-section/xxmachina-components-organisms-event-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, computed, inject, signal, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { DayjsDateModule, getValue$ } from '@ng-atomic/common/utils';\nimport { MAT_DATE_FORMATS } from '@angular/material/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport dayjs from 'dayjs';\n\nenum ActionId {\n  FIX_BUTTON_CLICK = '[@xxmachina/scheduler] Fix Button Click',\n  DELETE_BUTTON_CLICK = '[@xxmachina/scheduler] Delete Button Click',\n}\n\nconst MAT_DAYJS_DATE_FORMATS = {\n  parse: {\n    dateInput: 'YYYY/MM/DD',\n  },\n  display: {\n    dateInput: 'YYYY/MM/DD',\n    monthYearLabel: 'MMM YYYY',\n    dateA11yLabel: 'LL',\n    monthYearA11yLabel: 'MMMM YYYY',\n  }\n}\n\n@Component({\n  selector: 'organisms-event-input-section',\n  standalone: true,\n  imports: [\n    DateInputFieldMolecule,\n    TextInputFieldMolecule,\n    SelectInputFieldMolecule,\n    MatButtonModule,\n    MatIconModule,\n    DayjsDateModule,\n    SmartMenuButtonAtom\n],\n  template: `\n    <div>\n      <molecules-date-input-field\n        [label]=\"'候補日'\"\n        [control]=\"form.get(['date'])\"\n        [toggle]=\"false\"\n      />\n      <molecules-select-input-field\n        [label]=\"'開始時間'\"\n        [control]=\"form.get(['startAt'])\"\n        [options]=\"options()\"\n      />\n      <molecules-select-input-field\n        [label]=\"'終了時間'\"\n        [control]=\"form.get(['endAt'])\"\n        [options]=\"options()\"\n      />\n    </div>\n    <atoms-menu-button [actions]=\"fixActions\" (action)=\"dispatch($event)\"/>\n    <atoms-menu-button [actions]=\"actions\" (action)=\"dispatch($event)\"/>\n\n  `,\n  styleUrls: ['./event-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: MAT_DATE_FORMATS, useValue: MAT_DAYJS_DATE_FORMATS }],\n\n})\nexport class EventInputSectionOrganism extends NgAtomicComponent implements OnInit {\n  static readonly ActionId = ActionId;\n  protected form = inject(FormBuilder).group({\n    date: [dayjs(), Validators.required],\n    startAt: ['00:00'],\n    endAt: ['01:00'],\n  });\n\n  fixActions = [\n    { id: ActionId.FIX_BUTTON_CLICK, name: '決定', icon: 'check' },\n  ];\n\n  actions = [\n    { id: ActionId.DELETE_BUTTON_CLICK, name: '削除', icon: 'delete' },\n  ];\n\n  @Input() label = '';\n\n  @Input()\n  control = new FormGroup<{startAt: FormControl<dayjs.Dayjs>, endAt: FormControl<dayjs.Dayjs>}>({\n    startAt: new FormControl(dayjs(), Validators.required) as FormControl<dayjs.Dayjs>,\n    endAt: new FormControl(dayjs(), Validators.required) as FormControl<dayjs.Dayjs>,\n  });\n\n  readonly startValue = toSignal(getValue$(this.control.get(['startAt'])!));\n\n  // 時間を15分刻みでHH:mmの配列にする\n  protected startAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {\n    const hour = Math.floor(i / 4);\n    const minute = (i % 4) * 15;\n    return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n  }));\n\n  protected options = computed(() => {\n    return this.startAutoComplete().map((value) => ({value, name: value}));\n  });\n\n  protected endAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {\n    const hour = Math.floor(i / 4);\n    const minute = (i % 4) * 15;\n    return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n  }));\n\n  ngOnInit(): void {\n    this.form.patchValue({\n      date: this.control.get(['startAt'])!.value,\n      startAt: this.control.get(['startAt'])!.value.format('HH:mm'),\n      endAt: this.control.get(['endAt'])!.value.format('HH:mm'),\n    })\n    this.form.valueChanges.subscribe(({date, startAt, endAt}) => {\n      this.control.patchValue({\n        startAt: dayjs(`${date!.format('YYYY-MM-DD')}T${startAt}:00`),\n        endAt: dayjs(`${date!.format('YYYY-MM-DD')}T${endAt}:00`),\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"xxmachina-components-organisms-event-input-section.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/organisms/event-input-section/event-input-section.organism.ts","../../../../../packages/@xxmachina/components/src/lib/organisms/event-input-section/xxmachina-components-organisms-event-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, computed, inject, signal, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { DayjsDateModule, getValue$ } from '@ng-atomic/common/utils';\nimport { MAT_DATE_FORMATS } from '@angular/material/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport dayjs from 'dayjs';\n\nenum ActionId {\n  FIX_BUTTON_CLICK = '[@xxmachina/scheduler] Fix Button Click',\n  DELETE_BUTTON_CLICK = '[@xxmachina/scheduler] Delete Button Click',\n}\n\nconst MAT_DAYJS_DATE_FORMATS = {\n  parse: {\n    dateInput: 'YYYY/MM/DD',\n  },\n  display: {\n    dateInput: 'YYYY/MM/DD',\n    monthYearLabel: 'MMM YYYY',\n    dateA11yLabel: 'LL',\n    monthYearA11yLabel: 'MMMM YYYY',\n  }\n}\n\n@Component({\n  selector: 'organisms-event-input-section',\n  standalone: true,\n  imports: [\n    DateInputFieldMolecule,\n    TextInputFieldMolecule,\n    SelectInputFieldMolecule,\n    MatButtonModule,\n    MatIconModule,\n    DayjsDateModule,\n    SmartMenuButtonAtom\n],\n  template: `\n    <div>\n      <molecules-date-input-field\n        [label]=\"'候補日'\"\n        [control]=\"form.get(['date'])\"\n        [toggle]=\"false\"\n      />\n      <molecules-select-input-field\n        [label]=\"'開始時間'\"\n        [control]=\"form.get(['startAt'])\"\n        [options]=\"options()\"\n      />\n      <molecules-select-input-field\n        [label]=\"'終了時間'\"\n        [control]=\"form.get(['endAt'])\"\n        [options]=\"options()\"\n      />\n    </div>\n    <atoms-menu-button [actions]=\"fixActions\" (action)=\"dispatch($event)\"/>\n    <atoms-menu-button [actions]=\"actions\" (action)=\"dispatch($event)\"/>\n\n  `,\n  styleUrls: ['./event-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: MAT_DATE_FORMATS, useValue: MAT_DAYJS_DATE_FORMATS }],\n\n})\nexport class EventInputSectionOrganism extends NgAtomicComponent implements OnInit {\n  static readonly ActionId = ActionId;\n  protected form = inject(FormBuilder).group({\n    date: [dayjs(), Validators.required],\n    startAt: ['00:00'],\n    endAt: ['01:00'],\n  });\n\n  fixActions = [\n    { id: ActionId.FIX_BUTTON_CLICK, name: '決定', icon: 'check' },\n  ];\n\n  actions = [\n    { id: ActionId.DELETE_BUTTON_CLICK, name: '削除', icon: 'delete' },\n  ];\n\n  @Input() label = '';\n\n  @Input()\n  control = new FormGroup<{startAt: FormControl<dayjs.Dayjs>, endAt: FormControl<dayjs.Dayjs>}>({\n    startAt: new FormControl(dayjs(), Validators.required) as FormControl<dayjs.Dayjs>,\n    endAt: new FormControl(dayjs(), Validators.required) as FormControl<dayjs.Dayjs>,\n  });\n\n  readonly startValue = toSignal(getValue$(this.control.get(['startAt'])!));\n\n  \n  protected startAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {\n    const hour = Math.floor(i / 4);\n    const minute = (i % 4) * 15;\n    return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n  }));\n\n  protected options = computed(() => {\n    return this.startAutoComplete().map((value) => ({value, name: value}));\n  });\n\n  protected endAutoComplete = signal([...Array(24 * 4).keys()].map((i) => {\n    const hour = Math.floor(i / 4);\n    const minute = (i % 4) * 15;\n    return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;\n  }));\n\n  ngOnInit(): void {\n    this.form.patchValue({\n      date: this.control.get(['startAt'])!.value,\n      startAt: this.control.get(['startAt'])!.value.format('HH:mm'),\n      endAt: this.control.get(['endAt'])!.value.format('HH:mm'),\n    })\n    this.form.valueChanges.subscribe(({date, startAt, endAt}) => {\n      this.control.patchValue({\n        startAt: dayjs(`${date!.format('YYYY-MM-DD')}T${startAt}:00`),\n        endAt: dayjs(`${date!.format('YYYY-MM-DD')}T${endAt}:00`),\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}