npm - @api-client/ui - Versions diffs - 0.0.4 → 0.0.7 - Mend

@api-client/ui 0.0.4 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (756) hide show

package/dist/pages/schema-design/SchemaDesigner.screen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SchemaDesigner.screen.js","sourceRoot":"","sources":["../../../src/pages/schema-design/SchemaDesigner.screen.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit';\nimport { \n DataNamespace, IDataNamespace, ApiError, Events as CoreEvents, \n DataNamespaceKind, IPatchRevision, DataEntityKind, DataModelKind, \n IApplication,\n BroadcastEvent,\n FilePatchBroadcastEvent,\n IPatchInfo,\n} from '@api-client/core/build/browser.js';\nimport { JsonPatch, Patch } from '@api-client/json';\nimport { ApplicationInit, ApplicationScreen } from '../ApplicationScreen.js';\nimport { query, reactive } from '../../lib/decorators.js';\nimport { IRoute, IRouteResult } from '../../mixins/RouteMixin.js';\nimport { navigate } from '../../lib/route.js';\nimport { SchemaDesignerContextMenu } from './SchemaDesignerContextMenu.js';\nimport NavElement from '../../elements/schema-design/SchemaDesignNavigation.js';\nimport AppInfo from './AppInfo.js';\nimport { randomString } from '../../lib/Random.js';\nimport { ISelectDetail } from '../../elements/navigation/AppNavigationElement.js';\nimport pageStyles from './SchemaDesigner.styles.js';\nimport globalStyles from '../../styles/global-styles.js';\nimport typography from '../../styles/m3/typography.module.js';\nimport dialogStyles from '../../styles/m3/dialog.module.js';\nimport { StoreBroadcast } from '../../http-client/store/StoreBroadcast.js';\nimport { EventTypes } from '../../events/EventTypes.js';\nimport { Events } from '../../events/Events.js';\nimport type { HttpClientStoreBindings } from '../../bindings/base/HttpClientStoreBindings.js';\nimport '../../define/schema-design/schema-design-navigation.js';\nimport '../../define/data/data-entity-editor.js';\nimport '../../define/data/data-model-visualization.js';\nimport '../../define/ui/ui-button.js';\n\nexport interface PageInit extends ApplicationInit {\n idb: HttpClientStoreBindings;\n}\n\nexport default class SchemaDesignerScreen extends ApplicationScreen {\n static get styles(): CSSResult[] {\n // return [styles, globalStyles, mainLayout];\n return [globalStyles, pageStyles, typography, dialogStyles];\n }\n\n static get routes(): IRoute[] {\n return [\n { pattern: '/default', method: 'defaultRoute', fallback: true, name: 'Schema Designer', title: 'Schema Designer Home home' },\n { pattern: '/404', method: 'e404Route', name: 'Not found', title: 'Not found' },\n // { pattern: '/namespace/(?<key>.)', method: 'namespaceRoute', name: 'Namespace', title: 'A namespace' },\n { pattern: '/model/(?<key>.)', method: 'modelRoute', name: 'Data model', title: 'A data model' },\n { pattern: '/entity/(?<key>.)', method: 'entityRoute', name: 'Entity model', title: 'An entity model' },\n ];\n }\n\n protected _key = '';\n \n /\n The schema file key.\n /\n get key(): string {\n return this._key;\n }\n\n /\n The read data namespace.\n /\n @reactive() root?: DataNamespace;\n\n protected menu: SchemaDesignerContextMenu;\n\n @query('schema-design-navigation') nav?: NavElement;\n\n protected updatingSchema?: boolean;\n\n protected isDirty?: boolean;\n\n protected schema?: string;\n\n /\n Own patches sent to the server.\n * These are removed after the sever event is received.\n /\n protected pendingPatches = new Map<string, JsonPatch>();\n\n /\n The list of patches made by the current user and received from the server since the beginning of this session\n * or page reload.\n * This is to used to recognize own patches so it won't process a patch that is already applied to the project.\n /\n protected livePatches = new Map<string, IPatchRevision>();\n\n /\n The key of the selected item in the root namespace. It corresponds to the `page`.\n /\n @reactive() selected?: string;\n\n mediaChannel = new BroadcastChannel(StoreBroadcast.media);\n\n protected _workspace = '';\n\n /\n The key of the workspace that has the project.\n /\n get workspace(): string {\n return this._workspace;\n }\n\n constructor(init: PageInit) {\n super(init);\n this.bindings.idb = init.idb;\n this.menu = new SchemaDesignerContextMenu();\n this.menu.connect();\n this.menu.store.set('callback', this.contextMenuMutationCallback.bind(this));\n }\n\n override async initialize(): Promise<void> {\n if (!await this.isPlatformSupported()) {\n return;\n }\n try {\n this.setupWorkspaceParameters();\n } catch (e) {\n this.initialized = true;\n this.reportCriticalError((e as Error).message);\n return;\n }\n await this.bindings.config.initialize();\n await this.initializeConfig();\n\n await this.bindings.store.initialize();\n\n await this.initializeStore();\n await this.loadUser();\n\n this.bindings.store.space = this.workspace;\n\n await this.bindings.idb.initialize();\n\n const hasFile = await this.setupNamespace(this.key);\n if (!hasFile) {\n this.initializeRouting();\n this.initialized = true;\n return;\n }\n this.mediaChannel.addEventListener('message', this.mediaMessageHandler.bind(this))\n this.initializeRouting();\n this.initialized = true;\n window.addEventListener(EventTypes.SchemaDesign.changed, this.contextMenuMutationCallback.bind(this));\n }\n\n override async storeChanged(): Promise<void> {\n // ...\n }\n\n protected setupWorkspaceParameters(): void {\n const url = new URL(window.location.href);\n const key = url.searchParams.get('key');\n const space = url.searchParams.get('space');\n if (key) {\n this._key = key;\n } else {\n throw new Error(`The project key is not set. Go back to the start page.`);\n }\n if (space) {\n this._workspace = space;\n } else {\n throw new Error(`The space key is not set. Go back to the start page.`);\n }\n this.bindings.store.space = space;\n }\n\n /\n Used to read the namespace file from the backend.\n /\n async readNamespaceFile(key: string): Promise<IDataNamespace> {\n const media = await this.bindings.store.media.read(key) as IDataNamespace;\n return media;\n }\n\n /\n Stores the patch in the data store.\n * @param key The key of the media file.\n * @param id The generated id of the patch\n * @param value The patch to apply in the backend\n * @param app The application info.\n /\n async storePatch(key: string, id: string, value: JsonPatch, app: IApplication): Promise<void> {\n const info: IPatchInfo = {\n app: app.code,\n appVersion: app.version,\n patch: value,\n id,\n };\n await this.bindings.store.media.patch(key, info);\n }\n\n /\n A handler for the broadcast channel message which informs about changes to files media.\n /\n protected mediaMessageHandler(e: MessageEvent): void {\n const event = e.data as BroadcastEvent;\n if (event.space !== this.workspace) {\n return;\n }\n this.processChangeFileEvent(event);\n }\n\n protected openStart(): void {\n Events.Navigation.App.runHttpClient({ space: this.workspace });\n }\n\n protected resetRoute(): void {\n this.page = undefined;\n this.selected = undefined;\n }\n\n protected defaultRoute(): void {\n this.resetRoute();\n this.page = 'default';\n }\n\n protected e404Route(): void {\n this.resetRoute();\n this.page = '404';\n }\n\n // protected namespaceRoute(info: IRouteResult): void {\n // if (!info.params \|\| !info.params.key) {\n // throw new Error(`Invalid route configuration. Missing parameters.`);\n // }\n // this.resetRoute();\n // const key = info.params.key as string;\n // this.page = 'namespace';\n // this.selected = key;\n // const { root } = this;\n // if (!root) {\n // return;\n // }\n // this.current = root.findNamespace(key);\n // }\n\n protected async modelRoute(info: IRouteResult): Promise<void> {\n if (!info.params \|\| !info.params.key) {\n throw new Error(`Invalid route configuration. Missing parameters.`);\n }\n this.resetRoute();\n const key = info.params.key as string;\n this.page = 'model';\n this.selected = key;\n }\n\n protected entityRoute(info: IRouteResult): void {\n if (!info.params \|\| !info.params.key) {\n throw new Error(`Invalid route configuration. Missing parameters.`);\n }\n this.resetRoute();\n const key = info.params.key as string;\n this.page = 'entity';\n this.selected = key;\n }\n\n /\n @returns The value of the meta file key encoded in the query params under the `key`.\n /\n protected readFileKey(): string \| undefined {\n const url = new URL(window.location.href);\n const key = url.searchParams.get('key');\n return key \|\| undefined;\n }\n\n /\n Setups the namespace file during app initialization.\n * \n * @param key The namespace file id\n * @returns true when the namespace was setup correctly. False when there was an error.\n /\n protected async setupNamespace(key: string): Promise<boolean> {\n try {\n const media = await this.readNamespaceFile(key);\n this.schema = JSON.stringify(media);\n this.root = new DataNamespace(media);\n this.menu.store.set('schema', this.root);\n } catch (e) {\n const cause = e as ApiError;\n if (cause.code === 404) {\n navigate('404');\n return false;\n }\n CoreEvents.Telemetry.exception(cause.message, true);\n this.reportCriticalError(cause.message);\n }\n return true;\n }\n\n /\n A reference to this function is passed to the context menu\n * and it is called when a project mutates.\n /\n protected contextMenuMutationCallback(): void {\n this.render();\n this.updateSchema();\n const { nav } = this;\n if (nav) {\n nav.requestUpdate();\n }\n }\n\n /\n Apples changes to a DataNamespace file.\n * @param event The backend event received from the store.\n /\n protected processChangeFileEvent(event: BroadcastEvent): void {\n const { schema, root } = this;\n if (!schema \|\| !root \|\| this.key !== event.key \|\| event.kind !== DataNamespaceKind) {\n return;\n }\n if (event.operation !== 'patch') {\n this.processFilePatch((event as FilePatchBroadcastEvent).data);\n }\n }\n\n /\n Logic run when a patch operation is reported from the backend.\n * @param rev The revision info from the backend event\n /\n protected processFilePatch(rev: IPatchRevision): void {\n const { schema, root } = this;\n if (!schema \|\| !root) {\n return;\n }\n const iData = JSON.parse(schema);\n const { id } = rev;\n const ownPatch = this.pendingPatches.get(id);\n if (ownPatch) {\n this.livePatches.set(id, rev);\n this.pendingPatches.delete(id);\n return;\n }\n const result = Patch.apply(iData, rev.patch);\n this.schema = JSON.stringify(result.doc);\n root.new(result.doc as IDataNamespace);\n this.render();\n const { nav } = this;\n if (nav) {\n nav.requestUpdate();\n }\n }\n\n /\n To be called when a change in the editor is detected.\n * It prepares the patch and stored it in the data store.\n */\n async updateSchema(): Promise<void> {\n if (this.updatingSchema) {\n this.isDirty = true;\n return;\n }\n this.isDirty = false;\n const { schema, root } = this;\n if (!root \|\| !schema) {\n // eslint-disable-next-line no-console\n console.warn(`Trying to update the schema but none is set.`);\n return;\n }\n\n const newSchema = root.toJSON();\n const diff = Patch.diff(JSON.parse(schema), newSchema);\n if (!diff.length) {\n // eslint-disable-next-line no-console\n console.warn(`Expected to detect changes to the data schema.`);\n return;\n }\n this.updatingSchema = true;\n // gives 2.092279e+13 permutations.\n const id = randomString(16);\n this.pendingPatches.set(id, diff);\n try {\n await this.storePatch(root.key, id, diff, AppInfo);\n this.schema = JSON.stringify(newSchema);\n } catch (e) {\n const cause = e as Error;\n CoreEvents.Telemetry.exception(cause.message, true);\n this.reportCriticalError(cause.message);\n } finally {\n this.updatingSchema = false;\n if (this.isDirty) {\n this.updateSchema();\n }\n }\n }\n\n protected navigationSelectionHandler(e: CustomEvent): void {\n const { key, kind } = e.detail as ISelectDetail;\n const base = this.kindToRoute(kind);\n if (base) {\n navigate(base, key);\n }\n }\n\n protected kindToRoute(kind: string): string \| undefined {\n switch (kind) {\n case DataEntityKind: return 'entity';\n case DataModelKind: return 'model';\n default: return undefined;\n // default: return 'namespace';\n }\n }\n\n protected entityChangeHandler(): void {\n this.updateSchema();\n }\n\n protected entityNameChangeHandler(): void {\n this.nav?.requestUpdate();\n }\n\n override pageTemplate(): TemplateResult {\n const { initialized } = this;\n if (!initialized) {\n return super.pageTemplate();\n }\n return html`\n ${this.navigationTemplate()}\n ${this.headerTemplate()}\n ${this.mainTemplate()}\n `;\n }\n\n protected override headerTemplate(): TemplateResult {\n const { root } = this;\n const rootTitle = root && root.info && root.info.name;\n const title = rootTitle \|\| 'Schema Designer';\n return html`\n <header>\n <h1 class=\"title-large\">${title}</h1>\n </header>\n `;\n }\n\n protected override navigationTemplate(): TemplateResult {\n return html`\n <schema-design-navigation\n class=\"nav\"\n .root=\"${this.root}\" \n .selected=\"${this.selected}\" \n @select=\"${this.navigationSelectionHandler}\"\n ></schema-design-navigation>\n `;\n }\n\n protected override mainTemplate(): TemplateResult {\n const { page } = this;\n if (page === '404') {\n return this.e404Template();\n }\n return html`\n <main class=\"body-medium ${page}\">\n <div class=\"content\">\n ${this.renderPage()}\n </div>\n </main>`;\n }\n\n protected e404Template(): TemplateResult {\n return html`\n <main>\n <div class=\"full-error\">\n <h2 class=\"headline-large\">Not found</h2>\n <p class=\"body-large\">\n The schema you are trying to open does not exist, was removed,\n or you lost access to it.\n </p>\n <ui-button type=\"filled\" @click=\"${this.openStart}\">Back to start</ui-button>\n </div>\n </main>`;\n }\n\n protected renderPage(): TemplateResult {\n switch (this.page) {\n // case 'namespace': return this._namespaceTemplate();\n case 'model': return this._dataModelTemplate();\n case 'entity': return this._entityTemplate();\n default: return this._emptySelectionTemplate();\n }\n }\n\n protected _emptySelectionTemplate(): TemplateResult {\n return html`\n <div class=\"empty-state body-large\">\n <p>Schema designer allows you to design data and translate them into schemas which then can be used in other tools \n to generate HTTP payloads and examples.</p>\n <p><b>Namespaces</b> helps you organize your data models. You can create as many namespaces as you need.</p>\n <p>Inside a namespaces put <b>data models</b>. They represent a logical structure of your data.</p>\n <p>An <b>entity</b> is a smallest part of your data. You can compose complex data structures through <b>entity associations</b>.</p>\n </div>\n `;\n }\n\n // protected _namespaceTemplate(): TemplateResult {\n // return html`\n // <p>TODO: Namespace view for ${this.selected}</p>\n // `;\n // }\n\n protected _dataModelTemplate(): TemplateResult {\n return html`\n <data-model-visualization .root=\"${this.root}\" .key=\"${this.selected}\"></data-model-visualization>\n `;\n }\n\n protected _entityTemplate(): TemplateResult {\n return html`\n <data-entity-editor .root=\"${this.root}\" .selected=\"${this.selected}\" @change=\"${this.entityChangeHandler}\" @namechange=\"${this.entityNameChangeHandler}\"></data-entity-editor>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"SchemaDesigner.screen.js","sourceRoot":"","sources":["../../../src/pages/schema-design/SchemaDesigner.screen.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit';\nimport { \n DataNamespace, IDataNamespace, ApiError, Events as CoreEvents, \n DataNamespaceKind, IPatchRevision, DataEntityKind, DataModelKind, \n IApplication,\n BroadcastEvent,\n FilePatchBroadcastEvent,\n IPatchInfo,\n} from '@api-client/core/build/browser.js';\nimport { JsonPatch, Patch } from '@api-client/json';\nimport { ApplicationInit, ApplicationScreen } from '../ApplicationScreen.js';\nimport { query, reactive } from '../../lib/decorators.js';\nimport { IRoute, IRouteResult } from '../../mixins/RouteMixin.js';\nimport { navigate } from '../../lib/route.js';\nimport { SchemaDesignerContextMenu } from './SchemaDesignerContextMenu.js';\nimport NavElement from '../../elements/schema-design/SchemaDesignNavigation.js';\nimport AppInfo from './AppInfo.js';\nimport { randomString } from '../../lib/Random.js';\nimport { ISelectDetail } from '../../elements/navigation/AppNavigationElement.js';\nimport pageStyles from './SchemaDesigner.styles.js';\nimport globalStyles from '../../styles/global-styles.js';\nimport typography from '../../styles/m3/typography.module.js';\nimport dialogStyles from '../../styles/m3/dialog.module.js';\nimport { StoreBroadcast } from '../../http-client/store/StoreBroadcast.js';\nimport { EventTypes } from '../../events/EventTypes.js';\nimport { Events } from '../../events/Events.js';\nimport type { HttpClientStoreBindings } from '../../bindings/base/HttpClientStoreBindings.js';\nimport '../../define/schema-design/schema-design-navigation.js';\nimport '../../define/data/data-entity-editor.js';\nimport '../../define/data/data-model-visualization.js';\nimport '../../define/ui/ui-button.js';\n\nexport interface PageInit extends ApplicationInit {\n idb: HttpClientStoreBindings;\n}\n\nexport default class SchemaDesignerScreen extends ApplicationScreen {\n static get styles(): CSSResult[] {\n // return [styles, globalStyles, mainLayout];\n return [globalStyles, pageStyles, typography, dialogStyles];\n }\n\n static get routes(): IRoute[] {\n return [\n { pattern: '/default', method: 'defaultRoute', fallback: true, name: 'Schema Designer', title: 'Schema Designer Home home' },\n { pattern: '/404', method: 'e404Route', name: 'Not found', title: 'Not found' },\n // { pattern: '/namespace/(?<key>.)', method: 'namespaceRoute', name: 'Namespace', title: 'A namespace' },\n { pattern: '/model/(?<key>.)', method: 'modelRoute', name: 'Data model', title: 'A data model' },\n { pattern: '/entity/(?<key>.)', method: 'entityRoute', name: 'Entity model', title: 'An entity model' },\n ];\n }\n\n protected _key = '';\n \n /\n The schema file key.\n /\n get key(): string {\n return this._key;\n }\n\n /\n The read data namespace.\n /\n @reactive() root?: DataNamespace;\n\n protected menu: SchemaDesignerContextMenu;\n\n @query('schema-design-navigation') nav?: NavElement;\n\n protected updatingSchema?: boolean;\n\n protected isDirty?: boolean;\n\n protected schema?: string;\n\n /\n Own patches sent to the server.\n * These are removed after the sever event is received.\n /\n protected pendingPatches = new Map<string, JsonPatch>();\n\n /\n The list of patches made by the current user and received from the server since the beginning of this session\n * or page reload.\n * This is to used to recognize own patches so it won't process a patch that is already applied to the project.\n /\n protected livePatches = new Map<string, IPatchRevision>();\n\n /\n The key of the selected item in the root namespace. It corresponds to the `page`.\n /\n @reactive() selected?: string;\n\n mediaChannel = new BroadcastChannel(StoreBroadcast.media);\n\n protected _workspace = '';\n\n /\n The key of the workspace that has the project.\n /\n get workspace(): string {\n return this._workspace;\n }\n\n constructor(init: PageInit) {\n super(init);\n this.bindings.idb = init.idb;\n this.menu = new SchemaDesignerContextMenu();\n this.menu.connect();\n this.menu.store.set('callback', this.contextMenuMutationCallback.bind(this));\n }\n\n override async initialize(): Promise<void> {\n if (!await this.isPlatformSupported()) {\n return;\n }\n try {\n this.setupWorkspaceParameters();\n } catch (e) {\n this.initialized = true;\n this.reportCriticalError((e as Error).message);\n return;\n }\n await this.bindings.config.initialize();\n await this.initializeConfig();\n\n await this.bindings.store.initialize();\n\n await this.initializeStore();\n await this.loadUser();\n\n this.bindings.store.space = this.workspace;\n\n await this.bindings.idb.initialize();\n\n const hasFile = await this.setupNamespace(this.key);\n if (!hasFile) {\n this.initializeRouting();\n this.initialized = true;\n return;\n }\n this.mediaChannel.addEventListener('message', this.mediaMessageHandler.bind(this))\n this.initializeRouting();\n this.initialized = true;\n window.addEventListener(EventTypes.SchemaDesign.changed, this.contextMenuMutationCallback.bind(this));\n }\n\n override async storeChanged(): Promise<void> {\n // ...\n }\n\n protected setupWorkspaceParameters(): void {\n const url = new URL(window.location.href);\n const key = url.searchParams.get('key');\n const space = url.searchParams.get('space');\n if (key) {\n this._key = key;\n } else {\n throw new Error(`The project key is not set. Go back to the start page.`);\n }\n if (space) {\n this._workspace = space;\n } else {\n throw new Error(`The space key is not set. Go back to the start page.`);\n }\n this.bindings.store.space = space;\n }\n\n /\n Used to read the namespace file from the backend.\n /\n async readNamespaceFile(key: string): Promise<IDataNamespace> {\n const media = await this.bindings.store.media.read(key) as IDataNamespace;\n return media;\n }\n\n /\n Stores the patch in the data store.\n * @param key The key of the media file.\n * @param id The generated id of the patch\n * @param value The patch to apply in the backend\n * @param app The application info.\n /\n async storePatch(key: string, id: string, value: JsonPatch, app: IApplication): Promise<void> {\n const info: IPatchInfo = {\n app: app.code,\n appVersion: app.version,\n patch: value,\n id,\n };\n await this.bindings.store.media.patch(key, info);\n }\n\n /\n A handler for the broadcast channel message which informs about changes to files media.\n /\n protected mediaMessageHandler(e: MessageEvent): void {\n const event = e.data as BroadcastEvent;\n if (event.space !== this.workspace) {\n return;\n }\n this.processChangeFileEvent(event);\n }\n\n protected openStart(): void {\n Events.Navigation.App.runHttpClient({ space: this.workspace });\n }\n\n protected resetRoute(): void {\n this.page = undefined;\n this.selected = undefined;\n }\n\n protected defaultRoute(): void {\n this.resetRoute();\n this.page = 'default';\n }\n\n protected e404Route(): void {\n this.resetRoute();\n this.page = '404';\n }\n\n // protected namespaceRoute(info: IRouteResult): void {\n // if (!info.params \|\| !info.params.key) {\n // throw new Error(`Invalid route configuration. Missing parameters.`);\n // }\n // this.resetRoute();\n // const key = info.params.key as string;\n // this.page = 'namespace';\n // this.selected = key;\n // const { root } = this;\n // if (!root) {\n // return;\n // }\n // this.current = root.findNamespace(key);\n // }\n\n protected async modelRoute(info: IRouteResult): Promise<void> {\n if (!info.params \|\| !info.params.key) {\n throw new Error(`Invalid route configuration. Missing parameters.`);\n }\n this.resetRoute();\n const key = info.params.key as string;\n this.page = 'model';\n this.selected = key;\n }\n\n protected entityRoute(info: IRouteResult): void {\n if (!info.params \|\| !info.params.key) {\n throw new Error(`Invalid route configuration. Missing parameters.`);\n }\n this.resetRoute();\n const key = info.params.key as string;\n this.page = 'entity';\n this.selected = key;\n }\n\n /\n @returns The value of the meta file key encoded in the query params under the `key`.\n /\n protected readFileKey(): string \| undefined {\n const url = new URL(window.location.href);\n const key = url.searchParams.get('key');\n return key \|\| undefined;\n }\n\n /\n Setups the namespace file during app initialization.\n * \n * @param key The namespace file id\n * @returns true when the namespace was setup correctly. False when there was an error.\n /\n protected async setupNamespace(key: string): Promise<boolean> {\n try {\n const media = await this.readNamespaceFile(key);\n this.schema = JSON.stringify(media);\n this.root = new DataNamespace(media);\n this.menu.store.set('schema', this.root);\n } catch (e) {\n const cause = e as ApiError;\n if (cause.code === 404) {\n navigate('404');\n return false;\n }\n CoreEvents.Telemetry.exception(cause.message, true);\n this.reportCriticalError(cause.message);\n }\n return true;\n }\n\n /\n A reference to this function is passed to the context menu\n * and it is called when a project mutates.\n /\n protected contextMenuMutationCallback(): void {\n this.render();\n this.updateSchema();\n const { nav } = this;\n if (nav) {\n nav.requestUpdate();\n }\n }\n\n /\n Apples changes to a DataNamespace file.\n * @param event The backend event received from the store.\n /\n protected processChangeFileEvent(event: BroadcastEvent): void {\n const { schema, root } = this;\n if (!schema \|\| !root \|\| this.key !== event.key \|\| event.kind !== DataNamespaceKind) {\n return;\n }\n if (event.operation !== 'patch') {\n this.processFilePatch((event as FilePatchBroadcastEvent).data);\n }\n }\n\n /\n Logic run when a patch operation is reported from the backend.\n * @param rev The revision info from the backend event\n /\n protected processFilePatch(rev: IPatchRevision): void {\n const { schema, root } = this;\n if (!schema \|\| !root) {\n return;\n }\n const iData = JSON.parse(schema);\n const { id } = rev;\n const ownPatch = this.pendingPatches.get(id);\n if (ownPatch) {\n this.livePatches.set(id, rev);\n this.pendingPatches.delete(id);\n return;\n }\n const result = Patch.apply(iData, rev.patch);\n this.schema = JSON.stringify(result.doc);\n root.new(result.doc as IDataNamespace);\n this.render();\n const { nav } = this;\n if (nav) {\n nav.requestUpdate();\n }\n }\n\n /\n To be called when a change in the editor is detected.\n * It prepares the patch and stored it in the data store.\n */\n async updateSchema(): Promise<void> {\n if (this.updatingSchema) {\n this.isDirty = true;\n return;\n }\n this.isDirty = false;\n const { schema, root } = this;\n if (!root \|\| !schema) {\n // eslint-disable-next-line no-console\n console.warn(`Trying to update the schema but none is set.`);\n return;\n }\n\n const newSchema = root.toJSON();\n const diff = Patch.diff(JSON.parse(schema), newSchema);\n if (!diff.length) {\n // eslint-disable-next-line no-console\n console.warn(`Expected to detect changes to the data schema.`);\n return;\n }\n this.updatingSchema = true;\n // gives 2.092279e+13 permutations.\n const id = randomString(16);\n this.pendingPatches.set(id, diff);\n try {\n await this.storePatch(root.key, id, diff, AppInfo);\n this.schema = JSON.stringify(newSchema);\n } catch (e) {\n const cause = e as Error;\n CoreEvents.Telemetry.exception(cause.message, true);\n this.reportCriticalError(cause.message);\n } finally {\n this.updatingSchema = false;\n if (this.isDirty) {\n this.updateSchema();\n }\n }\n }\n\n protected navigationSelectionHandler(e: CustomEvent): void {\n const { key, kind } = e.detail as ISelectDetail;\n const base = this.kindToRoute(kind);\n if (base) {\n navigate(base, key);\n }\n }\n\n protected kindToRoute(kind: string): string \| undefined {\n switch (kind) {\n case DataEntityKind: return 'entity';\n case DataModelKind: return 'model';\n default: return undefined;\n // default: return 'namespace';\n }\n }\n\n protected entityChangeHandler(): void {\n this.updateSchema();\n }\n\n protected entityNameChangeHandler(): void {\n this.nav?.requestUpdate();\n }\n\n override pageTemplate(): TemplateResult {\n const { initialized } = this;\n if (!initialized) {\n return super.pageTemplate();\n }\n return html`\n ${this.navigationTemplate()}\n ${this.headerTemplate()}\n ${this.mainTemplate()}\n `;\n }\n\n protected override headerTemplate(): TemplateResult {\n const { root } = this;\n const rootTitle = root && root.info && root.info.name;\n const title = rootTitle \|\| 'Schema Designer';\n return html`\n <header>\n <h1 class=\"title-large\">${title}</h1>\n </header>\n `;\n }\n\n protected override navigationTemplate(): TemplateResult {\n return html`\n <schema-design-navigation\n class=\"nav\"\n .root=\"${this.root}\" \n .selected=\"${this.selected}\" \n @select=\"${this.navigationSelectionHandler}\"\n ></schema-design-navigation>\n `;\n }\n\n protected override mainTemplate(): TemplateResult {\n const { page } = this;\n if (page === '404') {\n return this.e404Template();\n }\n return html`\n <main class=\"body-medium ${page}\">\n <div class=\"content\">\n ${this.renderPage()}\n </div>\n </main>`;\n }\n\n protected e404Template(): TemplateResult {\n return html`\n <main>\n <div class=\"full-error\">\n <h2 class=\"headline-large\">Not found</h2>\n <p class=\"body-large\">\n The schema you are trying to open does not exist, was removed,\n or you lost access to it.\n </p>\n <ui-button type=\"filled\" @click=\"${this.openStart}\">Back to start</ui-button>\n </div>\n </main>`;\n }\n\n protected renderPage(): TemplateResult {\n switch (this.page) {\n // case 'namespace': return this._namespaceTemplate();\n case 'model': return this._dataModelTemplate();\n case 'entity': return this._entityTemplate();\n default: return this._emptySelectionTemplate();\n }\n }\n\n protected _emptySelectionTemplate(): TemplateResult {\n return html`\n <div class=\"empty-state body-large\">\n <p>Schema designer allows you to design data and translate them into schemas which then can be used in other tools \n to generate HTTP payloads and examples.</p>\n <p><b>Namespaces</b> helps you organize your data models. You can create as many namespaces as you need.</p>\n <p>Inside a namespaces put <b>data models</b>. They represent a logical structure of your data.</p>\n <p>An <b>entity</b> is a smallest part of your data. You can compose complex data structures through <b>entity associations</b>.</p>\n </div>\n `;\n }\n\n // protected _namespaceTemplate(): TemplateResult {\n // return html`\n // <p>TODO: Namespace view for ${this.selected}</p>\n // `;\n // }\n\n protected _dataModelTemplate(): TemplateResult {\n return html`\n <data-model-visualization .root=\"${this.root}\" .key=\"${this.selected}\"></data-model-visualization>\n `;\n }\n\n protected _entityTemplate(): TemplateResult {\n return html`\n <data-entity-editor .root=\"${this.root}\" .selected=\"${this.selected}\" @change=\"${this.entityChangeHandler}\" @namechange=\"${this.entityNameChangeHandler}\"></data-entity-editor>\n `;\n }\n}\n"]}

package/dist/store/HttpStore.js CHANGED Viewed

@@ -4,9 +4,6 @@ import { StoreSdk, RouteBuilder } from '@api-client/core/build/browser.js';
  * The client (web) side store.
  */
 export class HttpStore {
-    sdk;
-    url;
-    env;
     /**
      * @deprecated Use the `constructor(env: IConfigEnvironment)` constructor.
      * @param env The store environment to use.

package/dist/store/HttpStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HttpStore.js","sourceRoot":"","sources":["../../src/store/HttpStore.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAkB3E;;GAEG;AACH,MAAM,OAAO,SAAS;~~IACpB,GAAG,CAAW;IAEd,GAAG,CAAS;IAEZ,GAAG,CAAsB;IAEzB~~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","sourcesContent":["/* eslint-disable no-param-reassign /\nimport { StoreSdk, RouteBuilder } from '@api-client/core/build/browser.js';\nimport { IConfigEnvironment } from '../lib/config/Config.js';\n\nexport interface ISessionInitInfo {\n /\n The user access token to the store.\n /\n token: string;\n /\n When the token expires, if ever.\n /\n expires?: number;\n /\n Whether a new token was generated or the stored token is valid.\n /\n new: boolean;\n}\n\n/\n The client (web) side store.\n /\nexport class HttpStore {\n sdk: StoreSdk;\n\n url: string;\n\n env?: IConfigEnvironment;\n\n /\n @deprecated Use the `constructor(env: IConfigEnvironment)` constructor.\n * @param env The store environment to use.\n /\n static fromEnvironment(env: IConfigEnvironment): HttpStore {\n const { location } = env;\n const store = new HttpStore(location);\n store.env = env;\n return store;\n }\n\n /\n @deprecated Use the `constructor(env: IConfigEnvironment)` constructor.\n * @param url The store URL.\n /\n constructor(url: string);\n\n constructor(env: IConfigEnvironment);\n\n constructor(envOrUrl: string \| IConfigEnvironment) {\n if (!envOrUrl) {\n throw new Error(`Expected an argument.`);\n }\n if (typeof envOrUrl === 'string') {\n if (envOrUrl.endsWith('/')) {\n envOrUrl = envOrUrl.substring(0, envOrUrl.length - 1);\n }\n this.url = envOrUrl;\n this.sdk = new StoreSdk(envOrUrl);\n } else {\n this.env = envOrUrl;\n const { location } = envOrUrl;\n this.url = location;\n this.sdk = new StoreSdk(location);\n }\n }\n\n /\n Checks whether the environment has the token and whether this token \n * can make requests to the store.\n * \n * @param env Optional environment. By default is uses the one defined on the class.\n /\n async isAuthenticated(env = this.env): Promise<boolean> {\n if (!env) {\n throw new Error(`The environment either has to be set on the HttpStore class or passed as an argument.`);\n }\n const { token } = env;\n if (!token) {\n return false;\n }\n try {\n const meUri = this.sdk.getUrl(RouteBuilder.usersMe()).toString();\n const user = await this.sdk.http.get(meUri, { token });\n const ok = user.status === 200;\n if (ok) {\n env.authenticated = true;\n this.sdk.token = token;\n }\n return user.status === 200;\n } catch (e) {\n return false;\n }\n }\n\n /\n Creates a session in the store and authenticates the user when needed.\n * @param env Optional environment to authenticate if should be different than the current\n * @param force Forces logging in even when the token is valid.\n /\n async getStoreSessionToken(env = this.env, force = false): Promise<ISessionInitInfo> {\n if (!env) {\n throw new Error(`The environment either has to be set on the HttpStore class or passed as an argument.`);\n }\n const meUri = this.sdk.getUrl(RouteBuilder.usersMe()).toString();\n const result: ISessionInitInfo = {\n token: env.token \|\| '',\n expires: env.tokenExpires,\n new: false,\n };\n \n if (!force && result.token) {\n const user = await this.sdk.http.get(meUri, { token: result.token });\n if (user.status === 200) {\n env.authenticated = true;\n this.sdk.token = result.token;\n return result;\n }\n }\n\n result.token = '';\n delete result.expires;\n result.new = true;\n\n const info = await this.sdk.auth.createSession();\n result.token = info.token;\n this.sdk.token = info.token;\n env.token = info.token;\n env.authenticated = false;\n if (info.expires) {\n env.tokenExpires = info.expires 1000;\n }\n\n const user = await this.sdk.http.get(meUri, { token: result.token });\n \n if (user.status === 200) {\n env.authenticated = true;\n } else {\n await this.authenticateStore();\n env.authenticated = true;\n }\n return result;\n }\n\n /*\n Authenticates the user in the store.\n * Note, it opens the browser to the login endpoint.\n */\n async authenticateStore(): Promise<void> {\n const loginEndpoint = this.sdk.getUrl('/auth/login').toString();\n const result = await this.sdk.http.post(loginEndpoint);\n if (result.status !== 204) {\n throw new Error(`Unable to create the authorization session on the store. Invalid status code: ${result.status}.`);\n }\n const location = result.headers.get('location');\n if (!location) {\n throw new Error(`Unable to create the authorization session on the store. The location header is missing.`);\n }\n const authEndpoint = this.sdk.getUrl(location).toString();\n const handle = window.open(authEndpoint);\n if (!handle) {\n throw new Error(`Unable to open an auth window.`);\n }\n await this.sdk.auth.listenAuth('/events');\n handle.close();\n }\n}\n"]}
1	+ {"version":3,"file":"HttpStore.js","sourceRoot":"","sources":["../../src/store/HttpStore.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign /\nimport { StoreSdk, RouteBuilder } from '@api-client/core/build/browser.js';\nimport { IConfigEnvironment } from '../lib/config/Config.js';\n\nexport interface ISessionInitInfo {\n /\n The user access token to the store.\n /\n token: string;\n /\n When the token expires, if ever.\n /\n expires?: number;\n /\n Whether a new token was generated or the stored token is valid.\n /\n new: boolean;\n}\n\n/\n The client (web) side store.\n /\nexport class HttpStore {\n sdk: StoreSdk;\n\n url: string;\n\n env?: IConfigEnvironment;\n\n /\n @deprecated Use the `constructor(env: IConfigEnvironment)` constructor.\n * @param env The store environment to use.\n /\n static fromEnvironment(env: IConfigEnvironment): HttpStore {\n const { location } = env;\n const store = new HttpStore(location);\n store.env = env;\n return store;\n }\n\n /\n @deprecated Use the `constructor(env: IConfigEnvironment)` constructor.\n * @param url The store URL.\n /\n constructor(url: string);\n\n constructor(env: IConfigEnvironment);\n\n constructor(envOrUrl: string \| IConfigEnvironment) {\n if (!envOrUrl) {\n throw new Error(`Expected an argument.`);\n }\n if (typeof envOrUrl === 'string') {\n if (envOrUrl.endsWith('/')) {\n envOrUrl = envOrUrl.substring(0, envOrUrl.length - 1);\n }\n this.url = envOrUrl;\n this.sdk = new StoreSdk(envOrUrl);\n } else {\n this.env = envOrUrl;\n const { location } = envOrUrl;\n this.url = location;\n this.sdk = new StoreSdk(location);\n }\n }\n\n /\n Checks whether the environment has the token and whether this token \n * can make requests to the store.\n * \n * @param env Optional environment. By default is uses the one defined on the class.\n /\n async isAuthenticated(env = this.env): Promise<boolean> {\n if (!env) {\n throw new Error(`The environment either has to be set on the HttpStore class or passed as an argument.`);\n }\n const { token } = env;\n if (!token) {\n return false;\n }\n try {\n const meUri = this.sdk.getUrl(RouteBuilder.usersMe()).toString();\n const user = await this.sdk.http.get(meUri, { token });\n const ok = user.status === 200;\n if (ok) {\n env.authenticated = true;\n this.sdk.token = token;\n }\n return user.status === 200;\n } catch (e) {\n return false;\n }\n }\n\n /\n Creates a session in the store and authenticates the user when needed.\n * @param env Optional environment to authenticate if should be different than the current\n * @param force Forces logging in even when the token is valid.\n /\n async getStoreSessionToken(env = this.env, force = false): Promise<ISessionInitInfo> {\n if (!env) {\n throw new Error(`The environment either has to be set on the HttpStore class or passed as an argument.`);\n }\n const meUri = this.sdk.getUrl(RouteBuilder.usersMe()).toString();\n const result: ISessionInitInfo = {\n token: env.token \|\| '',\n expires: env.tokenExpires,\n new: false,\n };\n \n if (!force && result.token) {\n const user = await this.sdk.http.get(meUri, { token: result.token });\n if (user.status === 200) {\n env.authenticated = true;\n this.sdk.token = result.token;\n return result;\n }\n }\n\n result.token = '';\n delete result.expires;\n result.new = true;\n\n const info = await this.sdk.auth.createSession();\n result.token = info.token;\n this.sdk.token = info.token;\n env.token = info.token;\n env.authenticated = false;\n if (info.expires) {\n env.tokenExpires = info.expires 1000;\n }\n\n const user = await this.sdk.http.get(meUri, { token: result.token });\n \n if (user.status === 200) {\n env.authenticated = true;\n } else {\n await this.authenticateStore();\n env.authenticated = true;\n }\n return result;\n }\n\n /*\n Authenticates the user in the store.\n * Note, it opens the browser to the login endpoint.\n */\n async authenticateStore(): Promise<void> {\n const loginEndpoint = this.sdk.getUrl('/auth/login').toString();\n const result = await this.sdk.http.post(loginEndpoint);\n if (result.status !== 204) {\n throw new Error(`Unable to create the authorization session on the store. Invalid status code: ${result.status}.`);\n }\n const location = result.headers.get('location');\n if (!location) {\n throw new Error(`Unable to create the authorization session on the store. The location header is missing.`);\n }\n const authEndpoint = this.sdk.getUrl(location).toString();\n const handle = window.open(authEndpoint);\n if (!handle) {\n throw new Error(`Unable to open an auth window.`);\n }\n await this.sdk.auth.listenAuth('/events');\n handle.close();\n }\n}\n"]}

package/dist/store/UserCache.js CHANGED Viewed

@@ -5,12 +5,12 @@ import { ConfigBroadcastChannel } from "../lib/config/Config.js";
  * of requests to the backend requesting a user info.
  */
 class UserCache {
-    cached = new Map();
-    /**
-     * Application configuration broadcast channel.
-     */
-    configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);
     constructor() {
+        this.cached = new Map();
+        /**
+         * Application configuration broadcast channel.
+         */
+        this.configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);
         this.configBroadcast.addEventListener('message', this.handleConfigBroadcast.bind(this));
     }
     async getUser(key) {

package/dist/store/UserCache.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserCache.js","sourceRoot":"","sources":["../../src/store/UserCache.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAmB,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,SAAS;~~IACH~~,~~MAAM~~,GAAG,IAAI,GAAG,EAA6B,CAAC;~~IAExD~~;;~~OAEG~~;~~IACO~~,~~eAAe~~,GAAG,IAAI,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;~~IAEzE;QACE~~,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzF,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,GAAW;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QACD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK,CAAC,WAAW,CAAC,GAAW;QACrC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjD,OAAO,MAAM,CAAC;SACf;QAAC,OAAO,CAAC,EAAE;YACV,OAAO;SACR;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,qBAAqB,CAAC,CAAe;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,IAAuB,CAAC;QACxC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,IAAI,KAAK,wBAAwB,EAAE;YACrC,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;SACzB;aAAM,IAAI,IAAI,KAAK,iBAAiB,EAAE;YACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAgC,CAAC;YACpD,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;aACzB;SACF;IACH,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AACjC,eAAe,QAAQ,CAAC","sourcesContent":["import { IUser } from \"@api-client/core/build/browser.js\";\nimport { AddConfigEnvironmentInit } from \"../bindings/base/ConfigurationBindings.js\";\nimport { Events } from \"../events/Events.js\";\nimport { ConfigBroadcast, ConfigBroadcastChannel } from \"../lib/config/Config.js\";\n\n/*\n A class that caches user info in memory so the application reduces the number\n * of requests to the backend requesting a user info.\n /\nclass UserCache {\n protected cached = new Map<string, IUser \| undefined>();\n\n /\n Application configuration broadcast channel.\n */\n protected configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);\n\n constructor() {\n this.configBroadcast.addEventListener('message', this.handleConfigBroadcast.bind(this))\n }\n\n async getUser(key: string): Promise<IUser \| undefined> {\n const existing = this.cached.get(key);\n if (existing) {\n return existing;\n }\n const read = await this.requestUser(key);\n this.cached.set(key, read);\n return read;\n }\n\n protected async requestUser(key: string): Promise<IUser \| undefined> {\n try {\n const result = await Events.Store.User.read(key);\n return result;\n } catch (e) {\n // ....\n }\n return undefined;\n }\n\n protected handleConfigBroadcast(e: MessageEvent): void {\n const event = e.data as ConfigBroadcast;\n const { path } = event;\n if (path === 'environment.setDefault') {\n this.cached = new Map();\n } else if (path === 'environment.add') {\n const init = event.init as AddConfigEnvironmentInit;\n if (init.asDefault) {\n this.cached = new Map();\n }\n }\n }\n}\n\nconst instance = new UserCache();\nexport default instance;\n"]}
1	+ {"version":3,"file":"UserCache.js","sourceRoot":"","sources":["../../src/store/UserCache.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAmB,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,SAAS;IAQb;QAPU,WAAM,GAAG,IAAI,GAAG,EAA6B,CAAC;QAExD;;WAEG;QACO,oBAAe,GAAG,IAAI,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;QAGvE,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzF,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,GAAW;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QACD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK,CAAC,WAAW,CAAC,GAAW;QACrC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjD,OAAO,MAAM,CAAC;SACf;QAAC,OAAO,CAAC,EAAE;YACV,OAAO;SACR;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,qBAAqB,CAAC,CAAe;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,IAAuB,CAAC;QACxC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,IAAI,IAAI,KAAK,wBAAwB,EAAE;YACrC,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;SACzB;aAAM,IAAI,IAAI,KAAK,iBAAiB,EAAE;YACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAgC,CAAC;YACpD,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;aACzB;SACF;IACH,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AACjC,eAAe,QAAQ,CAAC","sourcesContent":["import { IUser } from \"@api-client/core/build/browser.js\";\nimport { AddConfigEnvironmentInit } from \"../bindings/base/ConfigurationBindings.js\";\nimport { Events } from \"../events/Events.js\";\nimport { ConfigBroadcast, ConfigBroadcastChannel } from \"../lib/config/Config.js\";\n\n/*\n A class that caches user info in memory so the application reduces the number\n * of requests to the backend requesting a user info.\n /\nclass UserCache {\n protected cached = new Map<string, IUser \| undefined>();\n\n /\n Application configuration broadcast channel.\n */\n protected configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);\n\n constructor() {\n this.configBroadcast.addEventListener('message', this.handleConfigBroadcast.bind(this))\n }\n\n async getUser(key: string): Promise<IUser \| undefined> {\n const existing = this.cached.get(key);\n if (existing) {\n return existing;\n }\n const read = await this.requestUser(key);\n this.cached.set(key, read);\n return read;\n }\n\n protected async requestUser(key: string): Promise<IUser \| undefined> {\n try {\n const result = await Events.Store.User.read(key);\n return result;\n } catch (e) {\n // ....\n }\n return undefined;\n }\n\n protected handleConfigBroadcast(e: MessageEvent): void {\n const event = e.data as ConfigBroadcast;\n const { path } = event;\n if (path === 'environment.setDefault') {\n this.cached = new Map();\n } else if (path === 'environment.add') {\n const init = event.init as AddConfigEnvironmentInit;\n if (init.asDefault) {\n this.cached = new Map();\n }\n }\n }\n}\n\nconst instance = new UserCache();\nexport default instance;\n"]}

package/dist/styles/m3/surface.module.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"surface.module.d.ts","sourceRoot":"","sources":["../../../src/styles/m3/surface.module.ts"],"names":[],"mappings":";AAEA,~~wBAsDE~~"}
1	+ {"version":3,"file":"surface.module.d.ts","sourceRoot":"","sources":["../../../src/styles/m3/surface.module.ts"],"names":[],"mappings":";AAEA,wBAsCE"}

