@feezal/feezal-element 0.8.0 → 3.0.1

package/feezal-polymer-element.js

@@ -0,0 +1,326 @@
+/* global window, feezal */
+
+import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
+import {FeezalConditions} from './feezal-conditions.js';
+
+const styleElement = document.createElement('dom-module');
+
+styleElement.innerHTML =
+    `<template>
+       <style>
+        :host {
+            display: inline-block;
+            box-sizing: border-box;
+            overflow: hidden;
+        }
+        :host([hidden]) {
+            display: none;
+        }
+        :host(.feezal-editable) {
+            outline: 1px dashed rgba(var(--feezal-selection-rgb, 2,132,199), 0.8);
+        }
+        :host(.feezal-editable) * {
+            pointer-events: none;
+        }
+        :host(.feezal-editable.feezal-selected) {
+            outline: 2px dashed rgba(var(--feezal-selection-rgb, 2,132,199), 0.9);
+        }
+        :host(.feezal-editable[locked]) {
+            outline: 1.5px dashed #f59e0b !important;
+        }
+        :host(.feezal-editable.feezal-selected[locked]) {
+            outline: 2px solid #f59e0b !important;
+        }
+       </style>
+     </template>`;
+
+styleElement.register('feezal-style-element');
+
+class FeezalPolymerElement extends PolymerElement {
+    static get properties() {
+        return {
+            name: {
+                type: String,
+                value: '',
+                reflectToAttribute: true,
+            },
+            'selected': {
+                type: Boolean,
+                value: false
+            },
+            subscribe: {
+                type: String,
+                value: '',
+                reflectToAttribute: true,
+            },
+            messageProperty: {
+                type: String,
+                value: 'payload',
+                reflectToAttribute: true,
+            },
+            'dynamicSubscriptions': {
+                type: Boolean,
+                value: false,
+                reflectToAttribute: true
+            },
+            'visible': {
+                type: Boolean,
+                value: false,
+                observer: '_visibleChanged'
+            },
+            // E50: JSON list of condition rows — shared engine, see
+            // feezal-conditions.js. The attribute is the source of truth.
+            conditions: {
+                type: String,
+                observer: '_conditionsChanged'
+            }
+        }
+    }
+    static get feezal() {
+        return {
+            attributes: [],
+            styles: []
+        }
+    }
+
+    _payloadCast(type, payload) {
+        if (typeof payload === 'string') {
+            switch (type) {
+                case Boolean:
+                    return Number(payload) !== 0 && payload.toLowerCase() !== 'false';
+                default:
+                    return payload;
+            }
+        } else {
+            return payload;
+        }
+    }
+
+    addSubscription(topic, callback) {
+        this._subscriptions.push(feezal.connection.sub(topic, callback));
+    }
+
+    _subscribe() {
+        if (!this.subscribe) {
+            return;
+        }
+
+        // In the editor, runtime MQTT manipulation of elements is gated by a user
+        // setting (Editor settings → "Prevent MQTT element manipulation in editor",
+        // default ON) so live broker values never get written onto elements and
+        // serialized into the saved view.
+        if (feezal.isEditor && feezal.preventEditorMqtt !== false) {
+            return;
+        }
+
+        const base      = this.subscribe;
+        const elemClass = window.customElements.get(this.localName);
+
+        // Primary state topic → baseAttribute (exact topic, no wildcard).
+        const baseAttribute = elemClass && elemClass.feezal && elemClass.feezal.baseAttribute;
+        if (baseAttribute) {
+            this._subscriptions.push(feezal.connection.sub(base, msg => {
+                const type = (elemClass.properties[baseAttribute] || {}).type;
+                const val  = this._payloadCast(type, this.getProperty(msg, this.messageProperty));
+                if (type === Boolean && !val) {
+                    this.removeAttribute(baseAttribute);
+                } else {
+                    this.setAttribute(baseAttribute, val);
+                }
+            }));
+        }
+
+        // Reserved runtime-control channel — distinct, exact topics so device
+        // telemetry sharing the base topic can never reach the element.
+        // Consistent with feezal-view / feezal-site addclass / removeclass.
+        this._subscribeControl(base);
+    }
+
+    /** Subscribe to the reserved <base>/{setattribute,removeattribute,setstyle,removestyle,addclass,removeclass} control topics. */
+    _subscribeControl(base) {
+        const sub  = (suffix, cb) => this._subscriptions.push(feezal.connection.sub(base + '/' + suffix, cb));
+        const val  = msg => this.getProperty(msg, this.messageProperty);
+        const list = p => (Array.isArray(p) ? p : String(p).split(/[,\s]+/)).filter(Boolean);
+
+        sub('setattribute', msg => {
+            const obj = val(msg);
+            if (obj && typeof obj === 'object') {
+                for (const [k, v] of Object.entries(obj)) this.setAttribute(k, String(v));
+            }
+        });
+        sub('removeattribute', msg => list(val(msg)).forEach(n => this.removeAttribute(n)));
+        sub('setstyle', msg => {
+            const obj = val(msg);
+            if (obj && typeof obj === 'object') Object.assign(this.style, obj);
+        });
+        sub('removestyle', msg => list(val(msg)).forEach(n => this.style.removeProperty(n)));
+        sub('addclass', msg => this.classList.add(val(msg)));
+        sub('removeclass', msg => this.classList.remove(val(msg)));
+    }
+
+    _unsubscribe() {
+        const sub = this._subscriptions.shift();
+        if (sub) {
+            feezal.connection.unsubscribe(sub);
+            this._unsubscribe();
+        }
+    }
+
+    constructor() {
+        super();
+        this._subscriptions = [];
+        this._conditions = new FeezalConditions(this);
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add('feezal-element');
+        // Prevent tab-focus on shadow DOM controls while in the editor.
+        if (feezal.isEditor && this.shadowRoot) {
+            this.shadowRoot.querySelectorAll('*').forEach(el => {
+                if (el.hasAttribute('tabindex')) {
+                    el.addEventListener('focus', event => {
+                        event.preventDefault();
+                        if (event.relatedTarget) {
+                            event.relatedTarget.focus();
+                        } else {
+                            event.currentTarget.blur();
+                        }
+                    });
+                    el.setAttribute('tabindex', '-1');
+                }
+            });
+        }
+        if (this.visible || !this.dynamicSubscriptions) {
+            this._subscribe();
+            this._conditions.connect();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._unsubscribe();
+        this._conditions.disconnect();
+    }
+
+    _visibleChanged(visible) {
+        if (!this.dynamicSubscriptions) {
+            return;
+        }
+        if (visible) {
+            this._subscribe();
+            this._conditions.connect();
+        } else {
+            this._unsubscribe();
+            this._conditions.disconnect();
+        }
+    }
+
+    // E50: conditions added/edited/removed at runtime → restart the engine
+    // (idempotent for an unchanged attribute value).
+    _conditionsChanged() {
+        if (this.isConnected && (this.visible || !this.dynamicSubscriptions)) {
+            this._conditions.connect();
+        }
+    }
+
+    // Utils
+    throttle(func, limit) {
+        let lastFunc;
+        let lastRan;
+        return function () {
+            const context = this;
+            const args = arguments;
+
+            if (!lastRan) {
+                func.apply(context, args);
+                lastRan = Date.now();
+            } else {
+                clearTimeout(lastFunc);
+                this._inThrottle = true;
+                lastFunc = setTimeout(function () {
+                    if ((Date.now() - lastRan) >= limit) {
+                        func.apply(context, args);
+                        lastRan = Date.now();
+                        this._inThrottle = false;
+                    }
+                }, limit - (Date.now() - lastRan));
+            }
+        }
+    }
+
+    /**
+     * @method split
+     * Split str by '.' - supports backslash escaped delimiters
+     * @param {string} str
+     * @returns {Array.<string>}
+     */
+    split(str) {
+        str = String(str);
+
+        // Use native split if possible
+        if (str.indexOf('\\') === -1) {
+            return str.split('.');
+        }
+
+        var res = []; // The result array
+        var pos = 0;  // Starting position of current chunk
+
+        function chunk(start, end) {
+            // Slice, unescape and push onto result array.
+            res.push(str.slice(start, end).replace(/\\\\/g, '\\').replace(/\\\./g, '.'));
+            // Set starting position of next chunk.
+            pos = end + 1;
+        }
+
+        var esc; // Boolean indicating if a dot is escaped
+        var j;
+        var i;
+        var l = str.length;
+        for (i = 0; i < l; i++) {
+            if (str[i] === '.') {
+                esc = false;
+                // Walk over preceding backslashes in reverse direction
+                for (j = i - 1; str[j] === '\\'; j--) {
+                    esc = !esc;
+                }
+                // Dot is escaped only if preceded by an odd number of backslashes
+                if (!esc) {
+                    chunk(pos, i);
+                }
+            }
+        }
+
+        chunk(pos, i);
+
+        return res;
+    }
+
+     /**
+     * @method getProperty
+     * get an objects property. supports nested properties through dot-notation, dots may be escaped by backslash
+     * @param {Object} obj
+     * @param {string} prop
+     * @returns {all} the properties value or undefined
+     */
+    getProperty(obj, prop) {
+        var type = typeof obj;
+        if (type !== 'object' && type !== 'function') {
+            if (typeof prop === 'undefined') {
+                return obj;
+            }
+            return undefined;
+        }
+        var arr = this.split(String(prop));
+        var res = obj;
+        for (let i = 0, l = arr.length; i < l; i++) {
+            if (res) {
+                res = res[arr[i]];
+            }
+        }
+        return res;
+    }
+}
+
+window.customElements.define('feezal-element', FeezalPolymerElement);
+
+export {FeezalPolymerElement, html};

package/feezal-topic-input.js

@@ -0,0 +1,173 @@
+/**
+ * feezal-topic-input — shared MQTT-topic input with server-backed
+ * autocompletion (B28).
+ *
+ * Drop-in replacement for the plain `sl-input` topic fields in custom (N6)
+ * inspectors: wraps an sl-input and adds the same completion dropdown as the
+ * generic attribute inspector (debounced fetch of /api/topics/completions,
+ * arrow-key navigation, Enter to pick, descend on `topic/` intermediate
+ * completions, Escape/Tab to dismiss).
+ *
+ * The inner sl-input's `sl-input`/`sl-change` events bubble composed out of
+ * the shadow root retargeted to this element, and `value` is kept in sync —
+ * existing inspector handlers keep working unchanged with
+ * `@sl-change="${e => ...e.target.value...}"`. Picking a completion fires a
+ * synthetic `sl-change`; descending an intermediate `…/` completion fires
+ * `sl-input` only.
+ *
+ * Only usable inside the editor (needs the Shoelace bundle and the feezal
+ * server API); dashboards never render it.
+ */
+import {LitElement, html, css} from 'lit';
+
+class FeezalTopicInput extends LitElement {
+    static properties = {
+        label:       {type: String},
+        value:       {type: String},
+        placeholder: {type: String},
+        size:        {type: String},
+        _completions: {state: true},
+        _cursor:      {state: true},
+    };
+
+    static styles = css`
+        :host { display: block; }
+        .topic-wrap { position: relative; }
+        sl-input { width: 100%; }
+        sl-input::part(form-control-label) { color: var(--sl-input-label-color, inherit); font-size: 12px; }
+        sl-input::part(base) {
+            background: var(--feezal-bg, #fff);
+            border-color: var(--feezal-border, #ccc);
+            color: var(--feezal-color, #333);
+        }
+        sl-input::part(input) { background: var(--feezal-bg, #fff); color: var(--sl-input-color, #333); }
+        .completions {
+            position: absolute; top: 100%; left: 0; right: 0; z-index: 500;
+            list-style: none; margin: 2px 0 0; padding: 4px 0;
+            background: var(--feezal-bg, #fff); border: 1px solid var(--feezal-border, #ccc);
+            border-radius: 4px; box-shadow: 0 4px 14px rgba(0,0,0,0.18);
+            max-height: 180px; overflow-y: auto; font-size: 12px;
+        }
+        .completions li {
+            padding: 4px 10px; cursor: pointer;
+            color: var(--feezal-color, #333);
+            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+        }
+        .completions li:hover, .completions li.active { background: var(--feezal-bg-sub, #f0f0f0); }
+    `;
+
+    constructor() {
+        super();
+        this.label = '';
+        this.value = '';
+        this.placeholder = 'mqtt/topic';
+        this.size = 'small';
+        this._completions = [];
+        this._cursor = -1;
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        clearTimeout(this._fetchTimer);
+        clearTimeout(this._closeTimer);
+    }
+
+    _emit(name) {
+        this.dispatchEvent(new CustomEvent(name, {bubbles: true, composed: true}));
+    }
+
+    _debounceFetch(prefix) {
+        clearTimeout(this._fetchTimer);
+        this._fetchTimer = setTimeout(() => this._fetchCompletions(prefix), 150);
+    }
+
+    async _fetchCompletions(prefix) {
+        try {
+            const r = await fetch(`/api/topics/completions?prefix=${encodeURIComponent(prefix)}`);
+            if (!r.ok) { this._completions = []; return; }
+            const {completions} = await r.json();
+            this._cursor = -1;
+            this._completions = completions || [];
+        } catch {
+            this._completions = [];
+        }
+    }
+
+    _close() {
+        this._completions = [];
+        this._cursor = -1;
+    }
+
+    _onInput(e) {
+        this.value = e.target.value;
+        this._debounceFetch(this.value);
+    }
+
+    _onKeydown(e) {
+        if (!this._completions.length) return;
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            this._cursor = Math.min(this._cursor + 1, this._completions.length - 1);
+        } else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            this._cursor = Math.max(this._cursor - 1, -1);
+        } else if (e.key === 'Enter' && this._cursor >= 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            this._select(this._completions[this._cursor]);
+        } else if (e.key === 'Escape' || e.key === 'Tab') {
+            this._close();
+        }
+    }
+
+    _select(val) {
+        this.value = val;
+        if (val.endsWith('/')) {
+            // Intermediate level — descend and keep the dropdown open.
+            this._emit('sl-input');
+            this._fetchCompletions(val);
+        } else {
+            this._emit('sl-input');
+            this._emit('sl-change');
+            this._close();
+        }
+    }
+
+    _scheduleClose() {
+        clearTimeout(this._closeTimer);
+        this._closeTimer = setTimeout(() => this._close(), 200);
+    }
+
+    render() {
+        return html`
+            <div class="topic-wrap">
+                <sl-input size="${this.size}" autocomplete="off"
+                    label="${this.label || ''}"
+                    placeholder="${this.placeholder}"
+                    .value="${this.value ?? ''}"
+                    @sl-focus="${() => this._debounceFetch(this.value ?? '')}"
+                    @sl-input="${this._onInput}"
+                    @sl-change="${e => { this.value = e.target.value; }}"
+                    @sl-blur="${this._scheduleClose}"
+                    @keydown="${this._onKeydown}"></sl-input>
+                ${this._completions.length ? html`
+                    <ul class="completions">
+                        ${this._completions.map((c, ci) => html`
+                            <li class="${ci === this._cursor ? 'active' : ''}"
+                                @mousedown="${e => { e.preventDefault(); this._select(c); }}">
+                                ${c}
+                            </li>
+                        `)}
+                    </ul>
+                ` : ''}
+            </div>
+        `;
+    }
+}
+
+// Multiple element bundles may carry a copy (static exports) — guard the define.
+if (!customElements.get('feezal-topic-input')) {
+    customElements.define('feezal-topic-input', FeezalTopicInput);
+}
+
+export {FeezalTopicInput};

