@leavittsoftware/web 8.7.2 → 8.7.3

package/titanium/styles/h3.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export const h3 = css `
+  [heading3],
+  h3 {
+    font-family: var(--titanium-styles-h3-font-family, Roboto, Noto, sans-serif);
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    letter-spacing: -0.264px;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 20px;
+    text-wrap: balance;
+    margin: 0;
+    padding: 0;
+  }
+`;
+//# sourceMappingURL=h3.js.map

package/titanium/styles/h3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h3.js","sourceRoot":"","sources":["h3.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcpB,CAAC"}

package/titanium/styles/h4.d.ts

@@ -0,0 +1,2 @@
+export declare const h4: import("lit").CSSResult;
+//# sourceMappingURL=h4.d.ts.map

package/titanium/styles/h4.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export const h4 = css `
+  [heading4],
+  h4 {
+    font-family: var(--titanium-styles-h4-font-family, Roboto, Noto, sans-serif);
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    letter-spacing: -0.264px;
+    font-weight: 400;
+    text-wrap: balance;
+    font-size: 14px;
+    line-height: 18px;
+    margin: 0;
+    padding: 0;
+  }
+`;
+//# sourceMappingURL=h4.js.map

package/titanium/styles/h4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h4.js","sourceRoot":"","sources":["h4.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcpB,CAAC"}

package/titanium/styles/h5.d.ts

@@ -0,0 +1,2 @@
+export declare const h5: import("lit").CSSResult;
+//# sourceMappingURL=h5.d.ts.map

package/titanium/styles/h5.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+export const h5 = css `
+  [heading5],
+  h5 {
+    letter-spacing: 0.07272727em;
+    font-family: var(--titanium-styles-h5-font-family, Metropolis, Roboto, Noto, sans-serif);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 16px;
+    letter-spacing: 0.1px;
+    hyphens: auto;
+    word-break: break-word;
+    word-wrap: break-word;
+    text-wrap: balance;
+    margin: 0;
+    padding: 0;
+  }
+`;
+//# sourceMappingURL=h5.js.map

package/titanium/styles/h5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h5.js","sourceRoot":"","sources":["h5.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBpB,CAAC"}

package/titanium/styles/nice-badge.d.ts

@@ -0,0 +1,2 @@
+export declare const niceBadgeStyles: import("lit").CSSResult;
+//# sourceMappingURL=nice-badge.d.ts.map

package/titanium/styles/nice-badge.js

@@ -0,0 +1,53 @@
+import { css } from 'lit';
+export const niceBadgeStyles = css `
+  nice-badge {
+    box-sizing: border-box;
+
+    background-color: var(--md-sys-color-error);
+    color: var(--md-sys-color-on-error);
+
+    display: grid;
+    place-content: center;
+    border-radius: 16px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 14px;
+
+    font-family: Metropolis;
+
+    padding: 1px 4px;
+    border: 1px solid transparent;
+    min-width: 8px;
+    min-height: 8px;
+
+    position: absolute;
+    top: -1px;
+    right: -1px;
+
+    height: initial;
+    width: initial;
+  }
+
+  nice-badge[primary] {
+    background-color: var(--md-sys-color-primary);
+    color: var(--md-sys-color-on-primary);
+  }
+
+  nice-badge[secondary] {
+    background-color: var(--md-sys-color-secondary);
+    color: var(--md-sys-color-on-secondary);
+  }
+
+  nice-badge[green] {
+    background-color: var(--app-accent-color-green-light);
+    color: var(--app-accent-color-on-green-light);
+  }
+
+  nice-badge[compact] {
+    padding: 1px 2px;
+
+    font-size: 12px;
+    line-height: 12px;
+  }
+`;
+//# sourceMappingURL=nice-badge.js.map

package/titanium/styles/nice-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nice-badge.js","sourceRoot":"","sources":["nice-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjC,CAAC"}

package/titanium/styles/p.d.ts

@@ -0,0 +1,2 @@
+export declare const p: import("lit").CSSResult;
+//# sourceMappingURL=p.d.ts.map

package/titanium/styles/p.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export const p = css `
+  [paragraph],
+  p {
+    font-family: var(--titanium-styles-p-font-family, Roboto, Noto, sans-serif);
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0.2px;
+    line-height: 20px;
+
+    margin: 0;
+    padding: 0;
+  }
+`;
+//# sourceMappingURL=p.js.map

package/titanium/styles/p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p.js","sourceRoot":"","sources":["p.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcnB,CAAC"}

package/titanium/styles/styles.d.ts