package/dist/styles/m3/surface.module.js CHANGED Viewed

@@ -5,44 +5,28 @@ export default css `
 .surface3,
 .surface4,
 .surface5 {
-  /* background-color: var(--md-sys-color-surface); */
   color: var(--md-sys-color-on-surface);
-  position: relative;
-  z-index: 0;
-}
-.surface1::before,
-.surface2::before,
-.surface3::before,
-.surface4::before,
-.surface5::before {
-  content: '';
-  background-color: var(--md-sys-color-primary);
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  z-index: -1;
 }
-.surface1::before {
-  opacity: .05;
+.surface1 {
+  background-color: var(--md-sys-color-primary-05a);
 }
-.surface2::before {
-  /* opacity: .08; */
-  opacity: .05;
+.surface2 {
+  /* background-color: var(--md-sys-color-primary-08a); */
+  background-color: var(--md-sys-color-primary-05a);
 }
-.surface3::before {
-  opacity: .11;
+.surface3 {
+  background-color: var(--md-sys-color-primary-11a);
 }
-.surface4::before {
-  opacity: .12;
+.surface4 {
+  background-color: var(--md-sys-color-primary-12a);
 }
-.surface5::before {
-  opacity: .13;
+.surface5 {
+  background-color: var(--md-sys-color-primary-13a);
 }
 /* .surface1 > *,

package/dist/styles/m3/surface.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"surface.module.js","sourceRoot":"","sources":["../../../src/styles/m3/surface.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDjB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n.surface1,\n.surface2,\n.surface3,\n.surface4,\n.surface5 {\n ~~/* background-~~color: var(--md-sys-color-~~surface); /\n color: var(--md-sys-color-~~on-surface);\n ~~position: relative;\n z-index: 0;\n~~}\n\n.surface1~~::before,\n.surface2::before,\n.surface3::before,\n.surface4::before,\n.surface5::before~~ {\n ~~content: '';\n~~ background-color: var(--md-sys-color-primary);\n ~~position: absolute;\n inset: 0;\n border-radius: inherit;\n z-index: -1;\n~~}\n\n.~~surface1::before {\n opacity: .05;\n}\n\n.~~surface2~~::before~~ {\n / ~~opacity~~: ~~.08~~; /\n ~~opacity~~: ~~.05~~;\n}\n\n.surface3~~::before~~ {\n ~~opacity~~: ~~.11~~;\n}\n\n.surface4~~::before~~ {\n ~~opacity~~: ~~.12~~;\n}\n\n.surface5~~::before~~ {\n ~~opacity~~: ~~.13~~;\n}\n\n/ .surface1 > ,\n.surface2 > ,\n.surface3 > ,\n.surface4 > ,\n.surface5 > * {\n position: relative;\n z-index: 1;\n} */\n`;\n"]}
1	+ {"version":3,"file":"surface.module.js","sourceRoot":"","sources":["../../../src/styles/m3/surface.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n.surface1,\n.surface2,\n.surface3,\n.surface4,\n.surface5 {\n color: var(--md-sys-color-on-surface);\n}\n\n.surface1 {\n background-color: var(--md-sys-color-primary-05a);\n}\n\n.surface2 {\n /* background-color: var(--md-sys-color-primary-08a); /\n background-color: var(--md-sys-color-primary-05a);\n}\n\n.surface3 {\n background-color: var(--md-sys-color-primary-11a);\n}\n\n.surface4 {\n background-color: var(--md-sys-color-primary-12a);\n}\n\n.surface5 {\n background-color: var(--md-sys-color-primary-13a);\n}\n\n/ .surface1 > ,\n.surface2 > ,\n.surface3 > ,\n.surface4 > ,\n.surface5 > * {\n position: relative;\n z-index: 1;\n} */\n`;\n"]}

