pragma-views2/webcomponents/pragma-assistant/pragma-assistant.html

<template id="pragma-assistant-template">
    <style>
        @import "./styles/webcomponents/pragma-assistant.css";
    </style>
    <div class="assistant-wrapper">
        <div class="assist-toolbar">
            <div class="assist-logo">
                <svg id="logo" slot="logo" xmlns="http://www.w3.org/2000/svg" width="132" height="17" viewBox="0 0 132 17">
                    <g fill-rule="evenodd">
                        <g fill-opacity=".8">
                            <polygon points="8.572 .042 8.572 3.274 12.541 3.274 12.541 7.302 15.785 7.302 15.785 .042 8.572 .042"/>
                            <path d="M20.6146242,15.8754909 L17.4432325,15.8754909 L17.4432325,1.73730909 C17.4432325,0.828509091 18.161218,0.0384 19.0641917,0.0384 L20.7996124,0.0384 L27.209454,10.9137455 L27.209454,0.0384 L30.3808457,0.0384 L30.3808457,15.8754909 L27.0244658,15.8754909 L20.6146242,4.99898182 L20.6146242,15.8754909 Z M40.3262746,15.8754909 L37.1097921,15.8754909 L37.1097921,1.73730909 C37.1097921,0.828509091 37.8266214,0.0384 38.7295951,0.0384 L40.3262746,0.0384 L40.3262746,6.18705455 L46.1811516,0.0384 L50.2728597,0.0384 L44.367111,6.18705455 L50.8104817,15.8754909 L46.8760136,15.8754909 L42.1403153,8.88901818 L40.3262746,10.9102545 L40.3262746,15.8754909 Z M71.7257117,15.8754909 L68.4629821,15.8754909 L68.4629821,9.68029091 L63.3260906,0.0384 L67.0061999,0.0384 L70.1059087,6.14283636 L72.6494966,0.992581818 C72.9501025,0.363054545 73.4356966,0.0384 74.1305585,0.0384 L76.8429482,0.0384 L71.7257117,9.68029091 L71.7257117,15.8754909 Z M62.2045996,15.8754909 L51.9319728,15.8754909 L51.9319728,1.73730909 C51.9319728,0.643490909 52.4638139,0.0616727273 53.5517758,0.0384 L62.2045996,0.0384 L62.2045996,2.78574545 L55.1022083,2.78574545 L55.1022083,6.18705455 L60.9570853,6.18705455 C60.9570853,6.18705455 60.9721156,8.77963636 60.9570853,8.86574545 L55.1022083,8.86574545 L55.1022083,12.9652364 L62.2045996,12.9652364 L62.2045996,15.8754909 Z M15.7852756,9.50690909 C15.7274668,9.87229091 15.6511591,10.2272 15.5482595,10.5646545 C14.5921016,13.7181091 11.1756005,15.8708364 7.99611558,15.8708364 C3.60264548,15.8708364 0.0427785247,12.288 0.0427785247,7.86734545 C0.0427785247,6.99927273 0.20233086,6.04974545 0.4740323,5.22821818 C1.3538825,2.5728 3.69513959,0.615563636 6.37631253,0.0418909091 L6.37631253,3.38734545 C4.55649096,4.05410909 3.25348023,5.80538182 3.25348023,7.86734545 C3.25348023,10.5029818 5.37621999,12.6394182 7.99611558,12.6394182 C10.0413915,12.6394182 11.7791246,11.3338182 12.443926,9.50690909 L15.7852756,9.50690909 Z"/>
                        </g>
                        <path fill-opacity=".5" d="M88.8285083,10.2470718 L88.1708287,8.12552486 C87.9162418,7.34762042 87.6758022,6.57326352 87.4495028,5.80243094 C87.2232033,5.03159836 86.9969072,4.24309795 86.7706077,3.43690608 L86.6857459,3.43690608 C86.4735901,4.24309795 86.2543658,5.03159836 86.0280663,5.80243094 C85.8017668,6.57326352 85.5613272,7.34762042 85.3067403,8.12552486 L84.6490608,10.2470718 L88.8285083,10.2470718 Z M89.2740331,11.6685083 L84.2035359,11.6685083 L82.8669613,15.9116022 L81.0636464,15.9116022 L85.7734807,1.99425414 L87.7677348,1.99425414 L92.4775691,15.9116022 L90.5893923,15.9116022 L89.2740331,11.6685083 Z M94.0050829,13.5779006 C94.4576818,13.9456372 94.9208816,14.2426508 95.3946961,14.4689503 C95.8685107,14.6952498 96.4165715,14.8083978 97.038895,14.8083978 C97.7177934,14.8083978 98.2269596,14.6528192 98.5664088,14.3416575 C98.9058581,14.0304957 99.0755801,13.648621 99.0755801,13.1960221 C99.0755801,12.9272915 99.0048626,12.6939236 98.8634254,12.4959116 C98.7219882,12.2978996 98.5416586,12.1246416 98.3224309,11.9761326 C98.1032033,11.8276236 97.8521561,11.6967961 97.5692818,11.5836464 L96.720663,11.2441989 C96.3529263,11.1169054 95.9851952,10.9719345 95.6174586,10.8092818 C95.2497219,10.646629 94.9208854,10.44862 94.6309392,10.2152486 C94.340993,9.98187729 94.1040893,9.70961482 93.920221,9.39845304 C93.7363527,9.08729126 93.6444199,8.71248838 93.6444199,8.27403315 C93.6444199,7.86386535 93.725745,7.47845484 93.8883978,7.11779006 C94.0510505,6.75712527 94.2844184,6.44596816 94.5885083,6.18430939 C94.8925982,5.92265063 95.2638652,5.7175698 95.7023204,5.56906077 C96.1407757,5.42055174 96.6357983,5.34629834 97.1874033,5.34629834 C97.8380143,5.34629834 98.4355774,5.45944638 98.9801105,5.68574586 C99.5246436,5.91204533 99.9949151,6.18784368 100.390939,6.51314917 L99.5635359,7.61635359 C99.209943,7.34762297 98.8422119,7.12839864 98.4603315,6.95867403 C98.0784511,6.78894943 97.6612177,6.7040884 97.2086188,6.7040884 C96.5580078,6.7040884 96.0806645,6.8525952 95.7765746,7.14961326 C95.4724847,7.44663132 95.320442,7.79314719 95.320442,8.18917127 C95.320442,8.42961446 95.3840878,8.63823116 95.5113812,8.81502762 C95.6386747,8.99182409 95.8083967,9.14740264 96.0205525,9.28176796 C96.2327082,9.41613327 96.4766837,9.53635306 96.7524862,9.64243094 C97.0282887,9.74850882 97.3146946,9.85812098 97.6117127,9.97127072 C97.9794494,10.1127079 98.3507164,10.2612147 98.7255249,10.4167956 C99.1003334,10.5723765 99.4362416,10.7668497 99.7332597,11.000221 C100.030278,11.2335923 100.274253,11.5199983 100.465193,11.8594475 C100.656134,12.1988967 100.751602,12.6090584 100.751602,13.0899448 C100.751602,13.5142563 100.670277,13.9102744 100.507624,14.278011 C100.344972,14.6457477 100.104532,14.9710483 99.7862983,15.2539227 C99.4680647,15.536797 99.0720466,15.7595572 98.598232,15.9222099 C98.1244175,16.0848627 97.5834285,16.1661878 96.9752486,16.1661878 C96.2397753,16.1661878 95.5396718,16.0318245 94.8749171,15.7630939 C94.2101624,15.4943633 93.6302787,15.1549192 93.1352486,14.7447514 L94.0050829,13.5779006 Z M102.894365,13.5779006 C103.346964,13.9456372 103.810163,14.2426508 104.283978,14.4689503 C104.757792,14.6952498 105.305853,14.8083978 105.928177,14.8083978 C106.607075,14.8083978 107.116241,14.6528192 107.455691,14.3416575 C107.79514,14.0304957 107.964862,13.648621 107.964862,13.1960221 C107.964862,12.9272915 107.894144,12.6939236 107.752707,12.4959116 C107.61127,12.2978996 107.43094,12.1246416 107.211713,11.9761326 C106.992485,11.8276236 106.741438,11.6967961 106.458564,11.5836464 L105.609945,11.2441989 C105.242208,11.1169054 104.874477,10.9719345 104.50674,10.8092818 C104.139004,10.646629 103.810167,10.44862 103.520221,10.2152486 C103.230275,9.98187729 102.993371,9.70961482 102.809503,9.39845304 C102.625634,9.08729126 102.533702,8.71248838 102.533702,8.27403315 C102.533702,7.86386535 102.615027,7.47845484 102.77768,7.11779006 C102.940332,6.75712527 103.1737,6.44596816 103.47779,6.18430939 C103.78188,5.92265063 104.153147,5.7175698 104.591602,5.56906077 C105.030057,5.42055174 105.52508,5.34629834 106.076685,5.34629834 C106.727296,5.34629834 107.324859,5.45944638 107.869392,5.68574586 C108.413925,5.91204533 108.884197,6.18784368 109.280221,6.51314917 L108.452818,7.61635359 C108.099225,7.34762297 107.731494,7.12839864 107.349613,6.95867403 C106.967733,6.78894943 106.5505,6.7040884 106.097901,6.7040884 C105.44729,6.7040884 104.969946,6.8525952 104.665856,7.14961326 C104.361766,7.44663132 104.209724,7.79314719 104.209724,8.18917127 C104.209724,8.42961446 104.27337,8.63823116 104.400663,8.81502762 C104.527956,8.99182409 104.697678,9.14740264 104.909834,9.28176796 C105.12199,9.41613327 105.365965,9.53635306 105.641768,9.64243094 C105.91757,9.74850882 106.203976,9.85812098 106.500994,9.97127072 C106.868731,10.1127079 107.239998,10.2612147 107.614807,10.4167956 C107.989615,10.5723765 108.325523,10.7668497 108.622541,11.000221 C108.919559,11.2335923 109.163535,11.5199983 109.354475,11.8594475 C109.545415,12.1988967 109.640884,12.6090584 109.640884,13.0899448 C109.640884,13.5142563 109.559559,13.9102744 109.396906,14.278011 C109.234253,14.6457477 108.993814,14.9710483 108.67558,15.2539227 C108.357346,15.536797 107.961328,15.7595572 107.487514,15.9222099 C107.013699,16.0848627 106.47271,16.1661878 105.86453,16.1661878 C105.129057,16.1661878 104.428954,16.0318245 103.764199,15.7630939 C103.099444,15.4943633 102.51956,15.1549192 102.02453,14.7447514 L102.894365,13.5779006 Z M112.950497,3.47933702 C112.611048,3.47933702 112.324642,3.37326073 112.091271,3.16110497 C111.857899,2.94894922 111.741215,2.68022262 111.741215,2.35491713 C111.741215,2.01546792 111.857899,1.74320545 112.091271,1.53812155 C112.324642,1.33303765 112.611048,1.23049724 112.950497,1.23049724 C113.289946,1.23049724 113.576352,1.33303765 113.809724,1.53812155 C114.043095,1.74320545 114.159779,2.01546792 114.159779,2.35491713 C114.159779,2.68022262 114.043095,2.94894922 113.809724,3.16110497 C113.576352,3.37326073 113.289946,3.47933702 112.950497,3.47933702 Z M112.059448,5.60088398 L113.799116,5.60088398 L113.799116,15.9116022 L112.059448,15.9116022 L112.059448,5.60088398 Z M117.002652,13.5779006 C117.455251,13.9456372 117.918451,14.2426508 118.392265,14.4689503 C118.86608,14.6952498 119.414141,14.8083978 120.036464,14.8083978 C120.715363,14.8083978 121.224529,14.6528192 121.563978,14.3416575 C121.903427,14.0304957 122.073149,13.648621 122.073149,13.1960221 C122.073149,12.9272915 122.002432,12.6939236 121.860994,12.4959116 C121.719557,12.2978996 121.539228,12.1246416 121.32,11.9761326 C121.100772,11.8276236 120.849725,11.6967961 120.566851,11.5836464 L119.718232,11.2441989 C119.350495,11.1169054 118.982764,10.9719345 118.615028,10.8092818 C118.247291,10.646629 117.918454,10.44862 117.628508,10.2152486 C117.338562,9.98187729 117.101658,9.70961482 116.91779,9.39845304 C116.733922,9.08729126 116.641989,8.71248838 116.641989,8.27403315 C116.641989,7.86386535 116.723314,7.47845484 116.885967,7.11779006 C117.04862,6.75712527 117.281987,6.44596816 117.586077,6.18430939 C117.890167,5.92265063 118.261434,5.7175698 118.69989,5.56906077 C119.138345,5.42055174 119.633367,5.34629834 120.184972,5.34629834 C120.835583,5.34629834 121.433146,5.45944638 121.97768,5.68574586 C122.522213,5.91204533 122.992484,6.18784368 123.388508,6.51314917 L122.561105,7.61635359 C122.207512,7.34762297 121.839781,7.12839864 121.457901,6.95867403 C121.07602,6.78894943 120.658787,6.7040884 120.206188,6.7040884 C119.555577,6.7040884 119.078234,6.8525952 118.774144,7.14961326 C118.470054,7.44663132 118.318011,7.79314719 118.318011,8.18917127 C118.318011,8.42961446 118.381657,8.63823116 118.50895,8.81502762 C118.636244,8.99182409 118.805966,9.14740264 119.018122,9.28176796 C119.230277,9.41613327 119.474253,9.53635306 119.750055,9.64243094 C120.025858,9.74850882 120.312264,9.85812098 120.609282,9.97127072 C120.977018,10.1127079 121.348285,10.2612147 121.723094,10.4167956 C122.097902,10.5723765 122.433811,10.7668497 122.730829,11.000221 C123.027847,11.2335923 123.271822,11.5199983 123.462762,11.8594475 C123.653703,12.1988967 123.749171,12.6090584 123.749171,13.0899448 C123.749171,13.5142563 123.667846,13.9102744 123.505193,14.278011 C123.342541,14.6457477 123.102101,14.9710483 122.783867,15.2539227 C122.465634,15.536797 122.069616,15.7595572 121.595801,15.9222099 C121.121987,16.0848627 120.580998,16.1661878 119.972818,16.1661878 C119.237344,16.1661878 118.537241,16.0318245 117.872486,15.7630939 C117.207731,15.4943633 116.627848,15.1549192 116.132818,14.7447514 L117.002652,13.5779006 Z M126.464751,7.02232044 L124.937238,7.02232044 L124.937238,5.70696133 L126.549613,5.60088398 L126.761768,2.71558011 L128.225635,2.71558011 L128.225635,5.60088398 L131.004862,5.60088398 L131.004862,7.02232044 L128.225635,7.02232044 L128.225635,12.7504972 C128.225635,13.3869645 128.342319,13.8784513 128.575691,14.2249724 C128.809062,14.5714934 129.222759,14.7447514 129.816796,14.7447514 C130.000664,14.7447514 130.198673,14.7164644 130.410829,14.6598895 C130.622984,14.6033146 130.813922,14.5396689 130.983646,14.4689503 L131.323094,15.7843094 C131.04022,15.8833154 130.732598,15.9717123 130.400221,16.0495028 C130.067844,16.1272932 129.739007,16.1661878 129.413702,16.1661878 C128.862097,16.1661878 128.398897,16.0813268 128.024088,15.9116022 C127.64928,15.7418776 127.345195,15.5085098 127.111823,15.2114917 C126.878452,14.9144737 126.712266,14.5538143 126.61326,14.1295028 C126.514254,13.7051912 126.464751,13.2384556 126.464751,12.7292818 L126.464751,7.02232044 Z"/>
                    </g>
                </svg>
            </div>
            <button id="assistantClose">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
                    <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"/>
                </svg>
            </button>
        </div>
        <div class="half-padding-left half-padding-right">
            <button class="primary">Create new</button>
            <pragma-form></pragma-form>
        </div>
    </div>
</template>