package/package.json

@@ -1,27 +1,39 @@
 {
-  "author": {
-    "name": "Sebastian Raff",
-    "email": "hobbyquaker@gmail.com"
-  },
-  "bugs": {
-    "url": "https://github.com/feezal/node-red-contrib-feezal/issues"
-  },
-  "dependencies": {
-    "@polymer/polymer": "^3.0.0"
-  },
-  "deprecated": false,
-  "description": "",
-  "feezal": {},
-  "homepage": "https://github.com/feezal/node-red-contrib-feezal#readme",
-  "license": "MIT",
-  "main": "feezal-element.js",
-  "name": "@feezal/feezal-element",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/feezal/node-red-contrib-feezal.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "version": "0.8.0"
+    "author": {
+        "name": "Sebastian Raff",
+        "email": "hobbyquaker@gmail.com"
+    },
+    "bugs": {
+        "url": "https://github.com/feezal/feezal/issues"
+    },
+    "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "lit": "^3.2.0"
+    },
+    "description": "Base classes for feezal dashboard elements — FeezalElement (Lit 3), FeezalPolymerElement (legacy paper elements) and the shared conditions engine",
+    "feezal": {},
+    "files": [
+        "feezal-element.js",
+        "feezal-conditions.js",
+        "feezal-polymer-element.js",
+        "feezal-topic-input.js",
+        "LICENSE"
+    ],
+    "homepage": "https://github.com/feezal/feezal#readme",
+    "keywords": [
+        "feezal",
+        "feezal-element"
+    ],
+    "license": "MIT",
+    "main": "feezal-element.js",
+    "name": "@feezal/feezal-element",
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/feezal/feezal.git",
+        "directory": "www/packages/@feezal/feezal-element"
+    },
+    "version": "3.0.1"
 }