package/dist/ui/UiElement.d.ts CHANGED Viewed

@@ -89,5 +89,9 @@ export declare abstract class UiElement extends LitElement implements ActionCont
      * template element with `@keyup="${this.handleKeyUp}"`
      */
     handleKeyUp(e: KeyboardEvent): void;
+    /**
+     * A common way for an element to notify a change.
+     */
+    notifyChange(): void;
 }
 //# sourceMappingURL=UiElement.d.ts.map

package/dist/ui/UiElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiElement.d.ts","sourceRoot":"","sources":["../../src/ui/UiElement.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE7H;;;;;GAKG;AACH,8BAAsB,SAAU,SAAQ,UAAW,YAAW,oBAAoB;IAChF;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE3B,SAAS,CAAC,gBAAgB,mBAA8B;IAExD;;OAEG;IACM,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAErC;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI3C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,cAAc,GAAG,IAAI;IAWzD;;;;OAIG;IACH,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIxC;;;;OAIG;IACH,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAItC;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAI1C;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIzC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAIhC;;;;OAIG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;;OAIG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAIrC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;~~CAGpC~~"}
1	+ {"version":3,"file":"UiElement.d.ts","sourceRoot":"","sources":["../../src/ui/UiElement.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE7H;;;;;GAKG;AACH,8BAAsB,SAAU,SAAQ,UAAW,YAAW,oBAAoB;IAChF;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE3B,SAAS,CAAC,gBAAgB,mBAA8B;IAExD;;OAEG;IACM,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAErC;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI3C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,cAAc,GAAG,IAAI;IAWzD;;;;OAIG;IACH,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIxC;;;;OAIG;IACH,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAItC;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAI1C;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIzC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAIhC;;;;OAIG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;;OAIG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAIrC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAInC;;OAEG;IACH,YAAY,IAAI,IAAI;CAGrB"}

package/dist/ui/UiElement.js CHANGED Viewed

@@ -15,11 +15,10 @@ import { ActionController } from "./controllers/ActionController.js";
  * @fires action - An event dispatched when the UI element was activated (pointer, keyboard).
  */
 export class UiElement extends LitElement {
-    actionController = new ActionController(this);
-    /**
-     * Indicates the component is in the pressed state.
-     */
-    pressed;
+    constructor() {
+        super(...arguments);
+        this.actionController = new ActionController(this);
+    }
     /**
      * Hook method called when we've confirmed that the gesture is intended to be
      * a press. Subclasses should change the visual state of the control to
@@ -114,6 +113,12 @@ export class UiElement extends LitElement {
     handleKeyUp(e) {
         this.actionController.keyUp(e);
     }
+    /**
+     * A common way for an element to notify a change.
+     */
+    notifyChange() {
+        this.dispatchEvent(new Event('change'));
+    }
 }
 __decorate([
     state()

package/dist/ui/UiElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiElement.js","sourceRoot":"","sources":["../../src/ui/UiElement.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAA0D,MAAM,mCAAmC,CAAC;AAE7H;;;;;GAKG;AACH,MAAM,OAAgB,SAAU,SAAQ,UAAU;~~IAOtC~~,~~gBAAgB~~,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;~~IAExD;;OAEG;IACgB~~,~~OAAO,CAAW~~;~~IAErC~~;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAyB;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAkB;QAChD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBAC3C,MAAM,EAAE,UAAU;gBAClB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,CAAe;QAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,CAAe;QACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAa;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,CAAgB;QAC5B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAgB;QAC1B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;CACF;~~AAzGU~~;IAAR,KAAK,EAAE;0CAA6B","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n\nimport { LitElement } from \"lit\";\nimport { state } from \"lit/decorators.js\";\nimport { ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig } from \"./controllers/ActionController.js\";\n\n/\n The base class for all API Client's base UI elements.\n * Only contains logic to be applied to all UI elements.\n * \n * @fires action - An event dispatched when the UI element was activated (pointer, keyboard).\n /\nexport abstract class UiElement extends LitElement implements ActionControllerHost {\n /\n ActionController needs to know if the component is disabled, so subclasses\n * must implement a `disabled` property.\n /\n abstract disabled: boolean;\n\n protected actionController = new ActionController(this);\n\n /\n Indicates the component is in the pressed state.\n /\n @state() protected pressed?: boolean;\n\n /\n Hook method called when we've confirmed that the gesture is intended to be\n * a press. Subclasses should change the visual state of the control to\n * 'active' at this point, and possibly fire an event. Subclasses should\n * override this method if more needs to be done.\n \n @param options `positionEvent` is the Event that is considered the\n * beginning of the press. Null if this was a keyboard interaction.\n /\n beginPress(options: BeginPressConfig): void { \n this.pressed = true;\n }\n\n /\n Hook method called when the control goes from a pressed to unpressed\n * state.\n \n @param options If `cancelled` is true, means the user canceled the action.\n * Subclasses which trigger events on endPress() should check the value\n * of this flag, and modify their behavior accordingly.\n /\n endPress({ cancelled, actionData }: EndPressConfig): void {\n this.pressed = false;\n if (!cancelled) {\n this.dispatchEvent(new CustomEvent('action', {\n detail: actionData,\n bubbles: true,\n composed: true,\n }));\n }\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n /\n handlePointerDown(e: PointerEvent): void {\n this.actionController.pointerDown(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerup=\"${this.handlePointerUp}\"`\n /\n handlePointerUp(e: PointerEvent): void {\n this.actionController.pointerUp(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n /\n handlePointerCancel(e: PointerEvent): void {\n this.actionController.pointerCancel(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n /\n handlePointerLeave(e: PointerEvent): void {\n this.actionController.pointerLeave(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@click=\"${this.handleClick}\"`\n /\n handleClick(e: MouseEvent): void {\n this.actionController.click(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n /\n handleContextMenu(): void {\n this.actionController.contextMenu();\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keydown=\"${this.handleKeyDown}\"`\n /\n handleKeyDown(e: KeyboardEvent): void {\n this.actionController.keyDown(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keyup=\"${this.handleKeyUp}\"`\n */\n handleKeyUp(e: KeyboardEvent): void {\n this.actionController.keyUp(e);\n }\n}\n"]}
1	+ {"version":3,"file":"UiElement.js","sourceRoot":"","sources":["../../src/ui/UiElement.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAA0D,MAAM,mCAAmC,CAAC;AAE7H;;;;;GAKG;AACH,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAOY,qBAAgB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAqH1D,CAAC;IA9GC;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAyB;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAkB;QAChD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBAC3C,MAAM,EAAE,UAAU;gBAClB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,CAAe;QAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,CAAe;QACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAa;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,CAAgB;QAC5B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAgB;QAC1B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED;;OAEG;IACH,YAAY;QACV,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;CACF;AAhHU;IAAR,KAAK,EAAE;0CAA6B","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/\n @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n /\n\nimport { LitElement } from \"lit\";\nimport { state } from \"lit/decorators.js\";\nimport { ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig } from \"./controllers/ActionController.js\";\n\n/\n The base class for all API Client's base UI elements.\n * Only contains logic to be applied to all UI elements.\n * \n * @fires action - An event dispatched when the UI element was activated (pointer, keyboard).\n /\nexport abstract class UiElement extends LitElement implements ActionControllerHost {\n /\n ActionController needs to know if the component is disabled, so subclasses\n * must implement a `disabled` property.\n /\n abstract disabled: boolean;\n\n protected actionController = new ActionController(this);\n\n /\n Indicates the component is in the pressed state.\n /\n @state() protected pressed?: boolean;\n\n /\n Hook method called when we've confirmed that the gesture is intended to be\n * a press. Subclasses should change the visual state of the control to\n * 'active' at this point, and possibly fire an event. Subclasses should\n * override this method if more needs to be done.\n \n @param options `positionEvent` is the Event that is considered the\n * beginning of the press. Null if this was a keyboard interaction.\n /\n beginPress(options: BeginPressConfig): void { \n this.pressed = true;\n }\n\n /\n Hook method called when the control goes from a pressed to unpressed\n * state.\n \n @param options If `cancelled` is true, means the user canceled the action.\n * Subclasses which trigger events on endPress() should check the value\n * of this flag, and modify their behavior accordingly.\n /\n endPress({ cancelled, actionData }: EndPressConfig): void {\n this.pressed = false;\n if (!cancelled) {\n this.dispatchEvent(new CustomEvent('action', {\n detail: actionData,\n bubbles: true,\n composed: true,\n }));\n }\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n /\n handlePointerDown(e: PointerEvent): void {\n this.actionController.pointerDown(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerup=\"${this.handlePointerUp}\"`\n /\n handlePointerUp(e: PointerEvent): void {\n this.actionController.pointerUp(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n /\n handlePointerCancel(e: PointerEvent): void {\n this.actionController.pointerCancel(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n /\n handlePointerLeave(e: PointerEvent): void {\n this.actionController.pointerLeave(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@click=\"${this.handleClick}\"`\n /\n handleClick(e: MouseEvent): void {\n this.actionController.click(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n /\n handleContextMenu(): void {\n this.actionController.contextMenu();\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keydown=\"${this.handleKeyDown}\"`\n /\n handleKeyDown(e: KeyboardEvent): void {\n this.actionController.keyDown(e);\n }\n\n /\n Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keyup=\"${this.handleKeyUp}\"`\n /\n handleKeyUp(e: KeyboardEvent): void {\n this.actionController.keyUp(e);\n }\n\n /\n A common way for an element to notify a change.\n */\n notifyChange(): void {\n this.dispatchEvent(new Event('change'));\n }\n}\n"]}

package/dist/ui/button/SegmentedButton.js CHANGED Viewed

@@ -12,15 +12,17 @@ import { check } from "../icons/Icons.js";
  * @slot icon - A slot to render an icon.
  */
 export default class SegmentedButton extends Button {
-    ripple;
-    /**
-     * Whether the button is selected.
-     * @attribute
-     */
-    selected = false;
-    leadingIcons;
     constructor() {
         super();
+        /**
+         * Whether the button is selected.
+         * @attribute
+         */
+        this.selected = false;
+        this.renderRipple = () => {
+            const { disabled } = this;
+            return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
+        };
         this.addEventListener('pointerenter', this.handlePointerEnter.bind(this));
     }
     beginPress(options) {
@@ -92,10 +94,6 @@ export default class SegmentedButton extends Button {
         });
         return html `<span class="${iconClasses}" role="presentation">${check}</span>`;
     }
-    renderRipple = () => {
-        const { disabled } = this;
-        return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
-    };
 }
 __decorate([
     query('ui-ripple')

package/dist/ui/button/SegmentedButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedButton.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,MAAM;~~IAC7B~~,~~MAAM~~,~~CAAY~~;~~IAEtC~~;;;~~OAGG~~;~~IAC0B~~,~~QAAQ~~,GAAG,KAAK,CAAC;~~IAEoB~~,~~YAAY~~,~~CAAiB~~;~~IAE/F;QACE~~,~~KAAK~~,EAAE,CAAC;~~QACR~~,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IAEQ,UAAU,CAAC,OAAyB;QAC3C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC;IAEQ,QAAQ,CAAC,OAAuB;QACvC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAEvB,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7E;IACH,CAAC;IAES,kBAAkB,CAAC,CAAe;QAC1C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC;IAEQ,kBAAkB,CAAC,CAAe;QACzC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAES,oBAAoB;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC;QACnD,MAAM,cAAc,GAAG,QAAQ,CAAC;YAC9B,OAAO,EAAE,IAAI;YACb,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;kBACG,cAAc,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;QACtD,IAAI,CAAC,YAAY,EAAE;;UAEjB,IAAI,CAAC,cAAc,EAAE;;;;KAI1B,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,OAAO,GAAc;YACzB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM;SAClD,CAAA;QACD,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,aAAa,EAAE;;KAEvB,CAAC;IACJ,CAAC;IAES,iBAAiB;QACzB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9B,MAAM,OAAO,GAAc;YACzB,cAAc,EAAE,IAAI;YACpB,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM;YAClC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;SACxB,CAAA;QACD,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC,oCAAoC,IAAI,CAAC,oBAAoB;KAC3F,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,WAAW,GAAG,QAAQ,CAAC;YAC3B,YAAY,EAAE,IAAI;YAClB,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;SACzB,CAAC,CAAC;QACH,OAAO,IAAI,CAAA,gBAAgB,WAAW,yBAAyB,KAAK,SAAS,CAAC;IAChF,CAAC;~~IAES,YAAY,GAAG,GAAmB,EAAE~~;~~QAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,OAAO,IAAI,CAAA,wCAAwC,QAAQ,gBAAgB,CAAC;IAC9E,CAAC,CAAC;CACH;~~AAnGqB;IAAnB,KAAK,CAAC,WAAW,CAAC;+CAAmB;AAMT;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAkB;AAEU;IAAvD,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAwC","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property, query, queryAssignedElements } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport { Button } from \"./Button.js\";\nimport UiRipple from \"../effects/ripple.js\";\nimport { BeginPressConfig, EndPressConfig } from \"../controllers/ActionController.js\";\nimport { ripple } from \"../effects/rippleDirective.js\";\nimport '../../define/ui/ui-ripple.js';\nimport { check } from \"../icons/Icons.js\";\n\n/*\n @fires trigger - When a button is triggered.\n * @slot - Default slot for the label\n * @slot icon - A slot to render an icon.\n /\nexport default class SegmentedButton extends Button {\n @query('ui-ripple') ripple!: UiRipple;\n\n /\n Whether the button is selected.\n * @attribute\n */\n @property({ type: Boolean }) selected = false;\n\n @queryAssignedElements({ flatten: true, slot: 'icon' }) protected leadingIcons!: HTMLElement[];\n\n constructor() {\n super();\n this.addEventListener('pointerenter', this.handlePointerEnter.bind(this));\n }\n\n override beginPress(options: BeginPressConfig): void {\n super.beginPress(options);\n this.ripple.beginPress(options.positionEvent);\n }\n\n override endPress(options: EndPressConfig): void {\n super.endPress(options);\n this.ripple.endPress();\n\n if (!options.cancelled) {\n this.dispatchEvent(new Event('trigger', { bubbles: true, composed: true }));\n }\n }\n\n protected handlePointerEnter(e: PointerEvent): void {\n this.ripple.beginHover(e);\n }\n\n override handlePointerLeave(e: PointerEvent): void {\n super.handlePointerLeave(e);\n this.ripple.endHover();\n }\n\n protected handleIconSlotChange(): void {\n this.requestUpdate();\n }\n\n protected override render(): TemplateResult {\n const { pressed = false, selected = false } = this;\n const surfaceClasses = classMap({\n surface: true,\n pressed,\n selected,\n });\n\n return html`\n <div class=\"${surfaceClasses}\" ${ripple(() => this.ripple)}>\n ${this.renderRipple()}\n <div class=\"content\">\n ${this.leadingContent()} \n <slot></slot>\n </div>\n </div>\n `;\n }\n\n protected leadingContent(): TemplateResult {\n const { leadingIcons } = this;\n const classes: ClassInfo = {\n 'leading': true,\n visible: !!this.selected \|\| !!leadingIcons.length,\n }\n return html`\n <div class=\"${classMap(classes)}\">\n ${this.renderLeadingIcon()}\n ${this.renderChecked()}\n </div>\n `;\n }\n\n protected renderLeadingIcon(): TemplateResult {\n const { leadingIcons } = this;\n const classes: ClassInfo = {\n 'leading-icon': true,\n 'with-icon': !!leadingIcons.length,\n hidden: !!this.selected,\n }\n return html`\n <div class=\"${classMap(classes)}\"><slot name=\"icon\" @slotchange=\"${this.handleIconSlotChange}\"></slot></div>\n `;\n }\n\n protected renderChecked(): TemplateResult {\n const iconClasses = classMap({\n 'check-mark': true,\n checked: !!this.selected,\n });\n return html`<span class=\"${iconClasses}\" role=\"presentation\">${check}</span>`;\n }\n\n protected renderRipple = (): TemplateResult => {\n const { disabled } = this;\n return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n };\n}\n"]}
1	+ {"version":3,"file":"SegmentedButton.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property, query, queryAssignedElements } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport { Button } from \"./Button.js\";\nimport UiRipple from \"../effects/ripple.js\";\nimport { BeginPressConfig, EndPressConfig } from \"../controllers/ActionController.js\";\nimport { ripple } from \"../effects/rippleDirective.js\";\nimport '../../define/ui/ui-ripple.js';\nimport { check } from \"../icons/Icons.js\";\n\n/*\n @fires trigger - When a button is triggered.\n * @slot - Default slot for the label\n * @slot icon - A slot to render an icon.\n /\nexport default class SegmentedButton extends Button {\n @query('ui-ripple') ripple!: UiRipple;\n\n /\n Whether the button is selected.\n * @attribute\n */\n @property({ type: Boolean }) selected = false;\n\n @queryAssignedElements({ flatten: true, slot: 'icon' }) protected leadingIcons!: HTMLElement[];\n\n constructor() {\n super();\n this.addEventListener('pointerenter', this.handlePointerEnter.bind(this));\n }\n\n override beginPress(options: BeginPressConfig): void {\n super.beginPress(options);\n this.ripple.beginPress(options.positionEvent);\n }\n\n override endPress(options: EndPressConfig): void {\n super.endPress(options);\n this.ripple.endPress();\n\n if (!options.cancelled) {\n this.dispatchEvent(new Event('trigger', { bubbles: true, composed: true }));\n }\n }\n\n protected handlePointerEnter(e: PointerEvent): void {\n this.ripple.beginHover(e);\n }\n\n override handlePointerLeave(e: PointerEvent): void {\n super.handlePointerLeave(e);\n this.ripple.endHover();\n }\n\n protected handleIconSlotChange(): void {\n this.requestUpdate();\n }\n\n protected override render(): TemplateResult {\n const { pressed = false, selected = false } = this;\n const surfaceClasses = classMap({\n surface: true,\n pressed,\n selected,\n });\n\n return html`\n <div class=\"${surfaceClasses}\" ${ripple(() => this.ripple)}>\n ${this.renderRipple()}\n <div class=\"content\">\n ${this.leadingContent()} \n <slot></slot>\n </div>\n </div>\n `;\n }\n\n protected leadingContent(): TemplateResult {\n const { leadingIcons } = this;\n const classes: ClassInfo = {\n 'leading': true,\n visible: !!this.selected \|\| !!leadingIcons.length,\n }\n return html`\n <div class=\"${classMap(classes)}\">\n ${this.renderLeadingIcon()}\n ${this.renderChecked()}\n </div>\n `;\n }\n\n protected renderLeadingIcon(): TemplateResult {\n const { leadingIcons } = this;\n const classes: ClassInfo = {\n 'leading-icon': true,\n 'with-icon': !!leadingIcons.length,\n hidden: !!this.selected,\n }\n return html`\n <div class=\"${classMap(classes)}\"><slot name=\"icon\" @slotchange=\"${this.handleIconSlotChange}\"></slot></div>\n `;\n }\n\n protected renderChecked(): TemplateResult {\n const iconClasses = classMap({\n 'check-mark': true,\n checked: !!this.selected,\n });\n return html`<span class=\"${iconClasses}\" role=\"presentation\">${check}</span>`;\n }\n\n protected renderRipple = (): TemplateResult => {\n const { disabled } = this;\n return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n };\n}\n"]}

