@spectric/ui 0.0.6 → 0.0.7

package/dist/assets/Header.stories-Bc09U6g1.js

@@ -1,25 +0,0 @@
-import{o as L}from"./dialog-CFHXbUTQ.js";import{x as o}from"./lit-element-UdLzEcH-.js";import"./Banner-CZ3qKIQC.js";import"./directive-helpers-IbK5tOA8.js";const B={title:"UI/Header",tags:["autodocs"],component:"spectric-header",render:e=>(console.log(e),o`<spectric-header 
-     username=${L(e.username)} 
-     ?showCreateAccount=${e.showCreateAccount} 
-     ?showLoginButton=${e.showLoginButton}
-     @login=${()=>alert("login")} 
-     @logout=${()=>alert("logout")} 
-     @createAccount=${()=>alert("create")}>
-     ${e.name?o`<span slot="name">${e.name}</span>`:null}
-     ${e.center?o`<span slot="end">${e.center}</span>`:null}
-     ${e.end?o`<span slot="end">${e.end}</span>`:null}
-     ${e.branding?o`<span slot="branding">${e.branding}</span>`:null}
-     </spectric-header>`),args:{showLoginButton:!0,showCreateAccount:!1}},n={args:{username:"Jane Doe"}},r={},t={args:{showCreateAccount:!0}},a={args:{showLoginButton:!1,name:"App without Login function"}};var s,c,u;n.parameters={...n.parameters,docs:{...(s=n.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  args: {
-    username: "Jane Doe"
-  }
-}`,...(u=(c=n.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var p,i,d;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(d=(i=r.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var m,l,g;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  args: {
-    showCreateAccount: true
-  }
-}`,...(g=(l=t.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var h,w,$;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    showLoginButton: false,
-    name: 'App without Login function'
-  }
-}`,...($=(w=a.parameters)==null?void 0:w.docs)==null?void 0:$.source}}};const b=["LoggedIn","LoggedOut","ShowCreateAccount","LoginNotRequired"];export{n as LoggedIn,r as LoggedOut,a as LoginNotRequired,t as ShowCreateAccount,b as __namedExportsOrder,B as default};

package/dist/assets/Page.stories-DNJKhAFs.js

@@ -1,114 +0,0 @@
-import{LoggedIn as O,LoggedOut as C}from"./Header.stories-Bc09U6g1.js";import{r as L,o as c,C as W,T as _,a as I}from"./dialog-CFHXbUTQ.js";import{r as j,x as r}from"./lit-element-UdLzEcH-.js";import{n as k,t as z,o as A}from"./Banner-CZ3qKIQC.js";import{f as H,u as T}from"./data-CwENMT7L.js";import{E as B}from"./Bits-C_TSTjST.js";import"./directive-helpers-IbK5tOA8.js";var D=Object.defineProperty,E=Object.getOwnPropertyDescriptor,m=(e,i,a,t)=>{for(var s=t>1?void 0:t?E(i,a):i,n=e.length-1,o;n>=0;n--)(o=e[n])&&(s=(t?o(i,a,s):o(s))||s);return t&&s&&D(i,a,s),s};let u=class extends j{constructor(){super(...arguments),this.frameWidth=10,this.dialogOpen=!1}render(){return r`
-        <spectric-dialog ?open=${this.dialogOpen} title="Are you sure you want to delete?" ?dismissable=${!0} @close=${()=>{this.dialogOpen=!1}}>
-        <div style="display:flex;justify-content: space-around;">
-        <spectric-button danger @click=${()=>{this.dialogOpen=!1,setTimeout(()=>alert("deleted"),300)}}>Delete</spectric-button><spectric-button variant="text" @click=${()=>{this.dialogOpen=!1}}>Cancel</spectric-button>
-          </div>
-      </spectric-dialog>
-        <h2>Pages in Spectric UI</h2>
-        <p>
-          We recommend building UIs with a
-          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
-            <strong>component-driven</strong> </a
-          >process starting with atomic components and ending with pages.
-        </p>
-        <spectric-panel>
-          Query
-        <spectric-query
-          .fields=${[{name:"modulations",type:"string"},{name:"signal",type:"string"}]}
-          .getValuesForField=${H}
-          @change=${e=>{}}
-          outputLanguage=${"toDSL"}
-          >
-        
-          </spectric-query>
-        <spectric-panel style="display:flex">
-        <spectric-bit-display
-            frameWidth=${this.frameWidth}
-            scale=${2}
-            .arrayBuffer=${B.buffer}
-            width=${200}
-            height=${200}
-          >
-          </spectric-bit-display>
-          <div style="flex-grow:1">
-          <h4>Main Settings here</h4>
-        <spectric-input variant="number" .value=${this.frameWidth} @change=${e=>this.frameWidth=e.target.value} placeholder="frameWidth" helpertext="Adjust the framewidth" label="Frame Width" >
-            Input label
-          </spectric-input>
-          <spectric-button size="small" >Submit</spectric-button><spectric-button size="small" variant="secondary">Continue</spectric-button><spectric-button size="small" variant="text">Cancel</spectric-button>
-          </div>
-          <spectric-panel>
-            <h4>OtherSettings here</h4>
-        
-          <spectric-input variant="number" .value=${this.frameWidth} @change=${e=>this.frameWidth=e.target.value} placeholder="frameWidth" helpertext="Adjust the framewidth" label="Frame Width" style="flex-grow:1">
-            Input label
-          </spectric-input>
-         <spectric-button size="small" >Submit</spectric-button><spectric-button size="small" variant="secondary">Continue</spectric-button><spectric-button size="small" variant="text">Cancel</spectric-button>
-          </spectric-panel>
-        
-        </spectric-panel>
-        <div style="display:flex">
-          <span style="flex-grow:1"></span>
-          <spectric-button size="small" danger @click=${()=>{this.dialogOpen=!0,this.requestUpdate()}}>Delete</spectric-button>
-          <spectric-button size="small" danger variant="secondary">Override</spectric-button>
-          <spectric-button size="small" danger variant="text">Disable</spectric-button>
-          <spectric-button size="small" variant="text">test</spectric-button>
-          </div></spectric-panel>`}};m([k({type:Number,reflect:!0})],u.prototype,"frameWidth",2);m([L()],u.prototype,"dialogOpen",2);u=m([z("spectric-storybook-example-content")],u);const P=()=>r`<spectric-storybook-example-content/>`,g={name:r`<span class="spectric">Spectric Components</span>`,branding:r`<img height="35" src='https://static.wixstatic.com/media/bb8de2_d075320863814eeb9c954fcc57ce2822%7Emv2.png/v1/fill/w_192%2Ch_192%2Clg_1%2Cusm_0.66_1.00_0.01/bb8de2_d075320863814eeb9c954fcc57ce2822%7Emv2.png'/>`},Q={title:"UI/Page",tags:["autodocs"],component:"spectric-page",render:(e,i)=>{const[a,t]=T();let s=Object.fromEntries(Object.entries(e).filter(([n,o])=>n.startsWith("--")));return r`<spectric-page @change=${()=>t({...e})}
-    style=${A({...s,height:"600px/*default is full screen*/"})}
-    theme=${c(e.theme)}
-    ?headerSticky=${e.headerSticky}
-  ?showHeader=${e.showHeader}
-  ?showCreateAccount=${e.showCreateAccount}
-  ?showLoginButton=${e.showLoginButton}
-  classificationLevel=${c(e.classificationLevel)}
-  classificationText=${c(e.classificationText)}
-  .notifications=${e.notifications||[]}
-  username=${c(e.username)}
-  @createAccount=${()=>{let n=prompt("Username");t({...e,username:n})}} 
-  @login=${()=>{t({...e,username:"Spectric-User"})}} 
-  @logout=${()=>{t({...e,username:""})}} 
-  @bannerDismissed=${n=>{console.log(n),alert("banner dismissed")}}>
-    ${e.branding?r`<span slot="branding">${e.branding}</span>`:null}
-    ${e.name?r`<span slot="name">${e.name}</span>`:null}
-    ${e.center?r`<span slot="center">
-          ${e.center}
-    </span>`:null}
-    ${e.end?r`<span slot="end">
-          ${e.end}
-    </span>`:null}
-    ${e.content||P()}
-    
-    </spectric-page>`},argTypes:{classificationLevel:{options:Object.values(W)},theme:{options:Object.values(_)},...I}},l={args:{classificationLevel:"us.unclassified",classificationText:"",notifications:[{bannerId:"mx-banner",text:"We will be doing some maintenance",headerStyle:{backgroundColor:"var(--spectric-primary)",color:"var(--spectric-text-on-color)"},dismissable:!0},{text:"You cannot dismiss this banner because it it important",headerStyle:{backgroundColor:"cadetblue"},dismissable:!1}],...g}},p={args:{...g,...O.args}},d={args:{...g,...C.args}};var h,b,f;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    classificationLevel: "us.unclassified",
-    classificationText: "",
-    notifications: [{
-      bannerId: "mx-banner",
-      text: "We will be doing some maintenance",
-      headerStyle: {
-        backgroundColor: "var(--spectric-primary)",
-        color: "var(--spectric-text-on-color)"
-      },
-      dismissable: true
-    }, {
-      text: "You cannot dismiss this banner because it it important",
-      headerStyle: {
-        backgroundColor: "cadetblue"
-      },
-      dismissable: false
-    }],
-    // More on composing args: https://storybook.js.org/docs/writing-stories/args#args-composition
-    ...defaultHeader
-  }
-}`,...(f=(b=l.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var $,v,y;p.parameters={...p.parameters,docs:{...($=p.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    // More on composing args: https://storybook.js.org/docs/writing-stories/args#args-composition
-    ...defaultHeader,
-    ...HeaderStories.LoggedIn.args
-  }
-}`,...(y=(v=p.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var x,S,w;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    ...defaultHeader,
-    ...HeaderStories.LoggedOut.args
-  }
-}`,...(w=(S=d.parameters)==null?void 0:S.docs)==null?void 0:w.source}}};const G=["WithBannersAndNotifications","LoggedIn","LoggedOut"];export{p as LoggedIn,d as LoggedOut,l as WithBannersAndNotifications,G as __namedExportsOrder,Q as default};

package/dist/assets/QueryBar.stories-Da5C-SV4.js

@@ -1,17 +0,0 @@
-import{S as g}from"./dialog-CFHXbUTQ.js";import"./Banner-CZ3qKIQC.js";import{x as m}from"./lit-element-UdLzEcH-.js";import{u as l,f as d}from"./data-CwENMT7L.js";import"./directive-helpers-IbK5tOA8.js";var a="";const $={title:"UI/Query",tags:["autodocs"],component:"spectric-query",render:e=>{const[f,u]=l(),p=async(t,c)=>e.fields.find(i=>i.name===t)?d(t,c):[];return m`
-  <spectric-query
-  .fields=${e.fields}
-  .getValuesForField=${p}
-  @change=${t=>{a=t.detail,u({...e})}}
-  outputLanguage=${e.outputLanguage}
-  >
-
-  </spectric-query>
-  <pre>
-    ${JSON.stringify(a,null,2)}
-  </pre>
-`},argTypes:{outputLanguage:{control:{type:"select"},options:Object.values(g)}},args:{outputLanguage:"toDSL",fields:[{name:"test",type:"string"},{name:"test_num",type:"number"},{name:"test_bool",type:"boolean"},{name:"modulations",type:"string"}]}},r={args:{outputLanguage:"toCql"}};var o,s,n;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  args: {
-    outputLanguage: "toCql"
-  }
-}`,...(n=(s=r.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const b=["Basic"];export{r as Basic,b as __namedExportsOrder,$ as default};

package/dist/assets/_commonjsHelpers-Cpj98o6Y.js

@@ -1 +0,0 @@
-var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as c,l as g};

package/dist/assets/chunk-L4EGOTBX-AI5g0G5Z.js

@@ -1,2 +0,0 @@
-import"./entry-preview-Di-j0SPB.js";const{global:o}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_PREVIEW_API__;var{window:r}=o;r.STORYBOOK_ENV="web-components";function s(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function d(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`)}function O(e){o.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__=e}function u(){return o.__STORYBOOK_CUSTOM_ELEMENTS__||o.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:a,EventSource:_}=o,t;typeof module<"u"&&((t=module==null?void 0:module.hot)!=null&&t.decline)&&(module.hot.decline(),new _("__webpack_hmr").addEventListener("message",function(e){try{let{action:n}=JSON.parse(e.data);n==="built"&&a.location.reload()}catch{}}));export{d as a,u as g,s as i,O as s};