@@ -0,0 +1,17 @@
+export { h1 } from './h1';
+export { h1 as heading1 } from './h1';
+export { h2 } from './h2';
+export { h2 as heading2 } from './h2';
+export { h3 } from './h3';
+export { h3 as heading3 } from './h3';
+export { h4 } from './h4';
+export { h4 as heading4 } from './h4';
+export { h5 } from './h5';
+export { h5 as heading5 } from './h5';
+export { p } from './p';
+export { p as paragraph } from './p';
+export { a } from './a';
+export { a as link } from './a';
+export { dataRow } from './data-row';
+export { ellipsis } from './ellipsis';
+//# sourceMappingURL=styles.d.ts.map

package/titanium/styles/styles.js

@@ -0,0 +1,17 @@
+export { h1 } from './h1';
+export { h1 as heading1 } from './h1';
+export { h2 } from './h2';
+export { h2 as heading2 } from './h2';
+export { h3 } from './h3';
+export { h3 as heading3 } from './h3';
+export { h4 } from './h4';
+export { h4 as heading4 } from './h4';
+export { h5 } from './h5';
+export { h5 as heading5 } from './h5';
+export { p } from './p';
+export { p as paragraph } from './p';
+export { a } from './a';
+export { a as link } from './a';
+export { dataRow } from './data-row';
+export { ellipsis } from './ellipsis';
+//# sourceMappingURL=styles.js.map

