Compare commits
2 Commits
| Author | SHA1 | Date |
|---|---|---|
 HerrHase
|
be006029cb | 2 months ago |
|
HerrHase
|
4f2b1af43b | 2 months ago |
@ -0,0 +1 @@
|
||||
@tiny-components:registry=https://git.node001.net/api/packages/tiny-components/npm/
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"/example/js/spritemap.js": "/example/js/spritemap.js?version=22bf6eef7ae5effb5e483e6c4f01c12b",
|
||||
"/example/symbol-defs.svg": "/example/symbol-defs.svg?version=286109f83fb513b8a93efe3ce8275708",
|
||||
"/example/js/example.js": "/example/js/example.js?version=e3d5dbb49383f6e183c2fdca71293467",
|
||||
"/example/css/styles.css": "/example/css/styles.css?version=4156c7f9ece84034a6422042a7b5ad7a"
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
[install.scopes]
|
||||
"@tiny-components" = "https://git.node001.net/api/packages/tiny-components/npm/"
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
(self.webpackChunk_tiny_components_sidebar_form=self.webpackChunk_tiny_components_sidebar_form||[]).push([["spritemap"],{"?4e0c":()=>{eval("\n\n//# sourceURL=webpack://@tiny-components/sidebar-form/spritemap-dummy-module?")}}]);
|
||||
@ -1,14 +0,0 @@
|
||||
{
|
||||
"/spritemap.js": "/spritemap.js",
|
||||
"/symbol-defs.svg": "/symbol-defs.svg",
|
||||
"/example.js": "/example.js",
|
||||
"/.css": "/.css",
|
||||
"/IBMPlexMono-Bold.eot": "/IBMPlexMono-Bold.eot",
|
||||
"/IBMPlexMono-Bold.ttf": "/IBMPlexMono-Bold.ttf",
|
||||
"/IBMPlexMono-Bold.woff": "/IBMPlexMono-Bold.woff",
|
||||
"/IBMPlexMono-Bold.woff2": "/IBMPlexMono-Bold.woff2",
|
||||
"/IBMPlexMono.eot": "/IBMPlexMono.eot",
|
||||
"/IBMPlexMono.ttf": "/IBMPlexMono.ttf",
|
||||
"/IBMPlexMono.woff": "/IBMPlexMono.woff",
|
||||
"/IBMPlexMono.woff2": "/IBMPlexMono.woff2"
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_tiny_components_sidebar_form=self.webpackChunk_tiny_components_sidebar_form||[]).push([[355],{256:()=>{}}]);
|
||||
|
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 66 KiB |
@ -0,0 +1,11 @@
|
||||
import sidebarFormHeader from './src/sidebarFormHeader.riot'
|
||||
import sidebarFormFooter from './src/sidebarFormFooter.riot'
|
||||
import sidebarFormMixin from './src/sidebarFormMixin.js'
|
||||
import sidebarFormStore from './src/sidebarFormStore.js'
|
||||
|
||||
export {
|
||||
sidebarFormHeader,
|
||||
sidebarFormFooter,
|
||||
sidebarFormMixin,
|
||||
sidebarFormStore
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,4 +0,0 @@
|
||||
@import
|
||||
'../node_modules/@tiny-components/plain-ui/src/scss/plain-ui',
|
||||
|
||||
'styles.scss';
|
||||
@ -0,0 +1,3 @@
|
||||
@import
|
||||
'../../node_modules/@tiny-components/plain-ui/src/scss/plain-ui',
|
||||
'../styles.scss';
|
||||
@ -1,23 +0,0 @@
|
||||
/**
|
||||
* example store for trigger open
|
||||
*
|
||||
* @author Björn Hase
|
||||
* @license http://opensource.org/licenses/MIT The MIT License
|
||||
* @link https://gitea.node001.net/tiny-components/sidebar-form
|
||||
*
|
||||
*/
|
||||
|
||||
import observable from '@riotjs/observable'
|
||||
|
||||
export default observable({
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {object} data
|
||||
*
|
||||
*/
|
||||
open() {
|
||||
this.trigger('open')
|
||||
}
|
||||
|
||||
})
|
||||
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 967 B |
@ -1,16 +0,0 @@
|
||||
<tiny-sidebar-form-footer>
|
||||
<div class="sidebar__footer">
|
||||
<button class="button m-bottom-0" type="submit" disabled={ props.active }>
|
||||
Save
|
||||
<svg class="icon fill-success p-left-3" aria-hidden="true">
|
||||
<use xlink:href="symbol-defs.svg#icon-check"></use>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="button m-bottom-0" type="submit" disabled={ props.active } close>
|
||||
Save and Close
|
||||
<svg class="icon fill-success p-left-3" aria-hidden="true">
|
||||
<use xlink:href="symbol-defs.svg#icon-check"></use>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</tiny-sidebar-form-footer>
|
||||
@ -0,0 +1,9 @@
|
||||
<tiny-sidebar-form-footer>
|
||||
<div class="sidebar__footer justify-content-right">
|
||||
<button class="button m-bottom-0" type="submit" disabled={ props.active }>
|
||||
<svg class="icon fill-success" aria-hidden="true">
|
||||
<use xlink:href="/symbol-defs.svg#icon-check"></use>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</tiny-sidebar-form-footer>
|
||||
@ -0,0 +1,31 @@
|
||||
import observable from '@riotjs/observable'
|
||||
|
||||
/**
|
||||
* example store for trigger open
|
||||
*
|
||||
* @author Björn Hase
|
||||
* @license http://opensource.org/licenses/MIT The MIT License
|
||||
* @link https://gitea.node001.net/tiny-components/sidebar-form
|
||||
*
|
||||
*/
|
||||
|
||||
export default observable({
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {object} data
|
||||
*
|
||||
*/
|
||||
open(name, data = undefined) {
|
||||
this.trigger('open.' + name, data)
|
||||
},
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {object} data
|
||||
*
|
||||
*/
|
||||
close(name = 'all') {
|
||||
this.trigger('close.' + name)
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,20 @@
|
||||
const tinyComponentsWebpack = require('@tiny-components/webpack')
|
||||
const riotRules = require('@tiny-components/webpack/rules/riot')
|
||||
const path = require('path')
|
||||
|
||||
module.exports = tinyComponentsWebpack({
|
||||
example: [ './src/example/example.js' ],
|
||||
styles: [ './src/example/styles.scss' ],
|
||||
}, {
|
||||
publicPath: '/example/',
|
||||
destination: path.resolve(process.cwd(), 'example'),
|
||||
rules: [ riotRules ],
|
||||
svg: {
|
||||
src: [
|
||||
'node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg'
|
||||
]
|
||||
},
|
||||
purge: {
|
||||
src: path.join(__dirname, './**')
|
||||
}
|
||||
})
|
||||
@ -1,86 +0,0 @@
|
||||
const mix = require('laravel-mix')
|
||||
const path = require('path')
|
||||
|
||||
require('laravel-mix-purgecss')
|
||||
|
||||
// plugins
|
||||
const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin')
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Mix Asset Management
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Mix provides a clean, fluent API for defining some Webpack build steps
|
||||
| for your Laravel applications. By default, we are compiling the CSS
|
||||
| file for the application as well as bundling up all the JS files.
|
||||
|
|
||||
*/
|
||||
|
||||
|
||||
mix.webpackConfig({
|
||||
module: {
|
||||
rules: [{
|
||||
test: /\.riot$/,
|
||||
use: [{
|
||||
loader: '@riotjs/webpack-loader',
|
||||
options: {
|
||||
hot: false
|
||||
}
|
||||
}]
|
||||
}
|
||||
]},
|
||||
plugins: [
|
||||
new SvgSpritemapPlugin([
|
||||
'node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg',
|
||||
'src/icons/brands/*'
|
||||
], {
|
||||
output: {
|
||||
filename: 'symbol-defs.svg',
|
||||
chunk: {
|
||||
keep: true
|
||||
},
|
||||
svgo: {
|
||||
plugins: [{
|
||||
name: 'convertStyleToAttrs',
|
||||
active: true
|
||||
},{
|
||||
name: 'removeStyleElement',
|
||||
active: true
|
||||
}, {
|
||||
name: 'removeAttrs',
|
||||
params: {
|
||||
attrs: 'fill'
|
||||
}
|
||||
}]
|
||||
}
|
||||
},
|
||||
sprite: {
|
||||
prefix: 'icon-'
|
||||
}
|
||||
})
|
||||
]
|
||||
})
|
||||
|
||||
mix
|
||||
.setPublicPath('./example')
|
||||
.js('src/example.js', 'example')
|
||||
.sass('src/example.scss', 'example')
|
||||
.purgeCss({
|
||||
extend: {
|
||||
safelist: [
|
||||
/sidebar/
|
||||
],
|
||||
content: [
|
||||
path.join(__dirname, 'src/**.riot'),
|
||||
path.join(__dirname, 'example/index.html')
|
||||
]
|
||||
}
|
||||
})
|
||||
.options({
|
||||
terser: {
|
||||
extractComments: false,
|
||||
},
|
||||
processCssUrls: false
|
||||
})
|
||||
.copyDirectory('node_modules/@tiny-components/plain-ui/src/fonts/IBM*', 'example')
|
||||
Loading…
Reference in new issue