package/dist/assets/data-CwENMT7L.js

@@ -1,3 +0,0 @@
-const{Channel:d}=__STORYBOOK_MODULE_CHANNELS__,{global:a}=__STORYBOOK_MODULE_GLOBAL__,{logger:i}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{STORY_RENDERED:M,UPDATE_STORY_ARGS:O,RESET_STORY_ARGS:m,UPDATE_GLOBALS:D,FORCE_RE_RENDER:P}=__STORYBOOK_MODULE_CORE_EVENTS__;function S(){let e={setHandler:()=>{},send:()=>{}};return new d({transport:e})}var C=class{constructor(){this.getChannel=()=>{if(!this.channel){let e=S();return this.setChannel(e),e}return this.channel},this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=e=>{this.channel=e,this.resolve()},this.setServerChannel=e=>{this.serverChannel=e},this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},l="__STORYBOOK_ADDONS_PREVIEW";function E(){return a[l]||(a[l]=new C),a[l]}var T=E(),g=(e,t)=>e.length===t.length&&e.every((r,o)=>r===t[o]),u=()=>new Error("Storybook preview hooks can only be called inside decorators and story functions.");function _(){return a.STORYBOOK_HOOKS_CONTEXT||null}function c(){let e=_();if(e==null)throw u();return e}function f(e,t,r){let o=c();if(o.currentPhase==="MOUNT"){r!=null&&!Array.isArray(r)&&i.warn(`${e} received a final argument that is not an array (instead, received ${r}). When specified, the final argument must be an array.`);let n={name:e,deps:r};return o.currentHooks.push(n),t(n),n}if(o.currentPhase==="UPDATE"){let n=o.getNextHook();if(n==null)throw new Error("Rendered more hooks than during the previous render.");return n.name!==e&&i.warn(`Storybook has detected a change in the order of Hooks${o.currentDecoratorName?` called by ${o.currentDecoratorName}`:""}. This will lead to bugs and errors if not fixed.`),r!=null&&n.deps==null&&i.warn(`${e} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`),r!=null&&n.deps!=null&&r.length!==n.deps.length&&i.warn(`The final argument passed to ${e} changed size between renders. The order and size of this array must remain constant.
-Previous: ${n.deps}
-Incoming: ${r}`),(r==null||n.deps==null||!g(r,n.deps))&&(t(n),n.deps=r),n}throw u()}function R(e,t,r){let{memoizedState:o}=f(e,n=>{n.memoizedState=t()},r);return o}function h(e,t){return R("useCallback",()=>e,t)}function A(){let{currentContext:e}=c();if(e==null)throw u();return e}function w(){let e=T.getChannel(),{id:t,args:r}=A(),o=h(s=>e.emit(O,{storyId:t,updatedArgs:s}),[e,t]),n=h(s=>e.emit(m,{storyId:t,argNames:s}),[e,t]);return[r,o,n]}const p=["AM","FM","PM","QAM","ASK","FSK","PSK","OFDM","PCM","DPSK"],v=["802.11n","8PSK","ASCII","AUTOSPEC","Aprizesat","Autocab","Bluetooth","CCITT","CDMA420","CHIP","CHU","COFDMTV","CompuLert","Contestia","Coquelet","DCF77","DominoEX","DominoF","EIA","FLEX","FSK441","FSQ","FST4W","FT4","FT8","Hellschreiber","ISCAT","JS8","JT4","JT65","JT6M","JT9","JTMS","Kiwi","Lentus","LoRa","MDC1200","MOBITEX","MSK144","MT63","Milstar","NML","NOV","NPM","NWC","Olivia","OpenSky","Orbcomm","PACKET","PAX","PI4","POCSAG","PSK2K","Piccolo","ProVoice","Q15X25","ROS","RTTYM","ReFLEX","SIGFOX","SPREAD","Serdolik","SkyOFDM","THOR","THROB","TT2300","TWINPLEX","Tetrapol","VISEL","VOICE","WSPR","WiMAX","WinDRM"],k=async(e,t)=>{if(e==="modulations")return p.filter(n=>n.match(new RegExp(t,"gi")));if(e==="signal")return v.filter(n=>n.match(new RegExp(t,"gi")));let o=["test","some value","10000",..."Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.".split(" ").map(n=>`${n}`)];return t==""?o:o.filter(n=>n.includes(t))};export{k as f,w as u};