@leavittsoftware/web 1.0.0

package/titanium/toolbar/toolbar.js

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+/**
+ * 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 {
+    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);
+    }
+
+    :host([shadow]) {
+      box-shadow:
+        0px 2px 4px -1px rgb(from var(--md-sys-color-on-background) r g b / 0.2),
+        0px 4px 5px 0px rgb(from var(--md-sys-color-on-background) r g b / 0.14),
+        0px 1px 10px 0px rgb(from var(--md-sys-color-on-background) r g b / 0.12);
+      transition: box-shadow 0.3s ease-in-out;
+    }
+
+    ::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();
+    }
+    /**
+     * @ignore
+     */
+    onScroll() {
+        this.amountScrolled();
+    }
+    /**
+     * @ignore
+     */
+    amountScrolled() {
+        const winHeight = window.innerHeight || (document.documentElement || document.body).clientHeight;
+        const docHeight = this.getDocHeight();
+        const scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;
+        const trackLength = docHeight - winHeight;
+        const pctScrolled = Math.floor((scrollTop / trackLength) * 100);
+        this.shadow = (pctScrolled || 0) !== 0;
+    }
+    /**
+     * @ignore
+     */
+    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 ` <slot></slot> `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumToolbar.prototype, "shadow", void 0);
+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;AAC5D;;;;;;;;;GASG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;aAMtC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6ClB,AA7CY,CA6CX;IAEF,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACvE,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC7D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,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,YAAY,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;QAC1H,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;;OAEG;IACH,YAAY;QACV,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,iBAAiB,CAAC;IAC/B,CAAC;;AA/FqD;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAA2B;AAJ3D,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CAoG3B"}

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,2 @@
+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":""}

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;aACtE,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,17 @@
+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;
+    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,52 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import { html, nothing, css } from 'lit';
+import { customElement } 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 {
+    firstUpdated() {
+        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: 49px;
+        margin-right: 5px;
+        border-radius: 8px;
+      }
+    `,
+    ]; }
+    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}
+    `;
+    }
+};
+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,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAE/G;;;;;GAKG;AAGI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,2BAA2B;IACnE,YAAY;QACV,IAAI,CAAC,KAAK,GAAG,mBAAmB,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3B,CAAC;IAED,OAAO,CAAC,YAAkC;QACxC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC7D;IACH,CAAC;IAED,uBAAuB,CAAC,KAAa;QACnC,sCAAsC;QACtC,MAAM,MAAM,GAAG,6EAA6E,CAAC;QAC7F,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;;;;;;KAMF;KACF,AARY,CAQX;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;;AAtCU,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAuChC"}