package/titanium/styles/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,CAAC,IAAI,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,CAAC,IAAI,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/titanium/toolbar/toolbar.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import '@material/web/elevation/elevation';
+/**
+ * A material design inspired site toolbar
+ *
+ * @element titanium-toolbar
+ *
+ * @slot default - toolbar content (use main-title attribute on slotted title item)
+ *
+ * @cssprop {Color} [--md-sys-color-background] - Color of the toolbar background
+ * @cssprop {Color} [--md-sys-color-on-background] - Color of the toolbar text
+ */
+export declare class TitaniumToolbar extends LitElement {
+    #private;
+    /**
+     * Adds a box shadow around the toolbar
+     */
+    protected accessor shadow: boolean;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=toolbar.d.ts.map

package/titanium/toolbar/toolbar.js

@@ -0,0 +1,100 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import '@material/web/elevation/elevation';
+/**
+ * A material design inspired site toolbar
+ *
+ * @element titanium-toolbar
+ *
+ * @slot default - toolbar content (use main-title attribute on slotted title item)
+ *
+ * @cssprop {Color} [--md-sys-color-background] - Color of the toolbar background
+ * @cssprop {Color} [--md-sys-color-on-background] - Color of the toolbar text
+ */
+let TitaniumToolbar = class TitaniumToolbar extends LitElement {
+    #shadow_accessor_storage;
+    /**
+     * Adds a box shadow around the toolbar
+     */
+    get shadow() { return this.#shadow_accessor_storage; }
+    set shadow(value) { this.#shadow_accessor_storage = value; }
+    static { this.styles = css `
+    :host {
+      display: flex;
+
+      position: fixed;
+      z-index: 1;
+      top: 0;
+      left: 0;
+      right: 0;
+
+      font-family: Roboto, sans-serif;
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-font-smoothing: antialiased;
+
+      flex-direction: row;
+      align-items: center;
+
+      height: 48px;
+      padding: 0 14px;
+      background-color: var(--md-sys-color-background);
+      color: var(--md-sys-color-on-background);
+
+      --md-elevation-level: 0;
+    }
+
+    :host([shadow]) {
+      --md-elevation-level: 3;
+    }
+
+    ::slotted([main-title]) {
+      font-size: 22px;
+      letter-spacing: 0.9px;
+      color: var(--md-sys-color-on-background);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0px;
+      font-weight: 400;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('scroll', this.#onScroll.bind(this), false);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('scroll', this.#onScroll, false);
+        super.disconnectedCallback();
+    }
+    #onScroll() {
+        this.#amountScrolled();
+    }
+    #amountScrolled() {
+        const winHeight = window.innerHeight || (document.documentElement || document.body).clientHeight;
+        const docHeight = this.#getDocHeight();
+        const scrollTop = window.scrollY || (document.documentElement || document.body.parentNode || document.body).scrollTop;
+        const trackLength = docHeight - winHeight;
+        const pctScrolled = Math.floor((scrollTop / trackLength) * 100);
+        this.shadow = (pctScrolled || 0) !== 0;
+    }
+    #getDocHeight() {
+        const D = document;
+        return Math.max(D.body.scrollHeight, D.documentElement.scrollHeight, D.body.offsetHeight, D.documentElement.offsetHeight, D.body.clientHeight, D.documentElement.clientHeight);
+    }
+    render() {
+        return html ` <md-elevation></md-elevation><slot></slot>`;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumToolbar.prototype, "shadow", null);
+TitaniumToolbar = __decorate([
+    customElement('titanium-toolbar')
+], TitaniumToolbar);
+export { TitaniumToolbar };
+//# sourceMappingURL=toolbar.js.map

package/titanium/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["toolbar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,mCAAmC,CAAC;AAE3C;;;;;;;;;GASG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAIkB,yBAAgB;IAH/E;;OAEG;IAC4D,IAAA,MAAM,4CAAU;IAAhB,IAAA,MAAM,kDAAU;aAExE,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2ClB,AA3CY,CA2CX;IAEF,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACxE,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,eAAe;QACb,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC;QACjG,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;QACtH,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,GAAG,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,aAAa;QACX,MAAM,CAAC,GAAG,QAAQ,CAAC;QACnB,OAAO,IAAI,CAAC,GAAG,CACb,CAAC,CAAC,IAAI,CAAC,YAAY,EACnB,CAAC,CAAC,eAAe,CAAC,YAAY,EAC9B,CAAC,CAAC,IAAI,CAAC,YAAY,EACnB,CAAC,CAAC,eAAe,CAAC,YAAY,EAC9B,CAAC,CAAC,IAAI,CAAC,YAAY,EACnB,CAAC,CAAC,eAAe,CAAC,YAAY,CAC/B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,6CAA6C,CAAC;IAC3D,CAAC;;AApF8D;IAA9D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAoC;AAJpE,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CAyF3B"}

package/titanium/types/any-function.d.ts

@@ -0,0 +1,5 @@
+/**
+ * use this type definition instead of `Function` type constructor
+ */
+export type AnyFunction = (...args: any[]) => any;
+//# sourceMappingURL=any-function.d.ts.map

package/titanium/types/any-function.js

@@ -0,0 +1,5 @@
+/**
+ * use this type definition instead of `Function` type constructor
+ */
+export {};
+//# sourceMappingURL=any-function.js.map

package/titanium/types/any-function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"any-function.js","sourceRoot":"","sources":["any-function.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/titanium/types/dom-event.d.ts

@@ -0,0 +1,4 @@
+export interface DOMEvent<T extends EventTarget> extends Event {
+    readonly target: T;
+}
+//# sourceMappingURL=dom-event.d.ts.map

package/titanium/types/dom-event.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dom-event.js.map

package/titanium/types/dom-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-event.js","sourceRoot":"","sources":["dom-event.ts"],"names":[],"mappings":""}

package/titanium/types/identifier-interface.d.ts

@@ -0,0 +1,4 @@
+export interface Identifier {
+    Id?: number | string;
+}
+//# sourceMappingURL=identifier-interface.d.ts.map

package/titanium/types/identifier-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=identifier-interface.js.map

package/titanium/types/identifier-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identifier-interface.js","sourceRoot":"","sources":["identifier-interface.ts"],"names":[],"mappings":""}

package/titanium/types/pending-state-event.d.ts

@@ -0,0 +1,7 @@
+export declare class PendingStateEvent extends CustomEvent<{
+    promise: Promise<unknown>;
+}> {
+    static eventType: string;
+    constructor(promise: Promise<unknown>);
+}
+//# sourceMappingURL=pending-state-event.d.ts.map

package/titanium/types/pending-state-event.js

@@ -0,0 +1,7 @@
+export class PendingStateEvent extends CustomEvent {
+    static { this.eventType = 'pending-state'; }
+    constructor(promise) {
+        super(PendingStateEvent.eventType, { bubbles: true, composed: true, detail: { promise: promise } });
+    }
+}
+//# sourceMappingURL=pending-state-event.js.map

package/titanium/types/pending-state-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending-state-event.js","sourceRoot":"","sources":["pending-state-event.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,iBAAkB,SAAQ,WAA0C;aACxE,cAAS,GAAG,eAAe,CAAC;IACnC,YAAY,OAAyB;QACnC,KAAK,CAAC,iBAAiB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IACtG,CAAC"}

package/titanium/types/string-map.d.ts

@@ -0,0 +1,7 @@
+/**
+ * simple alias to save you keystrokes when defining JS typed object maps
+ */
+export type StringMap<T> = {
+    [key: string]: T;
+};
+//# sourceMappingURL=string-map.d.ts.map

package/titanium/types/string-map.js

@@ -0,0 +1,5 @@
+/**
+ * simple alias to save you keystrokes when defining JS typed object maps
+ */
+export {};
+//# sourceMappingURL=string-map.js.map

package/titanium/types/string-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-map.js","sourceRoot":"","sources":["string-map.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/titanium/youtube-input/youtube-input.d.ts

@@ -0,0 +1,19 @@
+import '@material/web/icon/icon';
+import { PropertyValues } from 'lit';
+import { ExtendableOutlinedTextField } from '../extendable-outlined-text-field/extendable-outlined-text-field';
+/**
+ * Material design YouTube url input.
+ *
+ * @element titanium-youtube-input
+ *
+ */
+export declare class TitaniumYouTubeInput extends ExtendableOutlinedTextField {
+    #private;
+    accessor autocomplete: string;
+    accessor spellcheck: boolean;
+    firstUpdated(): void;
+    updated(changedProps: PropertyValues<this>): void;
+    static styles: import("lit").CSSResult[];
+    protected renderMainSlot(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=youtube-input.d.ts.map

package/titanium/youtube-input/youtube-input.js

@@ -0,0 +1,68 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import { html, nothing, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ExtendableOutlinedTextField } from '../extendable-outlined-text-field/extendable-outlined-text-field';
+/**
+ * Material design YouTube url input.
+ *
+ * @element titanium-youtube-input
+ *
+ */
+let TitaniumYouTubeInput = class TitaniumYouTubeInput extends ExtendableOutlinedTextField {
+    #autocomplete_accessor_storage = 'off';
+    get autocomplete() { return this.#autocomplete_accessor_storage; }
+    set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
+    #spellcheck_accessor_storage = false;
+    get spellcheck() { return this.#spellcheck_accessor_storage; }
+    set spellcheck(value) { this.#spellcheck_accessor_storage = value; }
+    firstUpdated() {
+        this.label = this.label || 'YouTube video key';
+        this.pattern = '^.{11}$';
+    }
+    updated(changedProps) {
+        if (changedProps.has('value')) {
+            this.value = this.#stripYouTubeKeyFromUrl(this.input.value);
+        }
+    }
+    #stripYouTubeKeyFromUrl(value) {
+        // https://stackoverflow.com/a/8260383
+        const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+        const match = value.match(regExp);
+        const key = match && match[7].length === 11 ? match[7] : false;
+        // If key stripped from url use key. Otherwise use the value input by user.
+        return key ? key : value;
+    }
+    static { this.styles = [
+        css `
+      img {
+        max-height: 42px;
+        margin-right: 22px;
+        border-radius: 8px;
+      }
+
+      md-outlined-text-field {
+        width: 100%;
+      }
+    `,
+    ]; }
+    renderMainSlot() {
+        return html `
+      <md-icon slot="leading-icon"> youtube_activity </md-icon>
+      ${this.value && (this.value?.length || 0) === 11
+            ? html `<img slot="trailing-icon" src="https://img.youtube.com/vi/${this.value}/default.jpg" />`
+            : nothing}
+    `;
+    }
+};
+__decorate([
+    property({ reflect: true, type: String })
+], TitaniumYouTubeInput.prototype, "autocomplete", null);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], TitaniumYouTubeInput.prototype, "spellcheck", null);
+TitaniumYouTubeInput = __decorate([
+    customElement('titanium-youtube-input')
+], TitaniumYouTubeInput);
+export { TitaniumYouTubeInput };
+//# sourceMappingURL=youtube-input.js.map

package/titanium/youtube-input/youtube-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube-input.js","sourceRoot":"","sources":["youtube-input.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAE/G;;;;;GAKG;AAGI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,2BAA2B;IACf,iCAAuB,KAAK,CAAC;IAA7B,IAAA,YAAY,kDAAiB;IAA7B,IAAA,YAAY,wDAAiB;IAE5B,+BAAsB,KAAK,CAAC;IAA5B,IAAA,UAAU,gDAAkB;IAA5B,IAAA,UAAU,sDAAkB;IAEjF,YAAY;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,mBAAmB,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3B,CAAC;IAED,OAAO,CAAC,YAAkC;QACxC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAED,uBAAuB,CAAC,KAAa;QACnC,sCAAsC;QACtC,MAAM,MAAM,GAAG,2EAA2E,CAAC;QAC3F,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/D,2EAA2E;QAC3E,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3B,CAAC;aAEM,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;KAUF;KACF,AAZY,CAYX;IAEiB,cAAc;QAC/B,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,EAAE;YAC9C,CAAC,CAAC,IAAI,CAAA,6DAA6D,IAAI,CAAC,KAAK,kBAAkB;YAC/F,CAAC,CAAC,OAAO;KACZ,CAAC;IACJ,CAAC;;AA7CmD;IAAnD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAuC;AAE5B;IAApD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAsC;AAHtE,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA+ChC"}