package/dist/ui/button/SegmentedButton.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedButton.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.styles.ts"],"names":[],"mappings":";AAEA,~~wBAmGE~~"}
1	+ {"version":3,"file":"SegmentedButton.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.styles.ts"],"names":[],"mappings":";AAEA,wBAqGE"}

package/dist/ui/button/SegmentedButton.styles.js CHANGED Viewed

@@ -23,7 +23,7 @@ export default css `
   text-decoration: var(--md-sys-typescale-label-large-text-decoration);
   border: 1px var(--md-sys-color-outline) solid;
-  color: 1px var(--md-sys-color-on-surface) solid;
+  color: var(--md-sys-color-on-surface);
   box-sizing: border-box;
 }
@@ -78,6 +78,8 @@ export default css `
   display: block;
   width: 0px;
   height: inherit;
+  fill: var(--md-sys-color-on-surface);
 }
 .check-mark {

package/dist/ui/button/SegmentedButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedButton.styles.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGjB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n display: inline-block;\n vertical-align: middle;\n box-sizing: content-box;\n writing-mode: horizontal-tb !important;\n text-rendering: auto;\n cursor: default;\n user-select: none;\n height: 40px;\n width: 100%;\n min-width: 48px;\n -webkit-tap-highlight-color: transparent;\n\n font-family: var(--md-sys-typescale-label-large-font-family-name);\n font-style: var(--md-sys-typescale-label-large-font-family-style);\n font-weight: var(--md-sys-typescale-label-large-font-weight, 500);\n font-size: var(--md-sys-typescale-label-large-font-size, 14px);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n text-transform: var(--md-sys-typescale-label-large-text-transform);\n text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n\n border: 1px var(--md-sys-color-outline) solid;\n color: ~~1px~~ var(--md-sys-color-on-surface) ~~solid~~;\n box-sizing: border-box;\n}\n\n.surface {\n width: inherit;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: inherit;\n}\n\n.surface.selected {\n background-color: var(--md-sys-color-secondary-container);\n}\n\n.content {\n z-index: 3;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n padding: 0px 20px 0px 24px;\n white-space: nowrap;\n \n width: inherit;\n height: inherit;\n}\n\n.ripple {\n z-index: 3;\n border-radius: inherit;\n}\n\n.leading {\n position: relative;\n width: 0;\n height: 18px;\n transition: width 230ms var(--md-sys-animation-easing-standard);\n}\n\n.leading.visible {\n width: 18px;\n margin-right: 8px;\n}\n\n.check-mark,\n.leading-icon {\n position: absolute;\n overflow: hidden;\n display: block;\n width: 0px;\n height: inherit;\n}\n\n.check-mark {\n transition: width 230ms var(--md-sys-animation-easing-standard);\n}\n\n.check-mark.checked {\n width: 18px;\n}\n\n.leading-icon.with-icon {\n margin-right: 12px;\n width: 18px;\n display: flex;\n align-items: center;\n}\n\n.leading-icon.with-icon.hidden {\n display: none;\n}\n`;\n"]}
1	+ {"version":3,"file":"SegmentedButton.styles.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n display: inline-block;\n vertical-align: middle;\n box-sizing: content-box;\n writing-mode: horizontal-tb !important;\n text-rendering: auto;\n cursor: default;\n user-select: none;\n height: 40px;\n width: 100%;\n min-width: 48px;\n -webkit-tap-highlight-color: transparent;\n\n font-family: var(--md-sys-typescale-label-large-font-family-name);\n font-style: var(--md-sys-typescale-label-large-font-family-style);\n font-weight: var(--md-sys-typescale-label-large-font-weight, 500);\n font-size: var(--md-sys-typescale-label-large-font-size, 14px);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n text-transform: var(--md-sys-typescale-label-large-text-transform);\n text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n\n border: 1px var(--md-sys-color-outline) solid;\n color: var(--md-sys-color-on-surface);\n box-sizing: border-box;\n}\n\n.surface {\n width: inherit;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: inherit;\n}\n\n.surface.selected {\n background-color: var(--md-sys-color-secondary-container);\n}\n\n.content {\n z-index: 3;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n padding: 0px 20px 0px 24px;\n white-space: nowrap;\n \n width: inherit;\n height: inherit;\n}\n\n.ripple {\n z-index: 3;\n border-radius: inherit;\n}\n\n.leading {\n position: relative;\n width: 0;\n height: 18px;\n transition: width 230ms var(--md-sys-animation-easing-standard);\n}\n\n.leading.visible {\n width: 18px;\n margin-right: 8px;\n}\n\n.check-mark,\n.leading-icon {\n position: absolute;\n overflow: hidden;\n display: block;\n width: 0px;\n height: inherit;\n\n fill: var(--md-sys-color-on-surface);\n}\n\n.check-mark {\n transition: width 230ms var(--md-sys-animation-easing-standard);\n}\n\n.check-mark.checked {\n width: 18px;\n}\n\n.leading-icon.with-icon {\n margin-right: 12px;\n width: 18px;\n display: flex;\n align-items: center;\n}\n\n.leading-icon.with-icon.hidden {\n display: none;\n}\n`;\n"]}

