@teipublisher/pb-components 2.26.1-next.3 → 3.0.0-next-4.1

package/dist/unsafe-html-D5VGo9Oq.js

@@ -0,0 +1 @@
+import{E as t,T as r}from"./pb-mixin-DHoWQheB.js";const i={ATTRIBUTE:1,CHILD:2},e=t=>(...r)=>({_$litDirective$:t,values:r});class s{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,i){this._$Ct=t,this._$AM=r,this._$Ci=i}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}class n extends s{constructor(r){if(super(r),this.it=t,r.type!==i.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(i){if(i===t||null==i)return this._t=void 0,this.it=i;if(i===r)return i;if("string"!=typeof i)throw Error(this.constructor.directiveName+"() called with a non-string value");if(i===this.it)return this._t;this.it=i;const e=[i];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}n.directiveName="unsafeHTML",n.resultType=1;const o=e(n);export{e,s as i,o,i as t};

package/dist/urls-BEONu_g4.js

@@ -0,0 +1 @@
+import{e as t,f as e}from"./pb-mixin-DHoWQheB.js";class r{static subscribe(t,e,s,n=!1){const a=r._getChannels(e),i=document.addEventListener(t,t=>{s&&t.detail&&t.detail.key&&a.includes(t.detail.key)&&s(t,i)},{once:n})}static subscribeOnce(t,e=null){const s=r._getChannels(e);return new Promise(e=>{document.addEventListener(t,t=>{t.detail&&t.detail.key&&s.includes(t.detail.key)&&e(t)},{once:!0})})}static _getChannels(e){return null!==e&&e.length?Array.isArray(e)?e:[e]:[t]}static emit(e,r=null,s=null){const n=s||{};n.key=r||t;const a=new CustomEvent(e,{detail:n});document.dispatchEvent(a)}static ifReady(t){return Array.isArray(t)||(t=[t]),new Promise(e=>{const r=t.length;if(0===r)return void e();let s=r;t.forEach(t=>{if(t._isReady)return s-=1,void(0===s&&e());const r=t.addEventListener("pb-ready",()=>{s-=1,0===s&&(t.removeEventListener("pb-ready",r),e())})})})}}if(!window.pbEvents){window.pbEvents=r;try{const t=document.createElement("script");t.type="text/javascript",t.text='if (typeof pbEvents === "undefined") { try { pbEvents = window.pbEvents; } catch(e) {} }',(document.head||document.documentElement).appendChild(t)}catch(t){}}var s,n={};function a(){if(s)return n;s=1,Object.defineProperty(n,"__esModule",{value:!0}),n.PathError=n.TokenData=void 0,n.parse=u,n.compile=p,n.match=m,n.pathToRegexp=g,n.stringify=S;const t="/",e=t=>t,r=/^[$_\p{ID_Start}]$/u,a=/^[$\u200c\u200d\p{ID_Continue}]$/u,i={"{":"{","}":"}","(":"(",")":")","[":"[","]":"]","+":"+","?":"?","!":"!"};function o(t){return t.replace(/[{}()\[\]+?!:*\\]/g,"\\$&")}function h(t){return t.replace(/[.+*?^${}()[\]|/\\]/g,"\\$&")}class l{constructor(t,e){this.tokens=t,this.originalPath=e}}n.TokenData=l;class c extends TypeError{constructor(t,e){let r=t;e&&(r+=`: ${e}`),r+="; visit https://git.new/pathToRegexpError for info",super(r),this.originalPath=e}}function u(t,s={}){const{encodePath:n=e}=s,o=[...t],h=[];let u=0,p=0;function d(){let e="";if(r.test(o[u]))do{e+=o[u++]}while(a.test(o[u]));else if('"'===o[u]){let r=u;for(;u++<o.length;){if('"'===o[u]){u++,r=0;break}"\\"===o[u]&&u++,e+=o[u]}if(r)throw new c(`Unterminated quote at index ${r}`,t)}if(!e)throw new c(`Missing parameter name at index ${u}`,t);return e}for(;u<o.length;){const t=o[u],e=i[t];e?h.push({type:e,index:u++,value:t}):"\\"===t?h.push({type:"escape",index:u++,value:o[u++]}):":"===t?h.push({type:"param",index:u++,value:d()}):"*"===t?h.push({type:"wildcard",index:u++,value:d()}):h.push({type:"char",index:u++,value:t})}function f(e){const r=[];for(;;){const s=h[p++];if(s.type===e)break;if("char"===s.type||"escape"===s.type){let t=s.value,e=h[p];for(;"char"===e.type||"escape"===e.type;)t+=e.value,e=h[++p];r.push({type:"text",value:n(t)});continue}if("param"!==s.type&&"wildcard"!==s.type){if("{"!==s.type)throw new c(`Unexpected ${s.type} at index ${s.index}, expected ${e}`,t);r.push({type:"group",tokens:f("}")})}else r.push({type:s.type,name:s.value})}return r}return h.push({type:"end",index:u,value:""}),new l(f("end"),t)}function p(e,r={}){const{encode:s=encodeURIComponent,delimiter:n=t}=r,a=d(("object"==typeof e?e:u(e,r)).tokens,n,s);return function(t={}){const[e,...r]=a(t);if(r.length)throw new TypeError(`Missing parameters: ${r.join(", ")}`);return e}}function d(t,e,r){const s=t.map(t=>f(t,e,r));return t=>{const e=[""];for(const r of s){const[s,...n]=r(t);e[0]+=s,e.push(...n)}return e}}function f(t,r,s){if("text"===t.type)return()=>[t.value];if("group"===t.type){const e=d(t.tokens,r,s);return t=>{const[r,...s]=e(t);return s.length?[""]:[r]}}const n=s||e;return"wildcard"===t.type&&!1!==s?e=>{const s=e[t.name];if(null==s)return["",t.name];if(!Array.isArray(s)||0===s.length)throw new TypeError(`Expected "${t.name}" to be a non-empty array`);return[s.map((e,r)=>{if("string"!=typeof e)throw new TypeError(`Expected "${t.name}/${r}" to be a string`);return n(e)}).join(r)]}:e=>{const r=e[t.name];if(null==r)return["",t.name];if("string"!=typeof r)throw new TypeError(`Expected "${t.name}" to be a string`);return[n(r)]}}function m(r,s={}){const{decode:n=decodeURIComponent,delimiter:a=t}=s,{regexp:i,keys:o}=g(r,s),h=o.map(t=>!1===n?e:"param"===t.type?n:t=>t.split(a).map(n));return function(t){const e=i.exec(t);if(!e)return!1;const r=e[0],s=Object.create(null);for(let t=1;t<e.length;t++){if(void 0===e[t])continue;const r=o[t-1],n=h[t-1];s[r.name]=n(e[t])}return{path:r,params:s}}}function g(e,r={}){const{delimiter:s=t,end:n=!0,sensitive:a=!1,trailing:i=!0}=r,o=[],l=a?"":"i",c=[];for(const t of y(e,[])){const e="object"==typeof t?t:u(t,r);for(const t of w(e.tokens,0,[]))c.push(P(t,s,o,e.originalPath))}let p=`^(?:${c.join("|")})`;i&&(p+=`(?:${h(s)}$)?`),p+=n?"$":`(?=${h(s)}|$)`;return{regexp:new RegExp(p,l),keys:o}}function y(t,e){if(Array.isArray(t))for(const r of t)y(r,e);else e.push(t);return e}function*w(t,e,r){if(e===t.length)return yield r;const s=t[e];if("group"===s.type)for(const n of w(s.tokens,0,r.slice()))yield*w(t,e+1,n);else r.push(s);yield*w(t,e+1,r)}function P(t,e,r,s){let n="",a="",i=!0;for(const o of t)if("text"!==o.type)if("param"!==o.type&&"wildcard"!==o.type);else{if(!i&&!a)throw new c(`Missing text before "${o.name}" ${o.type}`,s);"param"===o.type?n+=`(${v(e,i?"":a)}+)`:n+="([\\s\\S]+)",r.push(o),a="",i=!1}else n+=h(o.value),a+=o.value,i||(i=o.value.includes(e));return n}function v(t,e){return e.length<2?t.length<2?`[^${h(t+e)}]`:`(?:(?!${h(t)})[^${h(e)}])`:t.length<2?`(?:(?!${h(e)})[^${h(t)}])`:`(?:(?!${h(e)}|${h(t)})[\\s\\S])`}function b(t){let e="",r=0;function s(e){return $(e)&&E(t[r])?e:JSON.stringify(e)}for(;r<t.length;){const n=t[r++];if("text"!==n.type)if("group"!==n.type)if("param"!==n.type){if("wildcard"!==n.type)throw new TypeError(`Unknown token type: ${n.type}`);e+=`*${s(n.name)}`}else e+=`:${s(n.name)}`;else e+=`{${b(n.tokens)}}`;else e+=o(n.value)}return e}function S(t){return b(t.tokens)}function $(t){const[e,...s]=t;return r.test(e)&&s.every(t=>a.test(t))}function E(t){return!t||"text"!==t.type||!a.test(t.value[0])}return n.PathError=c,n}var i=a();function o(t){if(!t)return t;let e=t.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)\?/g,"{:$1}");return e=e.replace(/\*$/g,"*path"),e}function h(...t){t[0]=`%c<registry>%c ${t[0]}`,t.splice(1,0,"font-weight: bold; color: #99FF33;","color: inherit; font-weight: normal"),console.log.apply(null,t)}class l{constructor(){this.rootPath="",this.usePath=!1,this.state={},this.channelStates={},this.hash=null,this.idHash=!0,this._listeners=[],this.urlPattern=null,this.urlIgnore=new Set,this.pathParams=new Set,this.currentUser=null}configure(t=!0,e=!1,s="",n,a){if(this.rootPath=s,this.usePath=t,this.idHash=e,this.urlPattern=n,a&&a.split(/\s*,\s*/).forEach(t=>this.urlIgnore.add(t)),this.urlPattern){const t=o(this.urlPattern),e=[];i.pathToRegexp(t,e),e.forEach(t=>this.pathParams.add(t.name)),this._decodePath=i.match(t),this._encodePath=i.compile(t)}const l=this._stateFromURL();l?this.state=l:console.error("<registry> failed to parse URL: %s using template %s",window.location,this.urlTemplate),window.history.replaceState(null,""),window.addEventListener("popstate",t=>{if(t.state){try{this.channelStates=JSON.parse(t.state)}catch(t){return void console.error("<registry> error restoring state: %s",t.toString())}this.state=this._stateFromURL(),h("popstate: %o",this.channelStates),this._listeners.forEach(t=>{t.callback(this.getState(t.component))}),r.emit("pb-popstate",null,this.channelStates)}})}subscribe(t,e){this._listeners.push({component:t,callback:e})}_stateFromURL(){const t={};this.hash=window.location.hash,this.idHash&&this.hash.length>0&&!/^#\d+\./.test(this.hash)&&(t.id=this.hash.substring(1));const e=window.location.pathname.replace(new RegExp(`^${this.rootPath}/?`),"");if(this.urlPattern){const r=this._decodePath(e);Object.assign(t,r.params),h("decoded path %s using template %s: %o",e,this.urlPattern,t)}else this.usePath&&(t.path=e);const r=new URLSearchParams(window.location.search);return r.forEach((e,s)=>{if(this.urlPattern&&this.pathParams.has(s)||this.usePath&&"path"===s)return void console.warn("Found path parameter in query, but usePath is set to true. The path parameter will be ignored.");if(s in t)return;const n=r.getAll(s);1===n.length?t[s]=e:t[s]=n}),t}getState(t){const r=e(t)[0],s=this.channelStates[r];return s||(this.channelStates[r]={},this.channelStates[r])}setState(t,r){const s=e(t)[0];this.channelStates[s]=Object.assign(this.channelStates[s],r)}clearParametersMatching(t,e){const{state:r}=this;for(const t of Object.keys(r))e.test(t)&&(r[t]=null)}get(t,e){if(!this.state)return;return t.split(".").reduce((t,e)=>{if(t[e])return t[e]},this.state)||e}set(t,e){if(!t.includes("."))return void(this.state[t]=e);const r=t.split("."),s=r.pop();r.reduce((t,e)=>(t[e]||(t[e]={}),t[e]),this.state)[s]=e}commit(t,e,r=!1){if(e&&"root"in e&&null===e.root){var s,n;const a=(null==t||null===(s=t.tagName)||void 0===s?void 0:s.toLowerCase())||(null==t||null===(n=t.constructor)||void 0===n?void 0:n.name)||"unknown";console.warn("[registry] commit called with root=null by:",a,{newState:e,overwrite:r,stack:(new Error).stack})}this._commit(t,e,r,!1)}replace(t,e,r=!1){var s,n;const a=(null==t||null===(s=t.tagName)||void 0===s?void 0:s.toLowerCase())||(null==t||null===(n=t.constructor)||void 0===n?void 0:n.name)||"unknown";console.warn("[registry] replace called by:",a,{newState:e,overwrite:r,stack:(new Error).stack}),this._commit(t,e,r,!0)}_commit(t,r,s,n){const a=Object.assign({},this.state);this.state=s?r:Object.assign(Object.assign({},this.state),r);const i=this.urlFromState();console.log("[registry] _commit: committing state",{oldState:a,newState:r,overwrite:s,replace:n,mergedState:this.state,resolvedUrl:i.toString(),resolvedHash:i.hash,resolvedSearch:i.search});e(t).forEach(t=>{s||!this.channelStates[t]?this.channelStates[t]=r:Object.assign(this.channelStates[t],r)});const o=this.toJSON();n?(window.history.replaceState(o,"",i),h("replace %s: %o %d",i.toString(),this.channelStates,window.history.length),console.log("[registry] _commit: replaced URL",{url:i.toString(),hash:i.hash,search:i.search})):(window.history.pushState(o,"",i),h("commit %s: %o %d",i.toString(),this.channelStates,window.history.length),console.log("[registry] _commit: pushed URL",{url:i.toString(),hash:i.hash,search:i.search}))}urlFromState(){const t=new URL(window.location.href);function e(e,r){if(null===e)t.searchParams.delete(r);else if(Array.isArray(e)){const s=Array.from(e);t.searchParams.set(r,s.pop()),s.forEach(e=>t.searchParams.append(r,e))}else t.searchParams.set(r,e)}console.log("[registry] urlFromState: building URL from state",{state:this.state,idHash:this.idHash,usePath:this.usePath,urlPattern:this.urlPattern,urlIgnore:Array.from(this.urlIgnore),pathParams:Array.from(this.pathParams)});for(const[t,r]of Object.entries(this.state))if(this.urlPattern){const s=t.replace(/^(?:user\.)?(.*)$/,"$1"),n=this.pathParams.has(s)||this.urlIgnore.has(s);console.log("[registry] urlFromState: processing param (urlPattern)",{param:t,normParam:s,value:r,shouldIgnore:n,willInclude:!n}),n||e(r,s)}else if("path"===t&&this.usePath||this.urlIgnore.has(t))console.log("[registry] urlFromState: skipping param",{param:t,value:r,reason:"path"===t&&this.usePath?"path param with usePath=true":"in urlIgnore"});else{const s=!("path"===t&&this.usePath||this.urlIgnore.has(t)),n="view"===t&&"single"===r||"odd"===t&&"teipublisher"===r||"panels"===t&&"string"==typeof r&&r.split(".").length>10;console.log("[registry] urlFromState: processing param (no urlPattern)",{param:t,value:r,willInclude:s,isUnwantedDefault:n,isPath:"path"===t,usePath:this.usePath,inUrlIgnore:this.urlIgnore.has(t)}),s&&!n?e(r,t):n&&console.log("[registry] urlFromState: filtering out unwanted default value",{param:t,value:r,reason:"unwanted default"})}if(this.state.path&&this.state.path.length>0)if(this.urlPattern){const e={};for(const[t,r]of Object.entries(this.state))this.pathParams.has(t)&&""===r?e[t]=null:e[t]=r;const r=this._encodePath(e);t.pathname=`${this.rootPath}/${r}`}else this.usePath&&(t.pathname=`${this.rootPath}/${this.state.path}`);return this.state.id&&!this.urlPattern&&(t.hash=`#${this.state.id}`,console.log("[registry] urlFromState: set hash from state.id",{id:this.state.id,hash:t.hash})),console.log("[registry] urlFromState: final URL",{url:t.toString(),search:t.search,hash:t.hash,hasIdParam:t.searchParams.has("id"),idParamValue:t.searchParams.get("id"),hasRootParam:t.searchParams.has("root"),rootParamValue:t.searchParams.get("root")}),t}toJSON(){return JSON.stringify(this.channelStates)}}const c=new l;if("undefined"!=typeof window){window.pbRegistry||(window.pbRegistry=c),window.PB||(window.PB={});try{const t=Object.getOwnPropertyDescriptor(window.PB,"pbRegistry");t&&"function"==typeof t.get||Object.defineProperty(window.PB,"pbRegistry",{configurable:!0,enumerable:!0,get:()=>window.pbRegistry,set(t){window.pbRegistry=t}})}catch(t){window.PB.pbRegistry||(window.PB.pbRegistry=window.pbRegistry)}}export{c as r};

package/eslint.config.mjs

@@ -0,0 +1,92 @@
+import globals from "globals";
+import eslint from "@eslint/js";
+import openwc from "@open-wc/eslint-config";
+import eslintConfigPrettier from "eslint-config-prettier/flat";
+import cypress from "eslint-plugin-cypress";
+import chaiFriendly from "eslint-plugin-chai-friendly";
+
+export default [
+  // Ignore common build/artifact folders (still honoring .gitignore via CLI flag)
+  {
+    ignores: [
+      "dist/**",
+      "lib/**",
+      "css/**",
+      "images/**",
+      "demo/build/**",
+      "test/cypress/fixtures/**",
+      "test/cypress/screenshots/**",
+      "test/cypress/videos/**",
+      "test/cypress/downloads/**",
+      "node_modules/**",
+    ],
+  },
+
+  // Base ESLint recommended for JS with modern language settings
+  {
+    ...eslint.configs.recommended,
+    languageOptions: {
+      ...eslint.configs.recommended.languageOptions,
+      ecmaVersion: 2023,
+      sourceType: "module",
+      globals: { ...globals.browser, ...globals.es2023 },
+    },
+  },
+
+  // Open WC flat config (Lit/Web Components rules and sensible defaults)
+  ...openwc,
+
+  // Disable formatting conflicts with Prettier (must come after other configs)
+  eslintConfigPrettier,
+
+  // Project-specific rules (migrated from .eslintrc.json)
+  {
+    rules: {
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              name: "lit-element",
+              message:
+                "Use 'lit' instead (see migration_plan/LIT-CONSOLIDATION.md).",
+            },
+            {
+              name: "lit-html",
+              message:
+                "Use 'lit' instead (see migration_plan/LIT-CONSOLIDATION.md).",
+            },
+          ],
+          patterns: ["lit-html/*"],
+        },
+      ],
+    },
+  },
+
+  // Cypress tests (component/e2e)
+  // Use plugin recommended config, but only for Cypress-related files
+  {
+    ...cypress.configs.recommended,
+    files: [
+      "test/cypress/**/*.{js,ts}",
+      "**/*.cy.{js,ts}",
+      "cypress/**/*.{js,ts}",
+    ],
+  },
+
+  // Add chai-friendly for Cypress specs as well
+  {
+    files: [
+      "test/cypress/**/*.{js,ts}",
+      "**/*.cy.{js,ts}",
+      "cypress/**/*.{js,ts}",
+    ],
+    plugins: {
+      "chai-friendly": chaiFriendly,
+    },
+    rules: {
+      "chai-friendly/no-unused-expressions": "error",
+      "no-unused-expressions": "off",
+    },
+  },
+];

