add extjs 6.0.1 sources

[extjs.git] / extjs / classic / touch-sizing / .sencha / package / slice-impl.xml

<project name="x-slice-impl">\r
\r
    <!--\r
    Uses the compiler to generate a special theme-only scss file containing\r
    rules for all framework / package / app components.  This is then used\r
    by the slicer example page to capture theme sprites\r
    -->\r
    <target name="-compile-slicer-sass" depends="-init-compiler">\r
        <local name="package.example.scss.tmp"/>\r
        <property name="package.example.scss.tmp" value="${package.example.scss}.tmp"/>\r
        <x-normalize-path\r
                path="${build.out.resources.dir}"\r
                property="image.search.path"/>\r
\r
        <x-compile refid="${compiler.ref.id}">\r
            <![CDATA[\r
                restore\r
                    package-${package.name}-all\r
                and\r
                include\r
                    -all\r
                and\r
                sass\r
                    +class-name-vars\r
                    +etc\r
                    +vars\r
                    +rules\r
                    -variable=$image-search-path:'${image.search.path}'\r
                    -variable=$theme-name: '${app.theme}' !default\r
                    -output=${package.example.scss.tmp}\r
                and\r
                restore\r
                    package-${package.name}-all\r
                and\r
                sass\r
                    +ruby\r
                    -output=${package.example.out.ruby}\r
            ]]>\r
        </x-compile>\r
\r
        <if>\r
            <not>\r
                <filesmatch file1="${package.example.scss.tmp}" file2="${package.example.scss}"/>\r
            </not>\r
            <then>\r
                <copy file="${package.example.scss.tmp}" tofile="${package.example.scss}" overwrite="true"/>\r
            </then>\r
        </if>\r
\r
    </target>\r
\r
    <!--\r
    Compiles the scss file for the theme slicer page\r
    -->\r
    <target name="-compass-compile-slicer-css" depends="-compile-slicer-sass">\r
        <x-compass-compile\r
                dir="${package.example.build.dir}"\r
                trace="${compass.compile.trace}"\r
                boring="${compass.compile.boring}"\r
                force="${compass.compile.force}"\r
                sassdir="${package.example.build.dir}"\r
                cssdir="${package.example.build.dir}"\r
                config="${package.example.compass.config}"/>\r
    </target>\r
\r
\r
    <target name="-generate-slicer-manifest" depends="-compass-compile-slicer-css" if="framework.isV5">\r
        <x-compile refid="${compiler.ref.id}">\r
            <![CDATA[\r
                slicer-manifest\r
                    -cssFile=${package.example.css}\r
                    -basePath=${bootstrap.base.path}\r
                    -out=${bootstrap.example.json}\r
                and\r
                microload\r
                    -operation=microloader\r
                    -microloaderPath=${build.slicer.microloader.file}\r
                    -bootPath=${build.boot.file}\r
                    -out=${bootstrap.example.js}\r
            ]]>\r
        </x-compile>\r
    </target>\r
 \r
    <target name="-generate-slicer-bootstrap" depends="-init-compiler" unless="framework.isV5">\r
\r
        <local name="relpath"/>\r
        <x-get-relative-path from="${bootstrap.base.path}"\r
                             to="${framework.packages.dir}"\r
                             property="relpath"/>\r
    \r
        <local name="override.tpl"/>\r
        <local name="override.tpl.type"/>\r
\r
        <property name="override.tpl.type" value="tpl"/>\r
        <property name="override.tpl" value='Ext.Loader.loadScriptFile("{0}", Ext.emptyFn);'/>\r
        \r
        <x-bootstrap file="${bootstrap.example.js}"\r
                     basedir="${bootstrap.base.path}"\r
                     includeBoot="true"\r
                     includeCoreFiles="true"\r
                     overrideTpl="${override.tpl}"\r
                     overrideTplType="${override.tpl.type}"\r
                     overrideExcludeTags="">\r
<![CDATA[\r
Ext.Boot.loadSync([\r
    "render.js",\r
    "${relpath}/theme-base/sass/example/manifest.js",\r
    "${relpath}/theme-base/sass/example/shortcuts.js",\r
    "custom.js"\r
]);\r
]]>\r
        </x-bootstrap>\r
    </target>\r
    \r
    <target name="-update-slicer-css">\r
        <x-get-relative-path\r
            from="${package.example.dir}"\r
            to="${package.example.css}"\r
            property="package.example.css.path"\r
            />\r
        \r
<!--update the app's example to point to the build output-->\r
<echo file="${package.example.dir}/example.css">\r
/*\r
 * This file is generated by Sencha Cmd and should NOT be edited. It redirects\r
 * to the most recently built CSS file for the application to allow theme.html\r
 * to load properly for image slicing (required to support non-CSS3 browsers\r
 * such as IE9 and below).\r
 */\r
@import '${package.example.css.path}';\r
</echo>\r
    </target>\r
 \r
 \r
    <target name="-capture-theme-image"\r
            depends="-generate-slicer-bootstrap,-generate-slicer-manifest,-update-slicer-css">\r
        <echo>Capture theme image to ${build.dir}/theme-capture.png</echo>\r
        <x-sencha-command dir="${package.dir}">\r
            <![CDATA[\r
            theme\r
                capture\r
                    -page=${package.example.theme.html}\r
                    -image=${build.capture.png}\r
                    -manifest=${build.capture.json}\r
            ]]>\r
        </x-sencha-command>\r
    </target>\r
    \r
    <target name="-slice-theme-images" depends="-capture-theme-image">\r
        <echo>Slicing theme images to ${build.resources.dir}</echo>\r
        <x-sencha-command dir="${package.dir}">\r
            <![CDATA[\r
            fs\r
                slice\r
                    ${build.slice.options}\r
                    -image=${build.capture.png}\r
                    -manifest=${build.capture.json}\r
                    -out=${build.resources.dir}\r
            ]]>\r
        </x-sencha-command>\r
    </target>\r
 \r
    <target name="-before-slice"/>\r
    <target name="-after-slice"/>\r
    <target name="-slice" \r
            depends="-slice-theme-images"/>\r
\r
</project>