package/dist/ui/button/SegmentedButtonsSet.js CHANGED Viewed

@@ -6,15 +6,14 @@ import { UiElement } from "../UiElement.js";
  * @fires select - When button's selection change.
  */
 export default class SegmentedButtonsSet extends UiElement {
-    disabled = false;
-    /**
-     * Whether multiple buttons can be selected at once.
-     * @attribute
-     */
-    multiselect = false;
-    buttons;
     constructor() {
         super();
+        this.disabled = false;
+        /**
+         * Whether multiple buttons can be selected at once.
+         * @attribute
+         */
+        this.multiselect = false;
         this.addEventListener('trigger', this.handleButtonTrigger.bind(this));
     }
     connectedCallback() {

package/dist/ui/button/SegmentedButtonsSet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedButtonsSet.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButtonsSet.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,SAAS;~~IACxD~~,~~QAAQ~~,~~GAAG~~,~~KAAK,~~CAAC;~~IAEjB;;;OAGG;IAC0B~~,~~WAAW~~,GAAG,KAAK,CAAC;~~IAEP~~,~~OAAO~~,~~CAAqB;IAEtE;QACE~~,KAAK,~~EAAE,~~CAAC;~~QACR~~,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC5C,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;IACtC,CAAC;IAED,iBAAiB,CAAC,KAAa,EAAE,QAAiB;QAChD,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO;QACtC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1C,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC5C,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;IACtC,CAAC;IAED,iBAAiB,CAAC,KAAa,EAAE,QAAiB;QAChD,8BAA8B;QAC9B,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO;QACtC,2BAA2B;QAC3B,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;YAAE,OAAO;QAEzC,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC7B,OAAO;SACR;QAED,wDAAwD;QACxD,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,gDAAgD;QAChD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,KAAK;gBAAE,SAAS;YAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;SAClC;IACH,CAAC;IAEO,mBAAmB,CAAC,CAAQ;QAClC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;QAChE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAEO,aAAa,CAAC,KAAa;QACjC,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IACnD,CAAC;IAEO,gBAAgB,CAAC,KAAa;QACpC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC3C,MAAM,EAAE;gBACN,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC3B,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ;gBACtC,KAAK;aACN;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF;AAjF8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAqB;AAEP;IAAzC,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAA6B","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport SegmentedButton from \"./SegmentedButton.js\";\n\n/*\n @fires select - When button's selection change.\n /\nexport default class SegmentedButtonsSet extends UiElement {\n disabled = false;\n\n /\n Whether multiple buttons can be selected at once.\n * @attribute\n */\n @property({ type: Boolean }) multiselect = false;\n\n @queryAssignedElements({ flatten: true }) buttons!: SegmentedButton[];\n\n constructor() {\n super();\n this.addEventListener('trigger', this.handleButtonTrigger.bind(this));\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'group');\n }\n\n isButtonDisabled(index: number): boolean {\n if (this.isOutOfBounds(index)) return false;\n return this.buttons[index].disabled;\n }\n\n setButtonDisabled(index: number, disabled: boolean): void {\n if (this.isOutOfBounds(index)) return;\n this.buttons[index].disabled = disabled;\n }\n\n isButtonSelected(index: number): boolean {\n if (this.isOutOfBounds(index)) return false;\n return this.buttons[index].selected;\n }\n\n setButtonSelected(index: number, selected: boolean): void {\n // Ignore out-of-index values.\n if (this.isOutOfBounds(index)) return;\n // Ignore disabled buttons.\n if (this.isButtonDisabled(index)) return;\n\n if (this.multiselect) {\n this.buttons[index].selected = selected;\n this.dispatchSelected(index);\n return;\n }\n\n // Single-select segmented buttons are not unselectable.\n if (!selected) return;\n\n this.buttons[index].selected = true;\n this.dispatchSelected(index);\n // Deselect all other buttons for single-select.\n for (let i = 0; i < this.buttons.length; i++) {\n if (i === index) continue;\n this.buttons[i].selected = false;\n }\n }\n\n private handleButtonTrigger(e: Event): void {\n const index = this.buttons.indexOf(e.target as SegmentedButton);\n this.toggleSelection(index);\n }\n\n private toggleSelection(index: number): void {\n this.setButtonSelected(index, !this.buttons[index].selected);\n }\n\n private isOutOfBounds(index: number): boolean {\n return index < 0 \|\| index >= this.buttons.length;\n }\n\n private dispatchSelected(index: number): void {\n this.dispatchEvent(new CustomEvent('select', {\n detail: {\n button: this.buttons[index],\n selected: this.buttons[index].selected,\n index,\n },\n bubbles: true,\n composed: true\n }));\n }\n\n override render(): TemplateResult {\n return html`<slot></slot>`;\n }\n}\n"]}
1	+ {"version":3,"file":"SegmentedButtonsSet.js","sourceRoot":"","sources":["../../../src/ui/button/SegmentedButtonsSet.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport SegmentedButton from \"./SegmentedButton.js\";\n\n/*\n @fires select - When button's selection change.\n /\nexport default class SegmentedButtonsSet extends UiElement {\n disabled = false;\n\n /\n Whether multiple buttons can be selected at once.\n * @attribute\n */\n @property({ type: Boolean }) multiselect = false;\n\n @queryAssignedElements({ flatten: true }) buttons!: SegmentedButton[];\n\n constructor() {\n super();\n this.addEventListener('trigger', this.handleButtonTrigger.bind(this));\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'group');\n }\n\n isButtonDisabled(index: number): boolean {\n if (this.isOutOfBounds(index)) return false;\n return this.buttons[index].disabled;\n }\n\n setButtonDisabled(index: number, disabled: boolean): void {\n if (this.isOutOfBounds(index)) return;\n this.buttons[index].disabled = disabled;\n }\n\n isButtonSelected(index: number): boolean {\n if (this.isOutOfBounds(index)) return false;\n return this.buttons[index].selected;\n }\n\n setButtonSelected(index: number, selected: boolean): void {\n // Ignore out-of-index values.\n if (this.isOutOfBounds(index)) return;\n // Ignore disabled buttons.\n if (this.isButtonDisabled(index)) return;\n\n if (this.multiselect) {\n this.buttons[index].selected = selected;\n this.dispatchSelected(index);\n return;\n }\n\n // Single-select segmented buttons are not unselectable.\n if (!selected) return;\n\n this.buttons[index].selected = true;\n this.dispatchSelected(index);\n // Deselect all other buttons for single-select.\n for (let i = 0; i < this.buttons.length; i++) {\n if (i === index) continue;\n this.buttons[i].selected = false;\n }\n }\n\n private handleButtonTrigger(e: Event): void {\n const index = this.buttons.indexOf(e.target as SegmentedButton);\n this.toggleSelection(index);\n }\n\n private toggleSelection(index: number): void {\n this.setButtonSelected(index, !this.buttons[index].selected);\n }\n\n private isOutOfBounds(index: number): boolean {\n return index < 0 \|\| index >= this.buttons.length;\n }\n\n private dispatchSelected(index: number): void {\n this.dispatchEvent(new CustomEvent('select', {\n detail: {\n button: this.buttons[index],\n selected: this.buttons[index].selected,\n index,\n },\n bubbles: true,\n composed: true\n }));\n }\n\n override render(): TemplateResult {\n return html`<slot></slot>`;\n }\n}\n"]}