package/gh-pages.js

@@ -9,7 +9,7 @@ const versionTag = `@${json.version}`;
 const dir = path.join('docs', versionTag);
 const latest = path.resolve(path.join('docs', '@latest'));
 const dist = path.join(dir, 'dist');
-fs.mkdirSync(dist, { recursive: true});
+fs.mkdirSync(dist, { recursive: true });
 
 console.log('[gh-pages] Copying files to %s', dir);
 copy('dist', dist);
@@ -20,8 +20,10 @@ copy('css', path.join(dir, 'css'));
 copy('src', path.join(dir, 'src'));
 
 try {
-    fs.unlinkSync(latest);
-} catch(e) { /* */ }
+  fs.unlinkSync(latest);
+} catch (e) {
+  /* */
+}
 fs.symlinkSync(path.resolve(dir), latest, 'dir');
 
 const redirect = fs.readFileSync(path.join('demo', 'redirect.js'), 'utf-8');

package/i18n/common/en.json

@@ -316,5 +316,11 @@
   "timeline": {
     "unknown": "undated",
     "clear": "Clear date selection"
+  },
+  "toolbar": {
+    "zoom": {
+      "in": "Zoom in",
+      "out": "Zoom out"
+    }
   }
 }

package/i18n/common/pl.json

@@ -53,8 +53,8 @@
     "sort": "Sortuj",
     "filter": "Filtruj według",
     "filterPlaceholder": "Filtruj",