package/dist/sw.js

@@ -1,2 +0,0 @@
-if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return s[e]||(r=new Promise(async r=>{if("document"in self){const s=document.createElement("script");s.src=e,document.head.appendChild(s),s.onload=r}else importScripts(e),r()})),r.then(()=>{if(!s[e])throw new Error(`Module ${e} didn’t register its module`);return s[e]})},r=(r,s)=>{Promise.all(r.map(e)).then(e=>s(1===e.length?e[0]:e))},s={require:Promise.resolve(r)};self.define=(r,t,o)=>{s[r]||(s[r]=Promise.resolve().then(()=>{let s={};const i={uri:location.origin+r.slice(1)};return Promise.all(t.map(r=>{switch(r){case"exports":return s;case"module":return i;default:return e(r)}})).then(e=>{const r=o(...e);return s.default||(s.default=r),s})}))}}define("./sw.js",["./workbox-bacb9a40"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
-//# sourceMappingURL=sw.js.map

package/dist/sw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sw.js","sources":["../../../../../../../../private/var/folders/13/fybpjr_x5m9484gz_f6cwl780000gn/T/9da39c0c845afbf8c36522c64cb0b57a/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/Users/basti/WebstormProjects/feezal/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/Users/basti/WebstormProjects/feezal/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {skipWaiting as workbox_core_skipWaiting} from '/Users/basti/WebstormProjects/feezal/node_modules/workbox-core/skipWaiting.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/Users/basti/WebstormProjects/feezal/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nworkbox_core_skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"polyfills/*.js\", new workbox_strategies_CacheFirst(), 'GET');\n\n\n\n\n"],"names":["workbox_strategies_CacheFirst"],"mappings":"+0BA4B8B,iBAAkB,IAAIA,aAAiC"}

package/dist/workbox-bacb9a40.js

@@ -1,2 +0,0 @@
-define("./workbox-bacb9a40.js",["exports"],(function(e){"use strict";try{self["workbox:core:5.1.4"]&&_()}catch(e){}const t=(e,...t)=>{let s=e;return t.length>0&&(s+=" :: "+JSON.stringify(t)),s};class s extends Error{constructor(e,s){super(t(e,s)),this.name=e,this.details=s}}try{self["workbox:routing:5.1.4"]&&_()}catch(e){}const n=e=>e&&"object"==typeof e?e:{handle:e};class r{constructor(e,t,s="GET"){this.handler=n(t),this.match=e,this.method=s}}class o extends r{constructor(e,t,s){super(({url:t})=>{const s=e.exec(t.href);if(s&&(t.origin===location.origin||0===s.index))return s.slice(1)},t,s)}}const i=e=>new URL(String(e),location.href).href.replace(new RegExp("^"+location.origin),"");class c{constructor(){this.t=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",e=>{const{request:t}=e,s=this.handleRequest({request:t,event:e});s&&e.respondWith(s)})}addCacheListener(){self.addEventListener("message",e=>{if(e.data&&"CACHE_URLS"===e.data.type){const{payload:t}=e.data,s=Promise.all(t.urlsToCache.map(e=>{"string"==typeof e&&(e=[e]);const t=new Request(...e);return this.handleRequest({request:t})}));e.waitUntil(s),e.ports&&e.ports[0]&&s.then(()=>e.ports[0].postMessage(!0))}})}handleRequest({request:e,event:t}){const s=new URL(e.url,location.href);if(!s.protocol.startsWith("http"))return;const{params:n,route:r}=this.findMatchingRoute({url:s,request:e,event:t});let o,i=r&&r.handler;if(!i&&this.s&&(i=this.s),i){try{o=i.handle({url:s,request:e,event:t,params:n})}catch(e){o=Promise.reject(e)}return o instanceof Promise&&this.o&&(o=o.catch(n=>this.o.handle({url:s,request:e,event:t}))),o}}findMatchingRoute({url:e,request:t,event:s}){const n=this.t.get(t.method)||[];for(const r of n){let n;const o=r.match({url:e,request:t,event:s});if(o)return n=o,(Array.isArray(o)&&0===o.length||o.constructor===Object&&0===Object.keys(o).length||"boolean"==typeof o)&&(n=void 0),{route:r,params:n}}return{}}setDefaultHandler(e){this.s=n(e)}setCatchHandler(e){this.o=n(e)}registerRoute(e){this.t.has(e.method)||this.t.set(e.method,[]),this.t.get(e.method).push(e)}unregisterRoute(e){if(!this.t.has(e.method))throw new s("unregister-route-but-not-found-with-method",{method:e.method});const t=this.t.get(e.method).indexOf(e);if(!(t>-1))throw new s("unregister-route-route-not-registered");this.t.get(e.method).splice(t,1)}}let a;const u=()=>(a||(a=new c,a.addFetchListener(),a.addCacheListener()),a);const h={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},l=e=>[h.prefix,e,h.suffix].filter(e=>e&&e.length>0).join("-"),f=e=>e||l(h.runtime),p=new Set;const w=(e,t)=>e.filter(e=>t in e),d=async({request:e,mode:t,plugins:s=[]})=>{const n=w(s,"cacheKeyWillBeUsed");let r=e;for(const e of n)r=await e.cacheKeyWillBeUsed.call(e,{mode:t,request:r}),"string"==typeof r&&(r=new Request(r));return r},g=async({cacheName:e,request:t,event:s,matchOptions:n,plugins:r=[]})=>{const o=await self.caches.open(e),i=await d({plugins:r,request:t,mode:"read"});let c=await o.match(i,n);for(const t of r)if("cachedResponseWillBeUsed"in t){const r=t.cachedResponseWillBeUsed;c=await r.call(t,{cacheName:e,event:s,matchOptions:n,cachedResponse:c,request:i})}return c},q=async({cacheName:e,request:t,response:n,event:r,plugins:o=[],matchOptions:c})=>{const a=await d({plugins:o,request:t,mode:"write"});if(!n)throw new s("cache-put-with-no-response",{url:i(a.url)});const u=await(async({request:e,response:t,event:s,plugins:n=[]})=>{let r=t,o=!1;for(const t of n)if("cacheWillUpdate"in t){o=!0;const n=t.cacheWillUpdate;if(r=await n.call(t,{request:e,response:r,event:s}),!r)break}return o||(r=r&&200===r.status?r:void 0),r||null})({event:r,plugins:o,response:n,request:a});if(!u)return;const h=await self.caches.open(e),l=w(o,"cacheDidUpdate"),f=l.length>0?await g({cacheName:e,matchOptions:c,request:a}):null;try{await h.put(a,u)}catch(e){throw"QuotaExceededError"===e.name&&await async function(){for(const e of p)await e()}(),e}for(const t of l)await t.cacheDidUpdate.call(t,{cacheName:e,event:r,oldResponse:f,newResponse:u,request:a})},m=g,y=async({request:e,fetchOptions:t,event:n,plugins:r=[]})=>{if("string"==typeof e&&(e=new Request(e)),n instanceof FetchEvent&&n.preloadResponse){const e=await n.preloadResponse;if(e)return e}const o=w(r,"fetchDidFail"),i=o.length>0?e.clone():null;try{for(const t of r)if("requestWillFetch"in t){const s=t.requestWillFetch,r=e.clone();e=await s.call(t,{request:r,event:n})}}catch(e){throw new s("plugin-error-request-will-fetch",{thrownError:e})}const c=e.clone();try{let s;s="navigate"===e.mode?await fetch(e):await fetch(e,t);for(const e of r)"fetchDidSucceed"in e&&(s=await e.fetchDidSucceed.call(e,{event:n,request:c,response:s}));return s}catch(e){for(const t of o)await t.fetchDidFail.call(t,{error:e,event:n,originalRequest:i.clone(),request:c.clone()});throw e}};try{self["workbox:strategies:5.1.4"]&&_()}catch(e){}e.CacheFirst=class{constructor(e={}){this.i=f(e.cacheName),this.u=e.plugins||[],this.h=e.fetchOptions,this.l=e.matchOptions}async handle({event:e,request:t}){"string"==typeof t&&(t=new Request(t));let n,r=await m({cacheName:this.i,request:t,event:e,matchOptions:this.l,plugins:this.u});if(!r)try{r=await this.p(t,e)}catch(e){n=e}if(!r)throw new s("no-response",{url:t.url,error:n});return r}async p(e,t){const s=await y({request:e,event:t,fetchOptions:this.h,plugins:this.u}),n=s.clone(),r=q({cacheName:this.i,request:e,response:n,event:t,plugins:this.u});if(t)try{t.waitUntil(r)}catch(e){}return s}},e.clientsClaim=function(){self.addEventListener("activate",()=>self.clients.claim())},e.registerRoute=function(e,t,n){let i;if("string"==typeof e){const s=new URL(e,location.href);i=new r(({url:e})=>e.href===s.href,t,n)}else if(e instanceof RegExp)i=new o(e,t,n);else if("function"==typeof e)i=new r(e,t,n);else{if(!(e instanceof r))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});i=e}return u().registerRoute(i),i},e.skipWaiting=function(){self.addEventListener("install",()=>self.skipWaiting())}}));
-//# sourceMappingURL=workbox-bacb9a40.js.map