-    "items": "Znaleziono {{count}} rezultat",
-    "items_plural": "Znaleziono {{count}} rezultatów",
+    "items": "Liczba rezultatów: {{count}}",
+    "items_plural": "Liczba rezultatów: {{count}}",
     "title": "Tytuł",
     "author": "Autor",
     "modificationDate": "Data ostatniej modyfikacji",

package/images/icons.svg

@@ -0,0 +1,217 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <defs>
+    <!-- Navigation icons -->
+    <g id="icon-expand-more">
+      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>
+    </g>
+
+    <g id="icon-expand-less">
+      <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/>
+    </g>
+
+    <g id="icon-chevron-right">
+      <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
+    </g>
+
+    <g id="icon-chevron-left">
+      <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
+    </g>
+
+    <g id="icon-menu">
+      <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+    </g>
+
+    <g id="icon-close">
+      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
+    </g>
+
+    <!-- Action icons -->
+    <g id="icon-search">
+      <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
+    </g>
+
+    <g id="icon-edit">
+      <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
+    </g>
+
+    <g id="icon-delete">
+      <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
+    </g>
+
+    <g id="icon-add">
+      <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+    </g>
+
+    <g id="icon-remove">
+      <path d="M19 13H5v-2h14v2z"/>
+    </g>
+
+    <g id="icon-save">
+      <path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/>
+    </g>
+
+    <g id="icon-copy">
+      <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
+    </g>
+
+    <g id="icon-content-paste">
+      <path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"/>
+    </g>
+
+    <g id="icon-download">
+      <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
+    </g>
+
+    <g id="icon-upload">
+      <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/>
+    </g>
+
+    <!-- Communication icons -->
+    <g id="icon-email">
+      <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
+    </g>
+
+    <g id="icon-print">
+      <path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/>
+    </g>
+
+    <!-- Status icons -->
+    <g id="icon-check">
+      <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+    </g>
+
+    <g id="icon-warning">
+      <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
+    </g>
+
+    <g id="icon-error">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+    </g>
+
+    <g id="icon-info">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
+    </g>
+
+    <g id="icon-refresh">
+      <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/>
+    </g>
+
+    <!-- Media icons -->
+    <g id="icon-play">
+      <path d="M8 5v14l11-7z"/>
+    </g>
+
+    <g id="icon-pause">
+      <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
+    </g>
+
+    <g id="icon-stop">
+      <path d="M6 6h12v12H6z"/>
+    </g>
+
+    <g id="icon-volume-up">
+      <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
+    </g>
+
+    <g id="icon-volume-off">
+      <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
+    </g>
+
+    <g id="icon-zoom-in">
+      <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm2.5-4h-2v2H9v-2H7V9h2V7h1v2h2v1z"/>
+    </g>
+
+    <g id="icon-zoom-out">
+      <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/>
+    </g>
+
+    <!-- Layout icons -->
+    <g id="icon-grid">
+      <path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/>
+    </g>
+
+    <g id="icon-list">
+      <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
+    </g>
+
+    <g id="icon-view-list">
+      <path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>
+    </g>
+
+    <g id="icon-view-column">
+      <path d="M10 18h5V5h-5v13zm-6 0h5V5H4v13zM16 5v13h5V5h-5z"/>
+    </g>
+
+    <g id="icon-fullscreen">
+      <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+    </g>
+
+    <g id="icon-fullscreen-exit">
+      <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
+    </g>
+
+    <!-- File icons -->
+    <g id="icon-folder">
+      <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
+    </g>
+
+    <g id="icon-file">
+      <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/>
+    </g>
+
+    <!-- Settings icons -->
+    <g id="icon-settings">
+      <path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"/>
+    </g>
+
+    <g id="icon-help">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
+    </g>
+
+    <!-- Date/Time icons -->
+    <g id="icon-calendar">
+      <path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/>
+    </g>
+
+    <g id="icon-clock">
+      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
+    </g>
+
+    <!-- Social icons -->
+    <g id="icon-share">
+      <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/>
+    </g>
+
+    <g id="icon-favorite">
+      <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
+    </g>
+
+    <g id="icon-bookmark">
+      <path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"/>
+    </g>
+    <g id="icon-arrow-upward">
+      <path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12 12 4z"/>
+    </g>
+
+    <g id="icon-arrow-downward">
+      <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/>
+    </g>
+
+    <g id="icon-flag">
+      <path d="M6 4v16h2v-6h5l1 2h4V6h-4V4H6z"/>
+    </g>
+
+    <g id="icon-folder-open">
+      <path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10z"/>
+    </g>
+
+    <g id="icon-code">
+      <path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
+    </g>
+
+    <g id="icon-open-in-new">
+      <path d="M14 3v2h3.59L9 13.59 10.41 15 19 6.41V10h2V3zM5 5v14h14v-6h-2v4H7V7h4V5z"/>
+    </g>
+
+  </defs>
+</svg>

package/index.html

@@ -37,11 +37,6 @@
   </script>
   -->
 
-  <!-- Load polyfills -->
-  <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" defer></script>
-  <script type="module" src="node_modules/@polymer/iron-icons/iron-icons.js"></script>
-  <script type="module" src="node_modules/@polymer/paper-fab/paper-fab.js"></script>
-
   <script type="module" src="src/pb-page.js"></script>
   <script type="module" src="src/pb-document.js"></script>
   <script type="module" src="src/pb-toggle-feature.js"></script>